Gå til innhold

[Løst]Trenger hjelp med å lage en horisontal meny

kake_fisk

Anbefalte innlegg

kake_fisk

kake_fisk

Skrevet
Skrevet

Jeg holder på og omskrive hele siden min, men jeg har noen problemer med menyen min.

Jeg vil at hele bakgrunnen av meny knappene skal vises og teksten skal være i midten.

Knappens bakgrunn er 80*24px.

Jeg vil også bestemme hvor stor hele menyen skal være i piksler.

 

Her er et bilde av hvordan den ser ut nå. (Dette er en testside så ikke tenk noe på layouten)

testqzn.png

 

Her er HTML source koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Sacred Water</title>

<style type="text/css">
<!--
div.center{text-align:center}

ul{
margin:0;padding:0
list-style-type: none;
background-image: url(http://img26.imageshack.us/img26/2092/menubg.png);
height: 24px;
width: auto;
margin: auto;
}

a.menu{
display:block;
float:left;
text-decoration: none;
background-image: url(http://img24.imageshack.us/img24/3143/buttonbaz.png);
background-repeat:no-repeat;
}

li{display:inline}

a.menu:hover{color:#FFFFFF}

td{width:50%;border:1px solid black}

table{
width:50%;
margin-left: auto;
margin-right: auto;
}

body {
padding:5px;
background:#FFFFAA
}

table.main{border:1px black solid}
-->

</style>
</head>
<body>

<table border="0" class="main">
<tr><td>

<div class="center">
<a href="index.htm"><img src="http://upload.wikimedia.org/wikipedia/en/5/51/Google.png" alt="Sacred Water" border="0"/></a>
</div>

</td></tr>
<tr><td>

<div class="center">
<ul>
<li><a class="menu" href="index.htm">Home</a></li>
<li><a class="menu" href="projects.htm">Projects</a></li>
<li><a class="menu" href="forums.htm">Forums</a></li>
<li><a class="menu" href="about.htm">About</a></li>
</ul>
</div>

</td></tr>
<tr><td>

<table border="0">
<tr><td>
<h3 style="text-align:center">Welcome</h3>
</td><td>
<h3 style="text-align:center">News</h3>
</td></tr>
<tr><td>
<p>Welcome to Sacred Water. You'll find games and applications by Kake_Fisk here, the author of Sacred Water. I'll post my games and applications here so make sure to visit the <a href="projects.htm">Project</a> page.</p>
</td><td>
<p><strong>12/03-09</strong><br>
Sacred Water have been totally remaked.</p>
</td></tr>
</table>

</td></tr>
</table>

</body>
</html>

 

-Takk for hjelpen.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
arthoz

arthoz

Skrevet
Skrevet (endret)

Du behøver ikke class="menu" om alle elementene skal hete det samme, heller gjøre slik: <ul id="menu"> og gjøre sånn her for linkene #menu li a:hover { color: #fff }

 

ul { text-align: center; }
li { 
display: inline; 
list-style: none;
}

Endret av arthoz
Lenke til kommentar
kake_fisk

kake_fisk

Skrevet
  • Forfatter
Skrevet (endret)

Hmm, ja, det virka jo sånn halvveis.

Men bakgrunnen på knappene ble ikke strukket så da får jeg sånn hull innimellom.

 

Edit: Selvføgelig må jeg jo lage en bakgrunn som passer til knappene.

Takk for hjelpen!

Endret av kake_fisk
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...