Gå til innhold

Stort flaut problem

Torjus

Av Torjus
i Programmering og webutvikling

Anbefalte innlegg

Torjus

Torjus

Skrevet
Skrevet (endret)

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 av fUzZy^

Videoannonse

Videoannonse
Annonse
Torjus

Torjus

Skrevet
  • Forfatter
Skrevet 
#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?

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