Homepage Navigation oben?

[HobbyProgrammierer]

Hallo,
ich möchte grne eine Naviation oben auf meiner Homepage haben.
Aber leider hab ich so garkeine ahnung wie das gehen soll.
Ich möchte mir aber Grafiken aussuchen dei als Hitergrund dienen sollen.

mfg

 

[majo]

Eine Navigation zeichnest du als Liste aus.

<ul id="navigation">
<li>< a href="">Menüpunkt 1</a></li>
<li>< a href="">Menüpunkt 2</a></li>
<li>< a href="">Menüpunkt 3</a></li> 
</ul>

Per css formatierst du deine liste dann.

#navigation { 
 ...
} 

#navigation li { 
 background-image:url(images/button.png); 
...
} 

#navigation li a { 
... 
} 

#navigation li a:hover { 
...
}

... oder auch etwas weglassen, je nach dem. Bei #navigation li kannst du mit "background-image" ein Hintergrundbild einfügen.

LG

 

[HobbyProgrammierer]

Hallo,
ich hab mal einen Code auf die Beine gestellt.
Aber ich möchte gerne die Form der Button ändern.Sie sind im moment noch Rechteckig.

<style type="text/css" media="screen"> 
<!-- 
body 
{ 
font-family: Verdana, sans-serif; 
font-size: 14px; 
overflow: auto; 
padding: 10px; 
margin: 0px; 
} 

ul, li 
{ 
list-style-type: none; 
padding: 0px; 
margin: 0px; 
} 

li a 
{ 
padding-right: 20px;padding-top: 5px; 
} 

div.menu 
{ 
position: absolute; 
z-index: 3; 
top: 124px; 
left: 50%; 
margin-left:-405px; 
width:905px; 
} 

.menu li 
{ 
width: 160px; 
float: left; 
} 

.menu a 
{ 
border: 0px solid #000000; 
background-color: #000000; 
background-image: url(URL); 
text-decoration: none; 
text-align: center; 
font-weight: bold; 
cursor: pointer; 
margin: 0px; 
display: block; 
height: 23px; 
color: #00CCFF; 
} 

.menu a:hover 
{ 
background-color: #00CCFF; 
background-image: url(URL); 
} 

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 
{ 
font-size: 14px; 
display: none; 
width: 160px; 
float: left; 
} 

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a 
{ 
font-weight: bold; 
padding-top: 5px; 
border-top: 0px; 
cursor: pointer; 
color: #FFFFFF; 
} 
//--> 

</style> 

<script type="text/javascript"> 
<!-- 
function montre(id) 
{ 
with (document) 
{ 
if (getElementById) 
getElementById(id).style.display = 'block'; 
else if (all) 
all[id].style.display = 'block'; 
else 
layers[id].display = 'block'; 
} 
} 

function cache(id) 
{ 
with (document) 
{ 
if (getElementById) 
getElementById(id).style.display = 'none'; 
else if (all) 
all[id].style.display = 'none'; 
else 
layers[id].display = 'none'; 
} 
} 
//--> 
</script> 
<div class="menu"> 
<li><a href="LINK1"> TITEL1</a> </li> 
<li><a onmouseout="cache('smenu2');"  onmouseover="montre('smenu2');" href="javascript:void(0);">  TITEL2</a> 
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');"  id="smenu2"> 
<li><a href="UNTERLINK2.3">Titel</a></li> 
<li><a href="UNTERLINK2.3">Titel</a></li> 
<li><a href="UNTERLINK2.4">Titel</a></li> 
<li><a href="UNTERLINK2.5">Titel</a></li> 
<li><a href="UNTERLINK2.6">Titel</a></li> 
<li><a href="UNTERLINK2.7">Titel</a></li> 
<li><a href="UNTERLINK2.8">Titel</a></li> 
<li><a href="UNTERLINK2.9">Titel</a></li> 
</ul> 
</li> 
<li><a onmouseout="cache('smenu3');"  onmouseover="montre('smenu3');" href="javascript:void(0);">  TITEL3</a> 
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');"  id="smenu3"> 
<li><a href="UNTERLINK3.2">Titel</a></li> 
<li><a href="UNTERLINK3.3">Titel</a></li> 
<li><a href="UNTERLINK3.4">Titel</a></li> 
<li> </li> 
</ul> 
</li> 
<li><a href="LINK4"> TITEL4</a></li> 
<li><a onmouseout="cache('smenu5');"  onmouseover="montre('smenu5');" href="javascript:void(0);">  TITEL5</a> 
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');"  id="smenu5"> 
<li><a href="LINK5.1">Titel</a></li> 
<li><a href="LINK5.2">Titel</a></li> 
</ul> 
</li> 
</div>

 

[majo]

Dann nimm eine Hintergrundgrafik mit runden Ecken.

 

[Loon3y]

Hallo,
ich möchte grne eine Naviation oben auf meiner Homepage haben.
Aber leider hab ich so garkeine ahnung wie das gehen soll.

-->

Also ...
ich behersche von :

HTML
CSS
und C

etwas.

Hm... Einf