Jump to content
Sign in to follow this  
Christian_

trenger litt hjelp med css på min side:)

Recommended Posts

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

Share this post


Link to post

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. :)

Edited by SirIce

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...