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

trupix · 15-02-12, 16:03

הי,

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

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

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

15-02-12, 16:03	# 1
trupix חבר מתקדם מיני פרופיל תאריך הצטרפות: Sep 2009 גיל: 34 הודעות: 391	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 לא עובד בצורה הזו מה הפתרון? תודה.. __________________ Senior Product Designer & Envato Author Frontend & Wordpress Developer Dribbble \| ThemeForest

15-02-12, 16:16	# 3
trupix חבר מתקדם מיני פרופיל תאריך הצטרפות: Sep 2009 גיל: 34 הודעות: 391	אין אפשרות אחרת? וכן, בדיוק באתי לרשום שvertical-align:middle; עשוי לעזור ברוב המקרים, אבל אני רוצה שזה יהיה יותר גמיש .. זה תלוי בתמונה שאני שם.. __________________ Senior Product Designer & Envato Author Frontend & Wordpress Developer Dribbble \| ThemeForest

15-02-12, 18:30	# 4
בניה משתמש - היכל התהילה מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: נחושה הודעות: 3,434	אתה רוצה שהתמונה תמיד תהיה במרכז של הטקסט והטקסט דינאמי לחלוטין? __________________ קו ישר, כי אפשר גם אחרת

15-02-12, 19:36	# 5
Itay חבר מתקדם מיני פרופיל תאריך הצטרפות: Oct 2005 גיל: 35 הודעות: 564	תן position: relative לתמונה, ותוסיף לזה top: 10px ונפתרה לך הבעיה __________________ הורדת שירים מיוטיוב, הורדת שירים, שירים להורדה, שירים להורדה מיוטיוב, העלאת תמונות

16-02-12, 22:54	# 6
trupix חבר מתקדם מיני פרופיל תאריך הצטרפות: Sep 2009 גיל: 34 הודעות: 391	תודה איתי עזרת לי מאוד. תודה גם לכל מי שניסה לעזור.. __________________ Senior Product Designer & Envato Author Frontend & Wordpress Developer Dribbble \| ThemeForest


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

15-02-12, 16:15	# 2
Haimz חבר וותיק מיני פרופיל תאריך הצטרפות: Sep 2010 הודעות: 1,221	תצטרך להפריד אותם בדיבים או תגיות אחרים, בכל מקרה אתה יכול להשתמש בvertical-align

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)