Problemer med CSS.

[janfredrik]

LINK

Har problemer med at hele headeren ikke vises, gjelder også midten.

body {
font-family: "Trebuchet MS";
font-size:90%;
color: #ff5c5c;
background-color: #fcffec;
margin: 1em;
padding: 0;
}

/* Innhold; header midt og bunn.*/
p {
line-height: 1.0em;
}

div.box {
background:white url(dev/1/header.gif) no-repeat top center;
height:120x;
width:680px;
}

div.boxmidt {
background:white url(dev/1/menu.gif) no-repeat center center;
height:113px;
width:680px;
}

div.boxbunn {
background:white url(dev/1/bunn.gif) no-repeat bottom center;
height:85;
width:680px;
}

Dette er bare en enkel side som jeg prøver meg på nå som jeg kan litt html/css..

Endret 18. august 2005 av janfredrik

[Cucum(r)]

• bytt ut "height:120x;" med "height:120px;" i div.box
  
• bytt ut div.box med h1
  
• bytt ut "height:85;" med "height:85px;" i div.boxbunn
  

Dette er uansett ganske rart oppsatt, i tillegg til at elementet CENTER er utdatert. Legg heller et element rundt dei tre andre, som du setter bredde og margin: 1em auto; på.

[janfredrik]

Ajaj! Var ikke verre

Er ny i CSS som sagt..

[Cucum(r)]

Øyh, du gjorde ikkje alt det andre eg ba deg om! DO!

[janfredrik]

Skjønte ikke heeelt hva du mente

[Cucum(r)]

• <div class="box"></div> til <h1>Jan Fredrik</h1>
  
• Ta vekk <center> og </center>, og legg i stedet til <div id="wrap"> og </div>
  
• Legg til #wrap { width: 680px; margin: 1em auto; } i CSS-fila di
  

[janfredrik]

Nå ble headeren borte

[Cucum(r)]

div.box { -> h1 { i CSS-fila

[janfredrik]

body {
font-family: "Trebuchet MS";
font-size:90%;
color: #ff5c5c;
background-color: #fcffec;
margin: 1em;
padding: 0;
}

/* Innhold; header midt og bunn.*/
p {
line-height: 1.0em;
}

#wrap { width: 680px; margin: 1em auto; }

div.boxmidt {
background:white url(dev/1/menu.gif) no-repeat center center;
height:113px;
width:680px;
}

div.boxbunn {
background:white url(dev/1/bunn.gif) no-repeat bottom center;
height:85px;
width:680px;
}

Slik ser CSS-fila ut da.

Hva skal jeg endre?

[Cucum(r)]

Legg til

h1 {
text-indent: -9999px;
background:white url(dev/1/header.gif) no-repeat top center;
height:120x;
width:680px;
}

en plass

[janfredrik]

Gjorde du samme feil som meg?

Glemte en px etter height:120..

 

Satt på px jeg, så det ser sånn ut

Link

[Cucum(r)]

Legg til dette en plass også: * { margin: 0; padding: 0 }

[Steinmann]

Ikke bare en plass, på toppen

[Cucum(r)]

Ikke bare en plass, på toppen

Hush, puppet!

[janfredrik]

Der ja!

Nå vet jeg jo litt mer om CSS..

 

Har denne sida potensiale hvis jeg fortsetter med den, og legger til ting osv, eller blir den alt for simpel?

[Steinmann]

Det er jo bare en firkan nå!

 

henrik: "puppet"?

[potetskrell]

Der ja!

Nå vet jeg jo litt mer om CSS..

 

Har denne sida potensiale hvis jeg fortsetter med den, og legger til ting osv, eller blir den alt for simpel?

Du har en logo og ei ramme. Må mer til for å si potensiale. Alt har potensiale helt i begynnelsen. Den ramma du bruker har det ikke.