/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Layout med css?
Fra : Martin Ploug


Dato : 01-02-06 01:33

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



 
 
Erik Ginnerskov (01-02-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 01-02-06 02:14

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/



Jørgen Farum Jensen (01-02-2006)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 01-02-06 10:45

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
..

Martin Ploug (01-02-2006)
Kommentar
Fra : Martin Ploug


Dato : 01-02-06 23:37

> 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
www.webdesign101.dk.

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

Med venlig hilsen
Martin



Christoffer (01-02-2006)
Kommentar
Fra : Christoffer


Dato : 01-02-06 14:23


"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;
}





Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408941
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste