Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.06.2007 um 15:04 (UTC)    
Titel: cool,drop,... menüs ???

sorry aber ich habe es immer noch nicht mit diesen menüs verstanden ihc möchte so ein menü unterm header

wie www.chris-schreiber.de.tl

kann mir jjeman diesne code geben weil ich check das irgendwie nicht
______________
^^
Beitrag24.06.2007 um 15:06 (UTC)    
Titel: Re: cool,drop,... menüs ???

tiga-12 hat Folgendes geschrieben:
sorry aber ich habe es immer noch nicht mit diesen menüs verstanden ihc möchte so ein menü unterm header

wie www.chris-schreiber.de.tl

kann mir jjeman diesne code geben weil ich check das irgendwie nicht


Da bist du nicht der Einzige,ich bin schon am Verzweifeln, weil das bei mir irgendwie nicht geht. Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad
Beitrag24.06.2007 um 15:11 (UTC)    
Titel:

und wenn ich es einfüge dann sehe ich meine hp nicht mehr -.-
______________
^^
Beitrag24.06.2007 um 15:12 (UTC)    
Titel:

Das ist bei mir auch der Fall, dann sehe ich nur die Punkte.
Beitrag24.06.2007 um 15:40 (UTC)    
Titel:

Also ich poste euch jetzt einfach meinen fertigen Code.Ihr müsst ihn natürlich noch anpassen.
Habe aber leider nicht die zeit das zu erkären

Der Code:
Code:
<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: 143px;
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(http://img.webme.com/pic/r/roque-design/marlies_1.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #ffffff;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(http://img.webme.com/pic/r/roque-design/annegret_2.jpg);
}

#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="http://chris-schreiber.de.tl"> Startseite</a> </li>
<li><a href="http://chris-schreiber.de.tl/G.ae.stebuch.htm"> Gästebuch</a></li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);">HPBK Service</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://chris-schreiber.de.tl/Iceblue-Designs.htm">Designs</a></li>
<li><a href="http://chris-schreiber.de.tl/Buttons.htm">Buttons</a></li>
<li><a href="http://chris-schreiber.de.tl/Banner.htm">Banner</a></li>
<li><a href="http://chris-schreiber.de.tl/Header.htm">Header</a></li>
<li><a href="http://chris-schreiber.de.tl/Balken.htm">Balken</a></li>
<li><a href="http://chris-schreiber.de.tl/Uhren.htm">Uhren</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="javascript:void(0);">CSS Tutorials</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="UNTERLINK3.2">Die rechten Boxen</a></li>
<li><a href="UNTERLINK3.3">Der Header</a></li>
<li><a href="UNTERLINK3.4">Buttons einfügen</a></li>
<li> </li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);">HTML Tutorials</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Was ist HTML ?</a></li>
<li><a href="LINK5.2">Ränder</a></li>
</ul>
</li>
</div>
Beitrag24.06.2007 um 16:42 (UTC)    
Titel:

danke

soll ich bei mir das einfügen?

würde es das nicht das design kaputt machen?
______________
^^
Beitrag24.06.2007 um 16:43 (UTC)    
Titel:

Das macht nix kaputt, einfach unter deinen bisherigen CSS-Code reinsetzen. Wink
Beitrag24.06.2007 um 16:44 (UTC)    
Titel:

ja ich weiß aber ob das zum design passen würde?
______________
^^
Beitrag24.06.2007 um 16:46 (UTC)    
Titel:

Ok Danke Chris, ich versuch das Gleich mal
Beitrag24.06.2007 um 17:17 (UTC)    
Titel:

noch eine frage: ist das in dem header oder unter dem header auf manchen hp`s siehts so aus als würds im header sein

lg nico
______________
[img:5a66efe6d7]http://img.webme.com/pic/p/physikerpage/physikerpage_banner.jpg[/img:5a66efe6d7]

GMAIL: nicoeinsidler@gmail.com
Beitrag24.06.2007 um 17:21 (UTC)    
Titel:

Dieses Menü sitzt "über" dem Header (oder halt "auf"), da es absolut Positioniert ist und somit nichts verschieben kann... Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag24.06.2007 um 17:22 (UTC)    
Titel:

Beitrag25.06.2007 um 09:26 (UTC)    
Titel:

danke auch für den code
______________
^^
Beiträge der letzten Zeit anzeigen:   


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