---

Hej

Hmm, jeg har lidt svært ved at komme igang
med at opbygge hjemmesider vha. css.
Jeg synes jeg mangle nogle gode pædagogiske
sider, som i detaljer og på en ikke alt for teoretisk
måde viser, hvordan man kan opbygge sider vha.
css.

Jeg gerne prøve ar bygge en side med en struktur/
et layout som i nedenstående link. Dog vil jeg gerne
have den tynde spalte i venstre side.
http://www.webdesign101.dk/csslayout/jello.php

Altså den opbygning jeg gerne vil lave er følgende:

Selve siden skal gerne være centreret, og den skal
betå af en div til banner, en div til vandrette links i toppen
under banneret - herunder to spalter ved siden af hinanden
- med den smalle spalte til venstre.

Sidst men ikke mindst: Siden skal kunne vises korrekt
i IE og FF.

Kan jeg mon bare klø på med linket hos webdesign101,
eller er her nogen, som kan henvise til andre og gode
brugbare eksempler?

På forhånd tak.

Med venlig hilsen
Martin

---

Martin Ploug wrote:

> Selve siden skal gerne være centreret, og den skal
> betå af en div til banner, en div til vandrette links i toppen
> under banneret - herunder to spalter ved siden af hinanden
> - med den smalle spalte til venstre.

Kan det være den her side, du leder efter:

http://hjemmesideskolen.dk/html/flyd.asp?id=fpx

Det burde ikke være noget problem at tilføje den vandrette menu under
topbaren.

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

---

Martin Ploug wrote:

> Jeg gerne prøve ar bygge en side med en struktur/
> et layout som i nedenstående link. Dog vil jeg gerne
> have den tynde spalte i venstre side.
> http://www.webdesign101.dk/csslayout/jello.php
>

Jeg vil nok mene, at netop den model du refererer til,
er lige langhåret nok, i hvert fald for "begyndere".

Men hvis du endelig vil, så er det følgende model, du skal bruge:

http://www.webdesign101.dk/csslayout/jello/jello_1.html

> Kan jeg mon bare klø på med linket hos webdesign101,
> eller er her nogen, som kan henvise til andre og gode
> brugbare eksempler?

Prøv stille og roligt at læse siden

http://www.webdesign101.dk/csslayout/oversigt.php

igennem. Det skulle undre mig meget om ikke du kan
finde et eksempel, du kan bruge.


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

> Prøv stille og roligt at læse siden
>
> http://www.webdesign101.dk/csslayout/oversigt.php
>
> igennem. Det skulle undre mig meget om ikke du kan
> finde et eksempel, du kan bruge.

Hej

Mange tak for jeres indlæg.

Jeg har været ved at eksperimentrere med jeres forskellige bud,
og det ser ud til, at jeg er ved at have fundet en løsning.

Indtil videre har jeg bygget lidt videre på principeksempel 7
på www.webdesign101.dk.

Men jeg vil måske også kigge videre på I andres bud.

Med venlig hilsen
Martin

---

"Martin Ploug" <mploug@mail.tele.dk> skrev i en meddelelse
news:43e00171$0$46995$edfadb0f@dread15.news.tele.dk...
> Hej
>
> Hmm, jeg har lidt svært ved at komme igang
> med at opbygge hjemmesider vha. css.
> Jeg synes jeg mangle nogle gode pædagogiske
> sider, som i detaljer og på en ikke alt for teoretisk
> måde viser, hvordan man kan opbygge sider vha.
> css.
[klip]
> Kan jeg mon bare klø på med linket hos webdesign101,
> eller er her nogen, som kan henvise til andre og gode
> brugbare eksempler?
Jeg har ikke et eksempel men vil gerne fortæller hvordan jeg ville gøre det.

1) bruge 4 divs til siden.
1 - ramme
2 - menuen
3 - venstre spalte
4 - indhold

<div id='ramme'>
<img ... header>
<div id='menu'></div>
<div id='venstre'></div>
<div id='indhold'></div>
</div>

## css

#ramme {
width: 770px;
margin: auto; /* rammen som omgiver indholde og får sident til at centrere
*/
}

#menu {
width: 100%
height: 30px;
}

#venstre {
width: 160px;
float: left;
}

#indhold {
width: 600px;
float: right;
}