CSS layout

[Arve Systad]

Jepp, blitt litt forelska i det igrunn, men er det ikkje _vanvittig_ hardt å sette opp store, avanserte sider med css igrunn? litt forvirrande å arbeide med lissom?

 

/me klarer seg fint med tre-fem div's

Endret 7. januar 2004 av arve87

[haugsand]

Selvsagt, selvsagt.

 

HTML-filen skal bare trenge å innholde

<div class="header">Header og overskrift og alt sammen</div>

<div class="meny">Menyen</div>

<div class="main">Hovedsiden og all tekst og sånt</div>

<div class="footer>Footeren</div>

 

 

Det er litt av det som er så genialt...

Husk at teksten skal stå i <p>, <h1> ++

[Arve Systad]

Den MÅ ikkje

[haugsand]

Den MÅ ikkje

Såklart, teksten blir skrevet ut av nettleseren uansett. Til og med snøen forsvinner en gang, selv om vi ikke heller vann på den.

 

Poenget er at ved å ikke plassere teksten slik, bryter vi htmls semantikk.

[Arve Systad]

http://home.tiscali.no/ompatut/testy/index.htm

 

Kan noken sjå svakheter i min layout (som forøvrig er veldig simpel, for å lære )?

Er det ting eg bør/kan gjøre annerledes for å gjøre det meir "bulletproof" med tanke på forskjellige browsere osv.?

[pgdx]

Greit... Jeg bare hev inn hovedpoenget mitt, jeg... Man må selvsagt bruke <p> og <br /> o.l.

[pgdx]

http://home.tiscali.no/ompatut/testy/index.htm

Kul side!

[haugsand]

http://home.tiscali.no/ompatut/testy/index.htm

 

Kan noken sjå svakheter i min layout (som forøvrig er veldig simpel, for å lære )?

Er det ting eg bør/kan gjøre annerledes for å gjøre det meir "bulletproof" med tanke på forskjellige browsere osv.?

Dette er ikke de kommentarene du etterlyser her, men plasser overskriftene i <hn>, menyen i lister, og teksten i avsnitt (<p>).

[Arve Systad]

<hn> ? ka er det for noke?

Endret 7. januar 2004 av arve87

[haugsand]

<hn> ? ka er det for noke?

n står for hvilket som helst tall. (Men i dette tilfellet 1-6.)

Endret 7. januar 2004 av satyrium

[Arve Systad]

selfølgelig! *føle seg dum*

 

Done! Får vel putte menyen i ei liste da...

 

Åssn får eg vekk prikkene før kver <li> ?

Endret 7. januar 2004 av arve87

[pgdx]

Åssn får eg vekk prikkene før kver <li> ?

Style: None

Her er liksom listen av typer:

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha 

Endret 7. januar 2004 av Toolshed

[Arve Systad]

hmm, orker ikkje fikse det no, uansett så liker eg ikkje at der er en prikk/firkant/ting foran kver <li> når den skal brukast i en meny

[pgdx]

hmm, orker ikkje fikse det no, uansett så liker eg ikkje at der er en prikk/firkant/ting foran kver <li> når den skal brukast i en meny

Les redigert svar. Jeg var litt rask isted... Sorry!

 

 

li {

style: none;

}

[Arve Systad]

Så er det berre å bruke margin: 0px; e.l. line-height: x px; for å lage mindre mellomrom?

[haugsand]

Så er det berre å bruke margin: 0px; e.l. line-height: x px; for å lage mindre mellomrom?

margin og padding til både ul og li. Hvis du skal lage dine egne punkter, anbefaler jeg deg å legge til et bakgrunnsbilde istedet for å bruke list-style-image.

[magikern]

Regner med at du ikke er ferdig med siden, men for for bruker du for eksempel border="style: 1px solid black"(bilder på siden) og border="0" (menyen)

 

når du like så godt kan lage klasser for bildene i css file? slik at det blir: <img class="bilde" src=....>. Blir mye mer ryddig, og enklere å vedlikeholde.

 

Var bare et tips.(Denne meldingen var til DanielP, om noen lurte)

og bare for å gjøre det hele enda enklere skriver du bare:

html

<img src="" alt="" />

css

IMG {
   
}

 

så slipper du å ha class for ting som det strengt tatt ikke er nødvendig å bruke class til...

 

selvfølgelig må du ha no mer hvis du skal ha forskjellige layout på forskjellige bilder, da kan ID og eller CLASS være grei å bruke...

Endret 7. januar 2004 av magikern

[magikern]

Bala mye med det der. Driver å redesigner gossen.no. Den har jeg laget designet i css/xhtml. FIkk det til å virke etter hvert. link. Men den validerer ikke enda.

 

Den foreløpige private sidenmin er også i xhtml

for å få den til å validere lær deg disse kjappe triksene:

ID brukes 1 gang CLASS flere ganger, du bruker samme ID mange ganger...

alle IMG tagger må inneholde ALT=""

script "language" brukes ikke lengre, hold deg til "type"

i linker hvor du bruker ?var=x&var2=y --> skrive "&" istedenfor bare "&"

i xhtml må alle tagger avsluttes f.eks <br> blir <br /> og <im src="" alt=""> blir <img src="" alt="" />

 

sorry for OT men posten handler jo om css og da er det vel greit å ta det her...

[Chiclins]

har kokt ihop en side til orienteringsklubben min, prøvd meg fram med css bassert layout, kanskje noen vil komentere den ?

 

http://oavd.o-team.net/new/