Utmanande mellanrum

Hej!

Jag har byggt en rätt stor sida för att vara nybörjare och nu när jag är klar har jag lagt märke till ett litet mellanrum som jag inte vill ska vara där. Jag brydde mig inte om det först, men nu har jag gett mig katten på att jag ska bli av med det.

Det märkliga är att jag har skalat ner hela sidan, element för element, för att hitta vad felet beror på och till slut hade jag bara en tabel med en rad och en cell med en bild i - men mellanrummet är fortfarande kvar!!! Mycket förbryllande.

Problemet ligger under bilden. Jag har en tabell med en blå ram runt och i den ligger en tabellrad som har magentafärgad bakgrund. I raden ligger en cell som innehåller en bild. Nu tycker jag att allt borde sitta väldigt tight runt bilden, men istället blir det en magentafärgad glipa under bilden...

<table>
<tr>
<td>
<img src="bild.jpg" />
</td>
</tr>
</table>

Hur får jag bort denna?? Det har aldrig hänt innan och jag har försökt med en massa åtgärder i css:en.

Om någon antar utmaningen att lyckas få bort mellanrummet så bifogar jag mappen med de tre filerna i, och jag skulle verkligen bli jätteglad om någon kunde lösa det.

/Mvh Förbryllad

Skriv t.ex. så här i stilmallen:

* {margin:0; padding:0}

..så nollställer du allt som du inte själv satt in margin och padding på.

Detta gör nog susen! :)

<table>
<tr>
<td>
<img src="bild.jpg" style="display:block;" />
</td>
</tr>
</table>

dum fråga, men varför har du en table där? Och om du skall koda "korrekt" så skall bilden ha en alt text om det är XHTML du försöker dig på.
sen har jag för mig att du måste använda dig av cellspacing för att få bort det från en tabell.

jadu.. jag kollade lite snabbt och är lika förbryllad
det finns en känd bug som gör att ett extra mellanslag eller en radbrytning i KÄLLKODEN kan orsaka extra whitespace
dvs
<td>
<img....>
<td>

renderas annorlunda än
<td><img....><td>

jag testade detta , men samma sak, jag tog bort tabellen och la en div med 1px blå border och inga extra whitespace= samma sak

edit:
@doggelito jag postade slogs av tanken och testade med display block och skulle precis skriva det. så ser jag att du var snabbare :)

Hej!

Tack för era snabba tips!

Själva sidan kanske verkar lite märklig just nu - och inte helt "korrekt". Som jag skrev så är det för att jag skalat av allt från den riktiga sidan, för att hitta problemet.

Margin och Padding verkar inte påverka mellanrummet, tyvärr...

style="display:block;" tog faktiskt bort det, men jag vet inte hur jag ska använda det på min originalsida. Jag har egentligen inte en img tagg där utan ett script... Kolla gärna på https://www.adrenalinn.se, det är den stora bilden på startsidan som har en liten vit glipa under även om den inte syns så bra eftersom bilden är så ljus.

Kan man göra något som påverkar tabellen för att få bort det?

om du nu skall envisas med att ha tabeller till layout så skulle du ju kunna sätta den stora bilden som bakgrundsbild i just den där tabellcellen

Så här då kanske!

// Add quotes
addQuots ("<img style='display:block;' src='bilder/framsidor/index/index1.jpg' width=745 alt='Skräddarsytt från Linn Fashion'>");
addQuots ("<img style='display:block;' src='bilder/framsidor/index/index2.jpg' width=745 alt='Skräddarsydda kläder från AdrenaLinn'>");
addQuots ("<img style='display:block;' src='bilder/framsidor/index/index3.jpg' width=745 alt='Skräddarsytt från Linn Fashion'>");
addQuots ("<img style='display:block;' src='bilder/framsidor/index/index4.jpg' width=745 alt='Skräddarsydda kläder från AdrenaLinn'>");
addQuots ("<img style='display:block;' src='bilder/framsidor/index/index5.jpg' width=745 alt='Skräddarsytt från Linn Fashion'>");
// end hiding contents -->

Oh, tack då hemskt mycket!
Det gick utmärkt att lägga "style='display:block;" där.... tänkte inte på det.
Nu ser det mycket bättre ut.

Tack för hjälpen alla!!!