---

Hejsa.

Hvis man nu i sit stylesheet har følgende:

#topbanner {
   position: absolute;
   top: 0px;
   border-bottom: 3px solid #babab5;
}

#topbanner.left {
   background-image: url(../images/background/sd_logo.gif);
   border-right: 3px solid #babab5;
}

#topbanner.right {
   background-image: url(../images/background/toppic.jpg);
}

Hvordan tilgår man de 2 klasser (left og right?)

Jeg har prøvet med

<div id="topbanner">
   <div class="left"></div>
   <div class="right"></div>
</div>

men det virker ikke, der kommer kun topbanner med.

---

On Wed, 11 Jan 2006 02:58:33 +0100, Martin <news@natten-i.dk> wrote:

> #topbanner.left {

Dette rammer et element med id="topbanner" *og* class="left". F.eks. <div
id="topbanner" class="left">

> <div id="topbanner">
>    <div class="left"></div>
>    <div class="right"></div>
> </div>
>
> men det virker ikke, der kommer kun topbanner med.

Hvis du vil ramme de to børn af din div med id="topbanner", så skal det
skrives således:

#topbanner .left { /* bemærk mellemrum */

--
Ryan Kristensen

---

Ryan Kristensen wrote:
> On Wed, 11 Jan 2006 02:58:33 +0100, Martin <news@natten-i.dk> wrote:
>
>> #topbanner.left {
>
>
> Dette rammer et element med id="topbanner" *og* class="left". F.eks.
> <div id="topbanner" class="left">
>
>> <div id="topbanner">
>> <div class="left"></div>
>> <div class="right"></div>
>> </div>
>>
>> men det virker ikke, der kommer kun topbanner med.
>
>
> Hvis du vil ramme de to børn af din div med id="topbanner", så skal det
> skrives således:
>
> #topbanner .left { /* bemærk mellemrum */
>

Det virker jo bare perfekt :)
Tak