---

Jeg har finpudset www.vih.dk lidt på designet. Desværre driller
det lige lidt.

Jeg har to rækker billeder på forsiden, som begge er i en <div
class="thumpnail">. Inden i denne klasse er der nogle p'er som
floater left.

Nu er det bare sådan at jeg har en let farvet skygge i en lang
streg hen over begge <div>'er. Er der nogen, der kan se, hvad der
skulle være galt?

Lars

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Lars Olesen skrev:

> Nu er det bare sådan at jeg har en let farvet skygge i en lang
> streg hen over begge <div>'er. Er der nogen, der kan se, hvad der
> skulle være galt?

Det er baggrundsfarven i .thumbnails der driller:

..thumbnails {
   background: #F2F5F7 ;
   padding: 5px;
}

Hvis du vil have farvet baggrund bag billederne, skal du have et
break-element ind sidst.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Det er baggrundsfarven i .thumbnails der driller:
>
> .thumbnails {
>    background: #F2F5F7 ;
>    padding: 5px;
> }

Hm, var kommet til at kalde flere elementer det samme. En klassisk fejl,
så jeg var ikke opmærksom på, at jeg også havde thumpnails i
fotoalbum.css. Tak for det, nu havde jeg siddet og stirret mig blind på
det i en halv time :)

--
Lars
www.fodboldenslegestue.dk   www.larsolesen.dk
www.discimport.dk      www.vih.dk

---

Lars Olesen skrev:

> Hm, var kommet til at kalde flere elementer det samme. En
> klassisk fejl, så jeg var ikke opmærksom på, at jeg også havde
> thumpnails i fotoalbum.css. Tak for det, nu havde jeg siddet
> og stirret mig blind på det i en halv time :)

Jeg kan (endnu en gang) anbefale Mozillas DOM Inspector. Med den er
det lynhurtigt at finde de css-regler der er defineret for et
givent element.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

> Jeg kan (endnu en gang) anbefale Mozillas DOM Inspector. Med den er
> det lynhurtigt at finde de css-regler der er defineret for et
> givent element.

Jeg vil prøve at kigge på den. Koder du i Mozilla - eller er det når du
tester siden, du bruger den?

--
Lars
www.fodboldenslegestue.dk   www.larsolesen.dk
www.discimport.dk      www.vih.dk

---

Lars Olesen skrev:

> Jeg vil prøve at kigge på den. Koder du i Mozilla

Nej. Mozillas composer er desværre ikke glad for XHTML - og mangler
også en del ting i forhold til Homsite som er mit foretrukne
program.


> - eller er det når du tester siden, du bruger den?

Præcis. Det betyder også at jeg lige så let kan teste andres sider
som min egen - bare de er tilgængelige.

DOM Inspector fungerer ved at man har et html-dokument vist i en
træstruktur. Man kan vælge hver enkelt "node" (html-element, fx p,
li, strong, ul) og se hvor det er placeret på siden, hvilke
dimensioner det har (boksmodellen), hvilke css-regler der er
defineret for elementet og hvor disse regler er defineret, samt
alle beregnede css-værdier for elementet.

I stedet for at vælge et element i træstrukturen kan man i øvrigt
også bare klikke et sted på den viste side - så åbner DOM inspector
træstrukturen på det element man har klikket på.

Det største "problem" jeg har med DOM inspector er at det i sagens
natur kun kan fortælle hvordan en side opfattes af Mozilla. Hvis en
side ser korrekt ud i Mozilla, men fejler i Opera, IE eller andre
browsere, så er jeg lidt på herrens mark.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

"Lars Olesen" <lars@legestue.net> skrev

> Jeg har to rækker billeder på forsiden, som begge er i en <div
> class="thumpnail">.
>
> Nu er det bare sådan at jeg har en let farvet skygge i en lang
> streg hen over begge <div>'er. Er der nogen, der kan se, hvad der
> skulle være galt?

Prøv at sætte padding til nul på .thumbnails i fotoalbum.css

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

---

> Prøv at sætte padding til nul på .thumbnails i fotoalbum.css

Det virker, men jeg valgte nu at omdøbe min klasse på forsiden, for det
var ikke meningen, at den skulle hedde det samme, som den i
fotoalbummet. Tak for hjælpen!

--
Lars
www.fodboldenslegestue.dk   www.larsolesen.dk
www.discimport.dk      www.vih.dk