Gå til innhold

Fx vil ikke vise min meny riktig.

thinkdifferent

Anbefalte innlegg

thinkdifferent

thinkdifferent

Skrevet
Skrevet (endret)

Hei!

 

Driver av å lager ei hjemmeside til en kortfilm som jeg og noen kompiser skal lage.

Har støtt på problemer med å få siden til å vises riktig i alle nettlesere, men har nå igjen bare ett problem, som jeg kan se i alle fall.

Problemet er at menyen vil ikke midtstilles i Firefox. I IE fungerer den bra :)

 

Siden

 

HTML:

Klikk for å se/fjerne innholdet nedenfor
<html>

<head>

<title>TEST</title>

 

<link href="screen.css" rel="stylesheet" type="text/css" media="screen" />

 

 

</head>

<div id="header">

</div>

 

 

<div id="meny">

 

<ul>

<li><a href="om.html">Om filmen</a></li>

<li><a href="imedia.html">Filmen i media</a></li>

<li><a href="visningsprogram.html">Visningsprogram</a></li>

<li><a href="multimedia.html">Multimedia</a></li>

<li><a href="dvd.html">Kjøp av DVD</a></li>

<li>Siste nytt</li>

</ul>

 

</div>

 

 

<div id="rektangel">

<div id="tekst">

<h2>Siste nytt</h2>

<p class="blogginnlegg_overskrift">Testert</p>

<p class="blogginnlegg_tid">Tirsdag 18. september 2006 kl. 00.01</p>

<h6>asdfasdf</h6><br />

 

<p class="blogginnlegg_overskrift">Filminnspillingen begynner!</p>

<p class="blogginnlegg_tid">Mandag 30. juli 2007 kl. 00.01</p>

<h6>I dag begynner filminnspillingen kl. 10.00.</h6>

</div></div>

<div id="border">Copyright © 2007 - Laget av Truls Bjørnar Hamborg

</div>

</body>

</html>

CSS:

Klikk for å se/fjerne innholdet nedenfor
* {

margin: 0 auto;

padding: 0px;

border: 0px;

text-align: center;

align: center;

background-color: #000000;

}

 

 

#body {

font-family: Tahoma, Arial, Verdana;

margin-left: 16px;

margin-top: 10px;

width: 650px;

height: 17px;

float: left;

}

body, HTML {

height: 100%;

}

 

 

#header {

background: url('header.jpg');

margin-top: 0px;

margin-bottom: 0px;

align: center;

width:650px;

height: 217px;

border-top: 0px #000000 solid;

border-left: 0px #000000 solid;

border-right: 0px #000000 solid;

border-bottom: 0px #000000 solid;

}

 

 

#meny {

background-color: #ffffff;

width:650px;

height: 30px;

margin-top: 0px;

margin-left: 1px;

margin-right: 1px;

font-size: 12px;

font-weight: bold;

}

 

#meny a {

text-decoration: none;

background-color: #ffffff;

 

}

 

#meny a:hover {

color: gray;

text-decoration: underline;

background-color: #ffffff;

 

}

 

#meny ul {

list-style-type: none;

background-color: #ffffff;

 

}

 

#meny li {

float: left;

padding: 0 10px 0 10px;

background-color: #ffffff;

}

 

 

 

#border {

font-size: 12px;

margin-bottom: 1px;

text-align: center;

background-color: #000000;

color: white;

}

 

#rektangel {

margin-top:0px;

margin-bottom: 4px;

text-align:left;

width:650px;

background-color: #FFFFFF;

color: black;

border-top: 0px #000000 solid;

border-left: 0px #000000 solid;

border-right: 0px #000000 solid;

border-bottom: 1px #000000 solid;

}

 

 

#tekst {

background-color: #FFFFFF;

color: black;

margin: 0px 25px 25px 51px;

}

 

/*--------------Blog-opplegg--------------*/

 

p.blogg_overskrift {

font-size:12px;

background-color: #ffffff;

color: black;;

font-weight: bold;

text-align:left;

margin:0 0 20px 0;

}

 

p.blogginnlegg_overskrift {

font-size:12px;

background-color: #ffffff;

color: black;

font-weight: bold;

text-align:left;

margin:22px 0 0 0;

}

 

p.blogginnlegg_tid {

font-size:11px;

color:gray;

background-color: #ffffff;

text-align:left;

margin:2px 0 1px 0;

}

 

h2 {

 

font-size: 20px;

text-align:left;

font-weight: bold;

background-color: #ffffff;

color: black;

}

 

h6 {

 

font-size: 12px;

text-align:left;

font-weight: normal;

background-color: #ffffff;

color: black;

}

 

a {

color: #961010;

text-decoration: none;

}

 

a:hover {

color: gray;

}

 

Kan hende koden inneholder mange feil, men er ikke så god på HTML & CSS.

Endret av Trussl
Lenke til kommentar

Videoannonse

Videoannonse
Annonse

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