Rune Jensen wrote in dk.edb.internet.webdesign.html:
> On 19 Maj, 18:16, Birger Sørensen <s...@bbsorensen.com> wrote:
>
> Hm. Lad os sige, du har to DIVer ved siden af hinanden. Du laver så
> en :hover på den første, og den anden kan så påvirkes udfra det.
> Forudsat, de ligger på samme niveau, og har fælles parent.
>
> <div id="a">Hover her</div>
> <dib id="b">Baggrundsbillede her</div>
>
> #b{
> background: url(billede1.jpg);
> }
>
> #a:hover+#b{
> background: url(billede2.jpg);
> }
>
> MVH
> Rune Jensen
Hvordan får jeg dette til at spille? Jeg kan ikke lige se, hvordan jeg
får .billedholder til at vise forskellige billeder, alt efter hvad der
bliver :hoveret i de øverste 5 div's
<head>
<style>
#dyr{float:left; margin-right: 22px;}
#have{float:left; margin-right: 22px;}
#porte{float:left; margin-right: 22px;}
#natur{float:left; margin-right: 22px;}
#montage{float:left; margin-right:;}
..billedeholder #dyr{background: url(poda-hegn-hest-hestehegn.jpg);
width:940px; height:356;}
..billedeholder #have{background: url(poda-hegn-havehegn.jpg);
width:940px; height:356;}
..billedeholder #porte{background: url(poda-hegn-porte-laager.jpg);
width:940px; height:356;}
..billedeholder #natur{background: url(poda-hegn-naturpleje.jpg);
width:940px; height:356;}
..billedeholder #montage{background: url(poda-hegn-montage-service.jpg);
width:940px; height:356;}
</style>
</head>
<body>
<div id="dyr">Hegn til dyr</div>
<div id="have">Hegn til haven</div>
<div id="porte">Porte og låger</div>
<div id="natur">Natyrpleje</div>
<div id="montage">Montage og service</div>
<div style="clear:both"></div>
<div class="billedeholder"></div>
</body>
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials