Min første Div og CSS hjemmeside :D

[Nicklas]

Hei !

 

Bare lurte på hva dere synes om Denne siden ?

 

Noe jeg må endre på ?

 

En annen ting, hvordan gjør jeg sånn at teksten på venstre side ikke ligger helt oppe i linjen ?

 

Alle svar tas godt imot

[Cucum(r)]

Vel, for det første: Padding.

For det andre: Footer er helt nødvendig der syns jeg.

 

Var litt "døllt" fargevalg.

 

En annen ting, hvordan gjør jeg sånn at teksten på venstre side ikke ligger helt oppe i linjen ?

Der kommer padding inn.

Legg til dette i #innhold:

 
padding-left: 10px;

[Nicklas]

OKi, done .. men jeg synes banneren stikker litt ut på høyre side også, hva skal jeg gjøre med den ? Og hva er footer ?

[Cucum(r)]

En footer er en sånn dings som er under innholdet der det vanligvis står Copyright elns..

 

Ser ikke at header stikker ut her ihvertfall..

 

(Merk deg at det heter HEADER)

[jorgis]

En footer er omtrent det motsatte av en header, altså noe som slutter av siden nederst. Inneholder ofte en copyrightnotis el.l.

 

 

EDIT: AAAARRRRGGGHH! Alltid for sen!

 

I samme slengen; ta vekk den prikkete kanten rundt siden. Blir svimmel.

Endret 15. mai 2004 av jorgenindahouse

[Nicklas]

Oki. Hvordan setter jeg inn det da ? ehe

 

Mener dere at den skal være for seg selv under innholdet eller i innholdet med en annen farge slik som menyen ?

[PoleCat]

God kveld i stuen.

 

Det positive:

• Likte bildet i headeren godt. Her bør du skille ut teksten litt bedre. Fikses lett med en mørk outerglow. Mulig du også bør prøve "sharp" på teksten i header, den var bittelitt blurrete nå, men det er mulig det er bildekvaliteten som gjør det.
  Headeren kan kanskje også gjøres 20-30% høyere (av sin egen høyde).
  
• Fint fargevalg, fin kombinasjon av farger det er "lett" å designe med.
  
• Oversiktelig layout.
  

Det negative:

• Den dottede linja rundt alt sammen, bør du droppe. Den tok seg rett og slett ikke ut.
  
• Myemyemye mørkere bakgrunnfarge må til, slik at "tomhetsfølelsen" der det ikke er noe, nøytraliseres litt. La meg foreslå en mørk blå.
  
• Skift font i menyen NUH!
  
• Padding på hovedfeltet er allerede nevnt.
  

I stedet for "TekstTekstTesktTekstTekst", bruk Lorem Ipsum. Ser litt mer "naturlig" ut da, og en får et bedre bilde av hvordan det hele vil se ut.

 

Ellers en god start. Stå på!

Endret 15. mai 2004 av PoleCat

[Cucum(r)]

Polecat, hvorfor skal du alltid komme inn å gi bedre kritikk enn alle oss andre?

 

Nicklas: har du laget bildet i header selv?

Endret 15. mai 2004 av SirIce

[Nicklas]

Nope jeg har ikke laget bildet i headeren selv .. den er fra Denne siden.

 

Gjort om på det PoleCat sa nuh

[jorgis]

Mye bedre! Gjerne vertikal midtstilling i menyen.

 

 

EDIT: ...og midtstilling av siden i IE også. Selv om Firefox og opera ruler kan man dessverre ikke ignorere IE-brukerne.

Endret 15. mai 2004 av jorgenindahouse

[PoleCat]

Gjort om på det PoleCat sa nuh

Kommer seg.

 

Bakgrunnsfargen MÅ du som sagt fikse.

Headerbildet er av for dårlig kvalitet, men det regner jeg med at du fikser når siden legges ut "for real".

 

Et par bugs etter oppdateringen:

 

1. Headeren er 1px for kort (bredde) i forhold til resten av designet.

2. Avstanden menystart/meny/menyslutt er ikke lik. Altså du bør ha samme avstand til teksten både oppe og nede. Dette fikser du med padding-top og padding-bottom.

[Nicklas]

Sånn

 

Da ble jeg ferdig tror jeg !

 

Dere får nyte synet av min nye hjemmeside !

 

Tusen takk for alle svar !

[jorgis]

Du bør kanskje ha bittelitt mer padding-top på menyen. Ellers var det ganske bra, selv om jeg ikke likte fargene helt.

[magh]

Ser det har kommet en god del konstruktiv kritikk, men det fortsatt en del ting jeg synes du burde endre på:

 

- Prøv å dele teksten opp i spalter eller legg inn "line-height: 17px;".

- Bytt skrifttype både i header og footer.

- Skriften du har valgt på headeren passer delvis, men er altfor vanskelig å lese.

 

Fargevalget er, som andre har nevnt, kanskje litt kjedelig.

Endret 16. mai 2004 av magh

[Nicklas]

Oki, Hmm, hvorfor blir ikke teksten i footern i arial også da

Eller i menyen

 

#meny {
height: 25px;
background-color: black; 
margin: 0px auto;
border: 1px white;
width: 650px;
font-family: arial; 
font-size: 13;
padding-top: 4px;
padding-bottom: 1px;
}

#footer {
height: 25px;
background-color: black; 
margin: 0px auto;
border: 1px white;
width: 650px;
font-family: arial; 
font-size: 13;
padding-top: 3px;
padding-bottom: 1px;
color: white;
}

[nAD]

legg den til i body

 

#body {

font-family: "arial";

}

[Nicklas]

Hmm, tror ikke det funka. Men hvordan får jeg midtstilt siden uten å midtstille innholds teksten, slik at IE brukerne også blir fornøyde ?

[jorgis]

Prøv med å sette position:relative; på #wrap. Da tror jeg IE-folket blir fornøyd.

[Haraldson]

body, html {

text-align: center

}

 

Deretter må du inn på tekst-divene og eventuelt andre diver og sette text-align: left på de...

 

 

Edit: Var muligens position som var problemet, ja...

 

*Gå og legge seg igjen* (Eller kanskje ikke...)

Endret 16. mai 2004 av Mr.Berg

[Nicklas]

 

Hva er det som skjer ! Det hjalp ikke med det du sa jorgenindahouse