Hjelp med CSS (ogsa til kritikk)

[Jonnar]

Har laget nytt design til websiden min na, og har provd a bruke sa mye CSS som mulig. Har dessverre ikke CSS-kunnskaper opp til orene, som enkelte her pa forumet har, og trenger derfor litt hjelp.

www.home.no/jonnar/

body {
background: #9BA7CC;
font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
color: #000000;
font-size:14px;
}

#leftcontent {
position: absolute;
left:10px;
top: 15px;
width:180px;
background:#ffffff url(usflag.png) no-repeat scroll 5px 5px;
border:1px solid #000000;
padding: 5px 5px 5px 15px;
line-height: 27px;
text-align: left;
}

a {
color:#7E88A6;
text-align: left;
text-decoration: none;
font-weight:bold;
}

a:hover {
color: #A6A6A6;
font-weight:bold;
text-align: left;
text-decoration: none;
}

#centercontent {
background:#ffffff;
margin-left: 199px;
margin-right:199px;
border:1px solid #000000;
margin-left: 205px;
margin-right:205px;
padding: 5px 5px 10px 10px;
text-indent: 15px;
}

#rightcontent {
position: absolute;
right:10px;
top: 15px;
width:190px;
background:#ffffff url(noflag.png) no-repeat scroll 5px 5px;
border:1px solid #000000;
padding: 5px 5px 5px 5px;
}

.ingress {
font-size:11px;
}

.overskrift {
}

table img {
border-color:#7E88A6;
}

 

Kan man CSS ser man lett at jeg her har tre bokser pa siden.

I IE ser boksene ut sann som de skal: - - -

I Opera og Firefox ser de sann ut: _ - _

Hvordan fikser man dette?

 

Har ikke gjort alt helt ferdig enda, blant annet noen linker som ikke funker etc., men jeg publiserte siden likevel. Var sa umatelig lei mitt forrige design.

 

Andre tips? Kritikk?

Grafikk har det ikke blitt til at jeg har laget. SteffyBoy skal lage banner til meg sa snart som mulig, men utenom det tviler jeg pa at det blir noe saerlig med grafikk, sa kommentarer pa mangel av grafikk er relativt unodvendig

[Me sjøl]

*feilpost*

Endret 30. april 2005 av Me sjøl

[Domodyret]

Vil du ha kritikk på designet som ikke skal ha noe særlig med grafikk?

[Sono Juventino]

Istedenfor å midtstille contentdiven din med 199px på begge sider kan du skrive:

margin-right: auto;
left-margin: auto;

 

Du kan også prøve å legge til

margin-top: 0px;

på alle divene dine. Da vil de legge seg sånn:

---

istedenfor sånn:

_ - _

 

Edit: Du bør også lage contentdiven din litt mindre så du får litt luft mellom boksene. Er vell egentlig ikke mye til design, men bra du koder css ivertfall.

 

Edit 2: Du som bor i USA har da seff ikke æøå på tastaturet, men du kan skrive

å - &oring; - æ

= å-ø-æ i den rekkefølgen. Endret 30. april 2005 av ett

[pgdx]

Spesielt &oring;. O med en ring over?

 

Her er det, stor «Å», liten «å», stor «Ø» liten «ø», stor «Æ» og til slutt liten «æ».

Å
å

Ø
ø

&Aelig;
æ

[Sono Juventino]

ok, var kanskje litt rask da.

[pgdx]

ok, var kanskje litt rask da.

<!--Jeg kan XHTM STRICT 1.0 og CSS-->

Fint at du kan XHTM...

[Jonnar]

OK, skal fikse pa det i lopet av neste uke da.

Takk.

 

Edit: Du bør også lage contentdiven din litt mindre så du får litt luft mellom boksene. Er vell egentlig ikke mye til design, men bra du koder css ivertfall.

Det var slik kritikk jeg mente jeg gjerne ville ha.

 

Andre tips?

[Sono Juventino]

Fint at du kan XHTM...

Det er faktisk et helt nytt språk, utviklet av meg!

Jeg er egentlig Dvd-Jon.

Endret 30. april 2005 av ett

[pgdx]

Jeg ser på outline som en av de viktigste tingene man må se på validatoren.

 

Header-elementene skal alltid, uten unntak, brukes på en måte at det setter skikkelig struktur til dokumentet!

 

Og hvorfor er tittelen «_untitled document» ?

[dedLy_sCoRpIoN]

Ein ting som eg synest var litt irriterende var alle _ forann linkene i menyen, og i overskriftene...

[Jonnar]

Jeg ser på outline som en av de viktigste tingene man må se på validatoren.

 

Header-elementene skal alltid, uten unntak, brukes på en måte at det setter skikkelig struktur til dokumentet!

 

Og hvorfor er tittelen «_untitled document» ?

Ang. outline: Likte a ga fra <h1> til <h3> bedre enn fra <h1> til <h2>. Synes det sa bedre ut.

 

Tittelen er _untitled doc fordi at jeg rett og slett ikke har svinget meg selv rundt til a bestemme meg for en tittel og utseende.

[pgdx]

Ang. outline: Likte a ga fra <h1> til <h3> bedre enn fra <h1> til <h2>. Synes det sa bedre ut.

Perfekt eksempel på feil bruk av HTML!

 

Elementer brukes ikke for hvordan de ser ut, men hvilke funksjon de har. Hvis H2 var for stort, da endrer du CSS-filen til at den blir slik du vil:

h2 {
font-size: 1.2em;
color: #f00;
font-weight: bolder;
}

[Arve Systad]

Om du vil kan du få et h2 element til å sjå nøyaktig ut som et h3 element, eller et h1 element til å sjå nøyaktig ut som et p element om du vil.

 

Derfor bruker man CSS.

[Jonnar]

Derfor bruker man CSS.

Exactly!

Har dessverre ikke CSS-kunnskaper opp til orene, som enkelte her pa forumet har, og trenger derfor litt hjelp.

Visste at man fint kunne bruke CSS til a gjore noe sant, men visste samtidig ikke at det var nodvendig a gjore det for a fa "riktig bruk av HTML". Har hatt Web Page Design pa skolen i 9 maneder na, og har aldri hort om det . Men takket vaere dere har jeg laert noe nytt i dag ogsa!

 

 

 

 

 

 

(Na skal det ogsa sies at Web Page klassene her i USA er heller darlige. Har en kamerat i Florida som ogsa har Web Page Design, og laereren hans hadde aldri hort om CSS! )