Mellanrum mellan bild och border

Jag har denna kod:

<table border="0" cellpadding="0" cellspacing="0">
 <td width="600" height="70" valign="top" align="left" bgcolor="#EEEEEE" class="table_text" style="border: 1px, solid;" bordercolor="#AAAAAA">
 <img src="pic_utfyllnad.gif" border="0">
 </td>
</table>

Men det blir likt förbannat ett ganska stort mellanrum mellan själva bilden och bordern, varför?

har inte testat, men padding på <img>?

hur ser css-classen "table_text" ut? har inte den nån padding?

CSS-klassen:

.table_text

   {
   font-family: verdana;
   font-size: 11px;
   font-weight: none; 
   color: #555555;
   }

Du är inte den första som åkt på liknande problem den sista tiden ;)

Men som tur är finns en lösning:

Två orsaker - men dessa uppträder inte nödvändigtvis i samma webbläsare ;)

1. Du har mellanslagstecken och radbrytningar före och efter bilden - vikla "ritas ut" som - ett mellanslagstecken före och ett efter (pga att bilden inte är ett "block" utan en "inline box". Detta kan du (om du vill "fula dig") fixa med att lägga till

font-size:0; line-height:0:

i <td>-taggens CSS...
2) Men även om du tar bort dessa så kommer vissa webbläsare att "ge plats" för dem om du inte ställer in

img {display:block;}

på img så att du får den att bete sig som ett "äkta" block...

Så - tag bort mellanslagen+radbrytningarna runt bilden och sätt också dit ett display:block på <img> är mitt tips!

Red: Jag antar att bilden *garanterat* är minst 600x70 stor också ;)

jarvklo; mannen som har svar på allt inom området ;) Tack så hemskt mycket. Tack även toha och frankof!

/Magnus

Jag hade annars löst det så här enkelt:

<style type="text/css">

.photo_padding {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 3px;
}

</style>

<img src="bild.gif" class="photo_padding" alt="" />

Melea: Tack så hemskt mycket för ditt förslag, men jarvklos fungerar excellent, så jag kör på det tillsvidare ;)

Men när vi ändå är inne på det här med avstånd och mått och grejor så tänkte jag fråga en sak ;)

När man skriver så här:

<p class="rubrik">STARTSIDAN</p>

<p class="text">Hej, detta är en text</ p>

Blir det ju ett på tok för stort mellanrum mellan dessa. Går det på något sätt att förhinda radbrytningar genom <p>?

<style type="text/css">

p {
	margin: 0px;
	padding: 0px;
}

</style>

Nej men! Tackar så hemskt mycket, än en gång :)

Jag känner mig väldigt dum mot er :P

magnusfernstrom skrev:

Melea: Tack så hemskt mycket för ditt förslag, men jarvklos fungerar excellent, så jag kör på det tillsvidare ;)

Men när vi ändå är inne på det här med avstånd och mått och grejor så tänkte jag fråga en sak ;)

När man skriver så här:

<p class="rubrik">STARTSIDAN</p>

<p class="text">Hej, detta är en text</ p>

Blir det ju ett på tok för stort mellanrum mellan dessa. Går det på något sätt att förhinda radbrytningar genom <p>?

Blir det inte bara lustigt med marginalerna i IE? :) Mellan <p> menar jag. :)

r/ Fast du kanske inte ville ha marginaler alls. :e