Gå til innhold

krem.tk - do you like it?

flodhest

Av flodhest
i Programmering og webutvikling

Anbefalte innlegg

FuLu

FuLu

Skrevet
Skrevet

Slik som det er nå (ikke sett på de forrige header forslagene), så synes jeg siden ser behagelig ut, sånn veldig "silke-dynete" header hehe. Ellers ser menyen litt kjedelig ut, samt footer og. Ellers enkel og grei side hvor header egentlig redder det meste.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
flodhest

flodhest

Skrevet
  • Forfatter
Skrevet (endret)

Prøver å gjøre noe med menyen, vil ikke at den skal være så kjedelig så jeg knabbet et par kodesnutter fra a list apart.

 

Men en ting jeg ikke skjønner, hvordan kan jeg få menyen klistret i diven helt øverst? Sånn som den er nå er det et tomrom fra menyen til den nederste borderen, hvordan kan jeg få dette symmetrisk?

 



BODY {
FONT-SIZE: 10pt; 
COLOR: #656656; 
FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, sans-serif; 
LETTER-SPACING: 0px; 
TEXT-ALIGN: center;
background-image: 
url('bilder/bg6.gif');
background-repeat: 
repeat;
background-attachment: 
fixed;


   }



P {
PADDING-RIGHT: 10px; 
PADDING-LEFT: 10px; 
PADDING-BOTTOM: 10px; 
PADDING-TOP: 10px
}

H3 {
MARGIN: 5px 0px 0px 10px
}

#wrap {
MARGIN: 0px auto; 
WIDTH: 596px;
}


DIV.generell {
BORDER-RIGHT: #555548 2px solid; 
BORDER-TOP: #555548 2px solid; 
MARGIN: 5px; 
BORDER-LEFT: #555548 2px solid; 
WIDTH: 596px; 
BORDER-BOTTOM: #555548 2px solid; 
BACKGROUND-COLOR: #ddddd1; 
TEXT-ALIGN: left;
}

DIV#header {
HEIGHT: 156px
}

DIV#meny {
HEIGHT: 20px;
BORDER-RIGHT: #555548 2px solid; 
BORDER-TOP: #555548 2px solid; 
margin: 5px;
BORDER-LEFT: #555548 2px solid; 
WIDTH: 586px; 
BORDER-BOTTOM: #555548 2px solid; 
BACKGROUND-COLOR: #ddddd1; 
TEXT-ALIGN: left;
padding: 5px;
 
}

DIV#innhold {

}

DIV#footer {
HEIGHT: 20px;
BORDER-RIGHT: #555548 2px solid; 
BORDER-TOP: #555548 2px solid; 
margin: 5px;
BORDER-LEFT: #555548 2px solid; 
WIDTH: 586px; 
BORDER-BOTTOM: #555548 2px solid; 
BACKGROUND-COLOR: #C9C9B8; 
TEXT-ALIGN: left;
padding: 5px;
}

A {
COLOR: #656656;

}

A:hover {
COLOR: #37382F; 
TEXT-DECORATION: underline
}

h1 {
overflow: hidden;
padding: 50px 0 0 0;
height: 0 !important;
height /**/ : 50px;
width: 250px;
background: url(bilder/overskrift.gif);
}


ul#navlist
{
margin-left: 0;
padding-left: 5;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 5px; }

#navlist a:link, #navlist a:visited
{
color: #656656;
background-color: #C9C9B8;
text-decoration: none;
}

#navlist a:hover
{
color: #656656;
background-color: #B6B6A3;
text-decoration: none;
}

 

 

 

 

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML>
<HEAD>
<TITLE>Kreeem</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="styles.css"  rel=stylesheet>
</HEAD>
<BODY>




<!--meny--> 
<DIV id=wrap>
<DIV  id=meny>
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul></DIV>

<!--header-->
<DIV class=generell id=header>
<IMG alt=header src="bilder/banner2.gif"></DIV>

<!--innhold-->
<DIV class=generell id=innhold>


<h1>Overskrift</h1>
<P>is simply dummy text of the printing and typesetting industry. Lorem Ipsum 
has been the industry's standard dummy text ever since the 1500s, when an 
unknown printer took a galley of type and scrambled it to make a type specimen 
book. It has survived not only five centuries, but also the leap into electronic 
typesetting, remaining essentially unchanged. It was popularised in the 1960s 
with the release of Letraset sheets containing Lorem Ipsum passages, and more 
recently with desktop publishing software like Aldus PageMaker including 
versions of Lorem Ipsum. </P>
<h1>Overskrift</h1>



<P>It is a long established fact that a reader will be distracted by the 
readable content of a page when looking at its layout. The point of using Lorem 
Ipsum is that it has a more-or-less normal distribution of letters, as opposed 
to using 'Content here, content here', making it look like readable English. 
Many desktop publishing packages and web page editors now use Lorem Ipsum as 
their default model text, and a search for 'lorem ipsum' will uncover many web 
sites still in their infancy. Various versions have evolved over the years, 
sometimes by accident, sometimes on purpose (injected humour and the 
like).</P></DIV>





<!--footer-->
<DIV id=footer>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.home.no%2Ffjortissverden%2Fkrem/index.html">Html</a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.home.no%2Ffjortissverden%2Fkrem%2Fstyles.css">CSS</a>

</DIV></DIV></BODY></HTML>

 

 

 

Noen som skjønte hva jeg mente? Vil altså at de blokkene skal være i midten av diven. :)

 

 

 

Link: http://www.home.no/fjortissverden/krem/

Endret av flodhest
Lenke til kommentar

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å
Gå til emneliste
×
×
  • Opprett ny...