שלח תשובה

זירת השאלות

647
צפיות
1
תשובות

!!

,‏ 26 ביוני, 2010

שלום.
יש לי מקטע המכיל רקע כחול ויצרתי אותו כך:
<body>
  <p id="outer">
    <a href="#">
      <img  src="abc.gif" width="318" height="109" />
    </a>
  </p>
הסגנון ליצירת רקע כחול גדול ב 2 פיקסלים מכל צד מתמונת הקישור הוא כזה:
<style type="text/css" media="all">
  p#outer {height:113px; width:322px; background-color:blue;}
והסגנון לתמונת הקישור מוקפת קו כחול בעובי 2 פיקסלים הוא:
p#outer a {padding:2px;}
התוצאה של הדף הנ"ל: תמונה מוקפת קו כחול מלמטה ומימין אך לא מלמעלה ומשמאל.
למה ?
מדוע אי אפשר ליצור תמונת קישור מוקפת קו בעובי 2 בצבע כחול מכל 4 צדדדיה ?
תודה

תגיות:

1 תשובות

  1. כדי להחיל padding על תג a
    צריך קודם כל להגדיר לו שיתנהג כקוביה באמצעות display:block

    כמו-כן רצוי גם את ההגדרות גודל של התמונה לתת באמצעות CSS ולא באמצעות המאפיינים של HTML

    אבל פיתרון יותר קלאסי הוא פשוט לתת לתמונה border:2px solid blue


    אלי ענתבי

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!