Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.02.2009 um 18:42 (UTC)    
Titel: Hilfe zum Coolmenü

Hallo wie mach ich das, dass ich in meinen Coolmenü horizontal einen Spalt frei ist aber vertikal nicht?

Und wie kann ich einen Link einsetzen der in einem neuem Fester auf geht?

Bitte helft mir!

Danke

Gruß Danny

Hier habt ihr mal mein Coolmenü!

<style type="text/css" media="screen">
<!--

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

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

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

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

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

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/v/vwaudi-schrauber-neumarkt/carbont.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #FFFFFF;
border: 1px solid #008FFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/v/vwaudi-schrauber-neumarkt/752600.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
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* 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
{
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');"><blink><b>Mitglieder</b></blink></a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Danny--k1-Passat-VR6-k2-.htm">Danny</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Michael--k1-Golf-3-VR6-k2-.htm">Michael</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Toni--k1-S3-k2-.htm">Toni</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Christian--k1-Vento-VR6-k2-.htm">Christian</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Karl--k1-Golf-4-SR-k2-.htm">Karl</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Fabian--k1-Golf-4-ABT-TDI-k2-.htm">Fabian</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Manuel--k1-Golf-3-GTI-k2-.htm">Manuel</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Rene--k1-Golf-3-VR6-k2-.htm">Rene</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Stefan--k1-Golf-3-VR6-k2-.htm">Stefan</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Markus.htm">Markus</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Kai--k1-Audi-80-16V-k2-.htm">Kai</a></li>
</ul>
</li>

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

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Umbau-auf-312mm-Bremse.htm">312mm Bremse</a></li>

<li><a href="http://www.ralf-richter.net/Allgemein/carbon.htm">Carbon verarbeiten</a></li>

<li><a href="http://limited-golf.de/tips/verzinnen/vorwverz.htm">richtig verzinnen</a></li>
</ul>
</li>

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

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Passat-3B-VR5.htm">Passat 3B V(R)5</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Passat-35i-VR6-.htm">Passat 35i VR6</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Golf-3-VR6.htm">Golf 3 VR6</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Sto.ss.d.ae.mpfer_Wechsel-HA-bei-G-.-w-.-fahrwerk.htm">Stoßdämpferwecksel</a></li>
</ul>
</li>

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

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Golf-3-VR6-Kompressor.htm">Golf 3 VR Kom.</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Audi-RS6-Avant.htm">Audi RS6 Avant</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Golf-4-R32.htm">Golf 4 R32</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Audi-S3-vr-.--Golf-R23.htm">R32 v. S3</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Kalt-treten-des-Motors.htm">kalt tretten des Motors</a></li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Immer-Originalteile-kaufen-ar-.htm">Originalteile</a></li>
</ul>
</li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Kontakt.htm""javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Kontakt</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
</ul>
</li>

<li><a href="http://vwaudi-schrauber-neumarkt.de.tl/Inpressum.htm""javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Inpressum</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">

</ul>
</li>

</div>


Zuletzt bearbeitet von vwaudi-schrauber-neumarkt am 04.02.2009, 19:48, insgesamt 2-mal bearbeitet
Beitrag04.02.2009 um 19:22 (UTC)    
Titel:

ein Fehler hat sich eingeschlichen:
Zitat:

<li><a href="""javascript:void(0);" onmouseover="montre('smenu1');"

Das muss heißen:
Zitat:

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');"


In jeder Zeile (smenu1 bis smenu6) sind zwei "" zuviel.

Der Spalt:
Zitat:

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

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

Die roten Werte sollten 0px haben, beim IE kann es Probleme mit dem Drüberfahren der Maus geben
______________

Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt


Zuletzt bearbeitet von kdl-design am 04.02.2009, 20:26, insgesamt einmal bearbeitet
Beitrag04.02.2009 um 19:51 (UTC)    
Titel:

Aber wenn ich die Zwei duch eine Null ersetzte, hab ich aber horizontal und vertikal keinen spallt mehr. Ich möchte aber nur horizontal einen Spalt und vertikal keinen??????????

Noch eine Frage wie kann ich einen Link ein im Coolmenü einfügen der in eiem neuen Fenster aufgeht??????????????

ul, li
{
list-style-type: none;
padding: 2px;
margin: 0px;
}
Beitrag04.02.2009 um 20:08 (UTC)    
Titel:

vwaudi-schrauber-neumarkt hat Folgendes geschrieben:
Aber wenn ich die Zwei duch eine Null ersetzte, hab ich aber horizontal und vertikal keinen spallt mehr. Ich möchte aber nur horizontal einen Spalt und vertikal keinen??????????

Noch eine Frage wie kann ich einen Link ein im Coolmenü einfügen der in eiem neuen Fenster aufgeht??????????????

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

Probiere mal so.
Zum Link: genauso einfügen wie die anderen.
______________

Der Link führt nicht mehr zu KDL-Design sondern zu meinen neuen Projekt
Beitrag05.02.2009 um 20:37 (UTC)    
Titel:

Danke kdl-design aber ich habe mich da verschrieben. Ich meinte das ich Horizontal keinen Spallt haben möchte nur vertikal. Sorry.
Beiträge der letzten Zeit anzeigen:   


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