Stort flaut problem

Torjus · 17. oktober 2005

Ok, sitter og horer litt i notepad2 og prøver å sette sammen hjemmesiden min...

Resultat:

http://home.no.net/fuzzy2/ferdig

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>fUzZy.moo.no</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="main">

<h1><span>Header</span></h1>

<a href="#" class="hjem"><span>hjem</span></a>
<a href="#" class="ommeg"><span>om meg</span></a>
<a href="#" class="bilder"><span>bilder</span></a>
<a href="#" class="kontakt"><span>kontakt</span></a>

<div id="footer"></div>

</div>
</body>
</html>

CSS:

body {
background: url("images/bg.gif") 50% 50% repeat-y #000;
}

/* Tekst */
div#main p
{
font-size: 0.7em;
text-align: left;
margin: 10px 10px 5px 10px;
margin-bottom: 2px;
color: #242424;
}



/* Linker */

div#main a
{
font-size: 11px;
text-align: left;
color: #435170;
text-decoration: underline;
}

div#main a:hover
{
color: #1B1B1B;
}

h1
{
background: black url(images/header.gif);
width: 600px;
height: 161px;
margin: 0px;
clear: both;
}

#main
{
display: block;
width: 600px;
text-align: center;
background: #fff;
float: left;
padding: 5px;
}

/* Meny */

a.hjem {
display:block;
background:url(hjem.gif) top no-repeat;
width:39px;
height:31px;
text-decoration:none;
}
a.hjem:hover {
background-position:bottom;
}
a.hjem span {
visibility:hidden;
}

a.ommeg {
display:block;
background:url(images/ommeg.gif) top no-repeat;
width:39px;
height:31px;
text-decoration:none;
}
a.ommeg:hover {
background-position:bottom;
}
a.ommeg span {
visibility:hidden;
}

a.bilder {
display:block;
background:url(images/bilder.gif) top no-repeat;
width:39px;
height:31px;
text-decoration:none;
}
a.bilder:hover {
background-position:bottom;
}
a.bilder span {
visibility:hidden;
}

a.kontakt {
display:block;
background:url(images/kontakt.gif) top no-repeat;
width:39px;
height:31px;
text-decoration:none;
}
a.kontakt:hover {
background-position:bottom;
}
a.kontakt span {
visibility:hidden;
}

#footer
{
background: url(images/foot2.jpg);
width: 600px;
height: 105px;
margin: 0px;
clear: both;
}

Som dere ser, så er det nok masse feil osv, så lurte på om dere hadde bry til å hjelpe meg? Siden skal se slik ut:

http://home.no.net/fuzzy2/host2/

Bare footer skal være helt i bunn

Endret 17. oktober 2005 av fUzZy^

-Teddy- · 17. oktober 2005

Hora du stjal sourcen min.

Torjus · 17. oktober 2005

Hora du stjal sourcen min.

5019878[/snapback]

På test siden ja, seff

mikk- · 17. oktober 2005

#main
{
display: block;
width: 600px;
text-align: center;
background: #fff;
float: left;
padding: 5px;
margin: 0 auto;
}

?

(siste linje)

Torjus · 18. oktober 2005

#main
{
display: block;
width: 600px;
text-align: center;
background: #fff;
float: left;
padding: 5px;
margin: 0 auto;
}

?

(siste linje)

5021385[/snapback]

Hjalp lite, ser ingen forskjell...

Men i html fila, har jeg ikke satt opp menyen feil, eller?

Logg inn

Stort flaut problem

Anbefalte innlegg

Torjus

Lenke til kommentar

Videoannonse

-Teddy-

Lenke til kommentar

Torjus

Lenke til kommentar

mikk-

Lenke til kommentar

Torjus

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer