Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.09.2008 um 11:25 (UTC)    
Titel: Probleme mit der Navigation

Hallo, ich hab Probleme mit der Navigation.
Immer wenn ich die Fenstergröße änder, dann springt die Navigation an eine andere Stelle und das will ich nicht. Ich will, dass die Navigation immer an der selben Stelle bleibt.

Das ist der Code für die Navigation

Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 10px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 0px;padding-top: 10px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-551px;
width:1024px;
}
.menu li
{
width: 151px;
float: left;
}
.menu a
{
border: 1px solid #000000;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
.menu a:hover
{
background-image: url(URL);
background-color: #FFFFFF;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5, #smenu6 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->

</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="http://www.meridiansuperliga.de.tl/home.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>

<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://meridiansuperliga.de.tl/Vesti.htm">Vesti</a></li>
<li><a href="http://meridiansuperliga.forumotion.com"> Forum</a></li>

</ul>
</li>

<li><a href="http://meridiansuperliga.de.tl/msl.htm" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');"> Meridian Superliga </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://meridiansuperliga.de.tl/Tabela.htm">Tabela</a></li>
<li><a href="http://meridiansuperliga.de.tl/Rezultati.htm"> Rezultati </a></li>
<li><a href="http://meridiansuperliga.de.tl/Lista-strelaca.htm">Lista strelaca</a></li>

</ul>
</li>

<li><a href="http://www.meridiansuperliga.de.tl/takmicenja.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Takmičenja </a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://meridiansuperliga.de.tl/Lav-kup.htm">Lav kup</a></li>
<li><a href="http://meridiansuperliga.de.tl/evropska-takmicenja.htm">Evropska takmičenja</a></li>

</ul>
</li>

<li><a href="http://www.meridiansuperliga.de.tl/klubovi.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');"> Klubovi </a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://meridiansuperliga.de.tl/Partizan.htm">Partizan</a></li>
<li><a href="http://meridiansuperliga.de.tl/Crvena-zvezda.htm">Crvena zvezda</a></li>
<li><a href="http://meridiansuperliga.de.tl/Vojvodina.htm">Vojvodina</a></li>
<li><a href="http://meridiansuperliga.de.tl/Borac.htm">Borac</a></li>
<li><a href="http://meridiansuperliga.de.tl/Napredak.htm">Napredak</a></li>
<li><a href="http://meridiansuperliga.de.tl/Cukaricki-stankom.htm">Čukarički</a></li>
<li><a href="http://meridiansuperliga.de.tl/Hajduk.htm">Hajduk</a></li>
<li><a href="http://meridiansuperliga.de.tl/OFK-Beograd.htm">OFK Beograd</a></li>
<li><a href="http://meridiansuperliga.de.tl/javor.htm">Javor</a></li>
<li><a href="http://meridiansuperliga.de.tl/Jagodina.htm">Jagodina</a></li>
<li><a href="http://meridiansuperliga.de.tl/rad.htm">Rad</a></li>
<li><a href="http://meridiansuperliga.de.tl/banat.htm">Banat</a></li>

</ul>
</li>


<li><a href="http://www.meridiansuperliga.de.tl/partneri.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partneri</a>

<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

</ul>
</li>

<li><a href="http://www.meridiansuperliga.de.tl/partneri.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Info</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">

<li><a href="http://meridiansuperliga.de.tl/kontakt.htm">Kontakt</a></li>
<li><a href="http://meridiansuperliga.de.tl/impresum.htm">Impresum</a></li>

</ul>
</li>

</div>


Wo ist der Fehler?
Beitrag23.09.2008 um 11:35 (UTC)    
Titel:

Wie soll man die Fenstergröße ändern,
ohne die Position dann anzupassen? Rolling Eyes

Position des Menü =
Zitat:
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-551px;
width:1024px;
}
Oder wie war das gemeint?

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag24.09.2008 um 10:34 (UTC)    
Titel:

Ich meine wenn ich die Fenstergröße des Internet-Browsers verkleinere, dann bewegt sich das Menü nach links.

Ich will, dass es beim Design bleibt (über den Content)
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de