23. august 2006 - 13:20
Der er
14 kommentarer og 1 løsning
2 px. for meget i visning
på sitet henvises via div til et css punkt, der ser sådan her ud: #header { background: #BE1B74 url(graphics/billede.gif) no-repeat 13px 13px; background-color: #333; } Når det vises, vises baggrundsfarvej (#333) som 2 pixels forneden lige under billedet. Jeg vil kun vise billedet. Hvordan får jeg ændret i CSS, sådan at det kan lade sig gøre?
Annonceindlæg fra Cognizant
23. august 2006 - 13:22
#1
background: url(graphics/billede.gif) no-repeat 13px 13px;
23. august 2006 - 13:25
#2
nej desværre, så skifter den bare de 2 pixels om til en anden farve. Jeg har en streg nedenunder div taggen, som gerne skal rykke helt op til billedet, og den bliver på samme plads blot under en anden farve 2 px.
23. august 2006 - 13:27
#3
font-size:8px; ind i css ... måske ?
23. august 2006 - 13:28
#4
... eller evt. fjernelse af mellemrum eller ?
23. august 2006 - 13:34
#5
kaldet af cssen ser sådan ud: <div id="header"> <a href="index.jsp"> <img border="0" src="graphics/billedet.jpg" width="790" height="108"> </a> </div> så der skulle ikke være nogle falske mellemrum
23. august 2006 - 14:04
#6
hvis jeg skriver det sådan her: <div id="header"> <a href="index.jsp"> <img border="0" src="graphics/billedet.jpg" width="790" height="108"> </a> </div> og sådan her: <div id="header"> <a href="index.jsp"> <img border="0" src="graphics/billedet.jpg" width="790" height="108"> </a> </div> ... får jeg mellmrum under, men sådan her: <div id="header"><a href="index.jsp"><img border="0" src="graphics/billedet.jpg" width="790" height="108"></a></div> eller sådan her: <div id="header"> <a href="index.jsp"> <img border="0" src="graphics/billedet.jpg" width="790" height="108"></a></div> ... får jeg ingen mellemrum under billedet ...
23. august 2006 - 18:23
#7
hmm, det prøver jeg lige når jeg kommer på arbejde igen. Jeg vender tilbage.
Slettet bruger
24. august 2006 - 10:45
#8
Forslag: Lav din background-color samme farve som det omkringliggende område, så er du ud over problemet. ;-) Ellers fortæl hvilken browser du bruger, fordi både IE, FF og Opera viser bl.a. borders forskelligt. :-/
29. august 2006 - 13:34
#9
Det kunne tyde på at det er IE's whitespace bug. IE har en tendens til at lave luft imellem elementer, når ens kode er pænt opstillet, f.eks <div> <ul> <li>bla</li> <li>bla2</li> </ul> </div> Det er s'følig ikke konsekvent (hvis bare IE var logisk .. men neeeeeeeeeeeej ;-) ), så nogen gange gør den det, og andre gange ikke. Der er ikke umiddelbart andet at gøre, end at samle koden, som du selv viste. <div><ul><li>bla</li><li>bla2</li></ul></div> Cheers Kroko
29. august 2006 - 13:40
#10
(skrev jeg også i 23/08-2006 14:04:45)
29. august 2006 - 13:42
#11
... men jeg burde måske kaste et svar, hvis det hjalp ...?
29. august 2006 - 13:56
#12
Sorry mclemens.. Den havde jeg misset ..men nu har jeg da uddybet grunden lidt, men det er s'følig mclemens der er berettiget til de point. Cheers Kroko
29. august 2006 - 14:06
#13
[ men nu har jeg da uddybet grunden lidt ] Helt ok, en forklaring er jo også god at have :o) Mvh, Clemme :)
29. august 2006 - 16:00
#14
Sorry, jeg testede det først i går på arbejde, og ja det er altså en irriterene bug, og det sker ikke i firefox. Tak for hjælpen.
29. august 2006 - 16:49
#15
Velbekom, og tak for point :o)
Vi tilbyder markedets bedste kurser inden for webudvikling