Gå til innhold

trenger litt hjelp med css på min side:)


Anbefalte innlegg

OK skal da begynne med min første side med css i seg....

er veeeeldig ny inne css og har lest det jeg har funnet om css..

men trenger litt hjlp..

 

fårstår ikke alt enda..

har kikket på kodene til andre sider og har sett at man kan bruke css til å lage vinduene..

og kunn skrive:

<div id="main">her kan jeg skrive hva jeg vil</div>

o.s.v......

 

det er dette jeg trenger litt hjelp med.....

har laget en liten enkel mal:

nyside.JPG

trenger litt hjlp til å lage en css kode som dekker hele denne malen.

med solid kanter....

finpussingen kan jeg klare selv, men hvis noen kunne hjelpe meg med en grov css kode så hadde det vært fint :)

 

tusen takk på forhånd

 

m.v.h Christian

Lenke til kommentar
Videoannonse
Annonse

body { text-align: center }
* { margin: 0; padding: 0; }
#wrap {
width: 600px;
margin: 0 auto;
}
h1 {
margin: 0; padding: 0;
text-indent: -9999px;
font-size: 1px;
overflow: hidden;
background: green;
height: 150px;
}
#menu {
clear: both;
float: left;
width: 100px;
height: auto!important;
height: 300px;
min-height: 300px;
list-style: none;
background: yellow;
}
#content {
float: left;
width: 500px;
height: auto!important;
background: blue;
height: 500px;
min-height: 500px;
}
#footer {
clear: both;
height: 50px;
background: orange;
}

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="no">
<head>
<title>Siden din</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css" title="Hovedstilark">
</head>

<body id="dinside" lang="no">
<div id="wrap">
<h1>Din side</h1>
<ul id="menu">
<li><a href="#" title="Link">Menyvalg</a></li>
<li><a href="#" title="Link">Menyvalg</a></li>
<li><a href="#" title="Link">Menyvalg</a></li>
<li><a href="#" title="Link">Menyvalg</a></li>
</ul>

<div id="content">Innholdet</div>
<div id="footer">Copyrightshit</div>
</div>
</body>
</html>

 

Har ikke testa den ennå, men den skal nok fungere. :)

Endret av SirIce
Lenke til kommentar
  • 4 uker senere...

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...