Suche im Forum:
Suchen


Autor Nachricht
Beitrag01.08.2008 um 10:07 (UTC)    
Titel: [Erledigt] problem mit coolmenu

habe jez folgende probleme: wenn ich bei den Menü titeln leerzeiche habe, (zB. Der Kader) dann steht "Kader" aufeinmal unter "Der". Habe mir ersma damit gehlfen, das ich alle Leerzeichen mit einem Pukt ersetzt habe

2. problem: wie kann ich die menütitel bei den unterseiten zentrieren, die steht iwie immer noch am rand, sollen aber immer genau mittig sein, hoffe ihr könnt mir helfen

lg schalker89

Das is mein menü code
Zitat:
<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 12px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 40px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 220px;
left: 50%;
margin-left:-460px;
width:921px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 102px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #XXXXXX;
background-image: url(http://schalker1989.sc.funpic.de/VZ/navibg.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #ffffff;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: ;
background-image: url(http://schalker1989.sc.funpic.de/VZ/navibg.jpg);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9
{
font-size: 12px;
display: none;
width: 100px;
float: leftr;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

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

<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Allgemeines</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://Menupunkt1.1.htm">Links</a></li>
<li><a href="http://Menupunkt1.2.htm">Banner</a></li>
<li><a href="http://Menupunkt1.2.htm">Über.mich</a></li>
<li><a href="http://Menupunkt1.2.htm">Awards</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Fahrten</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://Menupunkt1.1.htm">08/09</a></li>
<li><a href="http://Menupunkt1.2.htm">ältere</a></li>
</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Multimedia</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://Menupunkt1.1.htm">Signaturen</a></li>
<li><a href="http://Menupunkt1.2.htm">Wallpaper</a></li>
<li><a href="http://Menupunkt1.2.htm">Sonstiges</a></li>
<li><a href="http://Menupunkt1.2.htm">Videos</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Doppelhalter</a>
<ul id="smenu5" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Saison</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://Menupunkt1.1.htm">Bundesliga</a></li>
<li><a href="http://Menupunkt1.2.htm">DFB-Pokal</a></li>
<li><a href="http://Menupunkt1.2.htm">CL</a></li>
</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Nordkurve</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
</ul>
</li>


<li><a href="javascript:void(0);" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">Schalke.04</a>
<ul id="smenu8" onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
<li><a href="http://Menupunkt1.1.htm">Schalke</a></li>
<li><a href="http://Menupunkt1.2.htm">Der.Kader</a></li>
<li><a href="http://Menupunkt1.2.htm">S04.&.FCN</a></li>
<li><a href="http://Menupunkt1.2.htm">Arena</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">Anti BVB</a>
<ul id="smenu9" onmouseover="montre('smenu9');" onmouseout="cache('smenu9');">
</ul>
</li>


</div>


Zuletzt bearbeitet von schalker89 am 01.08.2008, 11:48, insgesamt einmal bearbeitet
Beitrag01.08.2008 um 10:11 (UTC)    
Titel:

nimm mal als Leerzeichen folgenen Code:
Zitat:
&nbsp;


mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag01.08.2008 um 10:28 (UTC)    
Titel:

super, damit wäre das eine problöem gelöst

hast du auch noch für das andere ne lösung?Smile
Beitrag01.08.2008 um 10:38 (UTC)    
Titel:

schalker89 hat Folgendes geschrieben:
super, damit wäre das eine problöem gelöst

hast du auch noch für das andere ne lösung?Smile

Ich kann es nur so machen,
dass alle Titel zentriert sind, also auch die Haupttitel!

Wenn du das so haben möchtest,
musst du folgenes machen:

Zitat:
....* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{padding-right: 0px;padding-top: 5px;}....


mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag01.08.2008 um 10:48 (UTC)    
Titel:

klasse!!!! sowas nenn ich mal schnelle hilfe, fettes danke, klappt jez alles, kann also zu;)
Beiträge der letzten Zeit anzeigen:   


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