Avatar billede mydream Nybegynder
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?
Avatar billede roenving Novice
23. august 2006 - 13:22 #1
background: url(graphics/billede.gif) no-repeat 13px 13px;
Avatar billede mydream Nybegynder
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.
Avatar billede mclemens Nybegynder
23. august 2006 - 13:27 #3
font-size:8px; ind i css ... måske ?
Avatar billede mclemens Nybegynder
23. august 2006 - 13:28 #4
... eller evt. fjernelse af mellemrum eller   ?
Avatar billede mydream Nybegynder
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
Avatar billede mclemens Nybegynder
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 ...
Avatar billede mydream Nybegynder
23. august 2006 - 18:23 #7
hmm, det prøver jeg lige når jeg kommer på arbejde igen. Jeg vender tilbage.
Avatar billede 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. :-/
Avatar billede krokohunter Nybegynder
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
Avatar billede mclemens Nybegynder
29. august 2006 - 13:40 #10
(skrev jeg også i 23/08-2006 14:04:45)
Avatar billede mclemens Nybegynder
29. august 2006 - 13:42 #11
... men jeg burde måske kaste et svar, hvis det hjalp ...?
Avatar billede krokohunter Nybegynder
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
Avatar billede mclemens Nybegynder
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 :)
Avatar billede mydream Nybegynder
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.
Avatar billede mclemens Nybegynder
29. august 2006 - 16:49 #15
Velbekom, og tak for point :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester