---

Kære udviklere,

Er der nogen som kan fortælle mig om man kan lave det her design uden
tabeller, og meget gerne hvordan? :)

+--------------+-------------+--------------+
| | logo med | |
| gul | gul | gul |
| baggrunds- | baggrunds- | baggrunds- |
| farve | farve | farve |
+--------------+-------------+--------------+
| |
| |
| |
| |
| |
| |
| |
| |
| hvid baggrundsfarve |
| |
+-------------------------------------------+

|<--------- 100% width -------------------->|


Knus,
Louise

---

Louise Hoffman wrote:
> Kære udviklere,
>
> Er der nogen som kan fortælle mig om man kan lave det her design uden
> tabeller, og meget gerne hvordan? :)

Skulle ikke være noget problem.

I html:

<div id="side">
<div id="topbar>
<img id="topbanner" width="200" height="120" src="billede.gif
alt="">
</div>
<div id="content">
Sidens indhold her
</div>
</div>

Og i css:

#side {
width: 750px;
margin: auto;
}
#topbar {
color: inherit;
background-color: #ffa; /*definer selv ønsket farve */
}
#topbanner {
margin: auto;
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov skrev:

> <div id="topbar>
> <img id="topbanner" width="200" height="120" src="billede.gif
> alt="">
> </div>

Måske skal topbar bestå af tre floatede bokse, for Louise havde
jo tre elementer der skulle være der. Du har vist forestillet dig
at man lave ét bredt billede med de tre elementer på.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

"Bertel Lund Hansen" <unospamo@lundhansen.dk> skrev i meddelelsen
news:sfraq4h2hv4lu944sffqmsu9r80ndkbvde@news.stofanet.dk...
> Erik Ginnerskov skrev:
>
>> <div id="topbar>
>> <img id="topbanner" width="200" height="120" src="billede.gif
>> alt="">
>> </div>
>
> Måske skal topbar bestå af tre floatede bokse, for Louise havde
> jo tre elementer der skulle være der. Du har vist forestillet dig
> at man lave ét bredt billede med de tre elementer på.

Som jeg læser skitsen, skal topbaren have gul baggrund og i midten indsættes
et logo med gul baggrund.

Men lad nu Louise selv fortælle, hvem af os, der har opfattet
problemstillingen korrekt.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov skrev:

> <div id="topbar>
> <img id="topbanner" width="200" height="120" src="billede.gif
> alt="">
> </div>

I så fald skal billedet nok centreres, hvis det skal passe ind.

Jeg forestiller mig nu ligesom Bertel at det er 3 floatede elementer der
skal ligge i toppen.
Så bliver det:

<div id="topbar">
<div id="topvenstre">
   Den gule baggrund til venstre med indhold
</div>
<div id="topmidt">
   <img src="billede.gif" style="width:200px; height: 120px;" alt="">
</div>
<div id="tophoejre">
   Den gule baggrund til højre med indhold
</div>
</div>
<div id="indhold">
   Sidens indhold her
</div>

CSS:
#topbar {
background-color: #ffa; /* ffa er kortform for ffffaa */
}
#topvenstre, #tophoejre {
float: left;
width: 30%; /* Definer selv en passende bredde */
}
#topmidt {
float:left;
width: 210px;
}


--
Philip - http://chartbase.dk