הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   margin-top לתמונה מבלי להזיז את הטקסט (https://hosts.co.il/forums/showthread.php?t=95530)

trupix 15-02-12 16:03

margin-top לתמונה מבלי להזיז את הטקסט
 
הי,

הכנתי קוד לדוגמא כדי להמחיש בדיוק מה שאני לא מצליח לעשות:
PHP קוד:

<style>
.
imgClass
{
    
margin-right:10px;
    
margin-top:10px;
}
</
style>
<
img class="imgClass" src="http://hostscoil.net/images/styles/Hostsky/statusicon/forum_old.gif" />Text 

(העליתי לכאן)

כשתיכנסו, תוכלו לראות שmargin-top מוריד גם את הטקסט, אולם אני רוצה להוריד רק את התמונה כדי שמבחינת הגובה, היא תיהיה באמצע של הטקסט ולא ביישור קו, ובנוסף לכך שיהיה רווח בינה לבין הטקסט של X פיקסלים ..

אני מצליח להזיז רק אותה בעזרת position:absolute, אולם margin-right לא עובד בצורה הזו

מה הפתרון?

תודה..

Haimz 15-02-12 16:15

תצטרך להפריד אותם בדיבים או תגיות אחרים, בכל מקרה אתה יכול להשתמש בvertical-align

trupix 15-02-12 16:16

אין אפשרות אחרת?

וכן, בדיוק באתי לרשום שvertical-align:middle; עשוי לעזור ברוב המקרים, אבל אני רוצה שזה יהיה יותר גמיש .. זה תלוי בתמונה שאני שם..

בניה 15-02-12 18:30

אתה רוצה שהתמונה תמיד תהיה במרכז של הטקסט והטקסט דינאמי לחלוטין?

Itay 15-02-12 19:36

תן position: relative לתמונה, ותוסיף לזה top: 10px ונפתרה לך הבעיה

trupix 16-02-12 22:54

תודה איתי עזרת לי מאוד.
תודה גם לכל מי שניסה לעזור..


כל הזמנים הם GMT +2. הזמן כעת הוא 17:29.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ