Facebook
Twitter
RSS736
צפיות
צפיות
1
תשובות
תשובות
!!
שלום.
יש לי מקטע המכיל רקע כחול ויצרתי אותו כך:
<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 תשובות
כדי להחיל padding על תג a
צריך קודם כל להגדיר לו שיתנהג כקוביה באמצעות display:block
כמו-כן רצוי גם את ההגדרות גודל של התמונה לתת באמצעות CSS ולא באמצעות המאפיינים של HTML
אבל פיתרון יותר קלאסי הוא פשוט לתת לתמונה border:2px solid blue
אלי ענתבי