Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.07.2007 um 17:51 (UTC)    
Titel: Frage zum Drop down menü

habe den code eingefügt nun hab ich ein problem also ....
wenn ich den code beim standard design einfüge dann is das menü nebeneinander aber wenn ich dann mein eigenes design nehme und dann den code einfüge is das menü dann untereinander


wo dran kann das liegen ???

hier der code

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

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

div.menu
{
position: absolute;
z-index: 3;
top: 180px;
left:200px;
}

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

.menu a
{
border: 1px solid #888;
background-color: #000000;
background-image: url(http://img375.imageshack.us/img375/5824/btd375g0ji3.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #FFFFFF;
}

.menu a:hover
background-image: url(URL http://img261.imageshack.us/img261/9640/bt2yku31fj2.gif);
background-color: #000099;
{

}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 16px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</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">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Designs</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.terrormausi.de.tl/Designs.htm">Designs</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Buttons</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.terrormausi.de.tl/Buttons.htm">Buttons</a></li>
<li><a href="http://www.terrormausi.de.tl/Vote-For-Me.htm">Vote for me</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Bannertausch</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.terrormausi.de.tl/Bannertausch.htm">Bannertausch</a></li>
<li><a href="http://www.terrormausi.de.tl/My-Banner-.htm">My Banner</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
Urkunde</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://www.terrormausi.de.tl/Urkunde-.htm">Meine Urkunde</a></li>
</ul>
</li>
</ul>
</div>
Beitrag24.07.2007 um 18:25 (UTC)    
Titel:

Es kann daran liegen das dieser Code nicht für den HPBK geeignet ist!
Beitrag24.07.2007 um 18:47 (UTC)    
Titel:

den hatte ich ja hier gefunden und wenn ich den ohne mein design einfüge is ja auch das menü nebeneinander aber sobald ich das zu mein design zufüge is das dann untereinander ich denke mal das man da nur was einstellen muß
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beitrag24.07.2007 um 18:50 (UTC)    
Titel:

terrormausi hat Folgendes geschrieben:
den hatte ich ja hier gefunden und wenn ich den ohne mein design einfüge is ja auch das menü nebeneinander aber sobald ich das zu mein design zufüge is das dann untereinander ich denke mal das man da nur was einstellen muß


Wenn du mal auf ne andere HP gehst (z.B. web.de) und den Quelltext kopierst und hier einfügst ist es genau das gleiche also glaub mir.
Beitrag24.07.2007 um 18:52 (UTC)    
Titel:

ja und was kann ich jetzt machen denn ich hätte auch gern so ein menü
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beitrag24.07.2007 um 18:59 (UTC)    
Titel:

terrormausi hat Folgendes geschrieben:
ja und was kann ich jetzt machen denn ich hätte auch gern so ein menü


Du kannst dir die Grafiken besorgen und die mit den im HPBK vorgesehenen Codes einfügen!
Beitrag24.07.2007 um 19:01 (UTC)    
Titel:

grafiken , code ??? hmm egal ich lass es einfach oder schau mich weiter um

thx
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beitrag24.07.2007 um 19:02 (UTC)    
Titel:

Grafiken = Bilder
Code = CSS Code
Beitrag24.07.2007 um 19:30 (UTC)    
Titel:

firepics hat Folgendes geschrieben:
Grafiken = Bilder
Code = CSS Code


ja das weiß ich auch ^^ aber ich lass es jetzt trotzdem erstmal sein ... oder muß alles ausprobieren bis ich es hab
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beitrag24.07.2007 um 21:09 (UTC)    
Titel:

also ok das geht doch ^^ jetzt bräuchte ich noch einmal hilfe undzwar wie man im drop down menü die buttons breiter machen kann ...

weiß das jemand ???
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beitrag24.07.2007 um 21:35 (UTC)    
Titel:

Das rote angleichen:

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

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

div.menu
{
position: absolute;
z-index: 3;
top: 180px;
left:200px;
}

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

.menu a
{
border: 1px solid #888;
background-color: #000000;
background-image: url(http://img375.imageshack.us/img375/5824/btd375g0ji3.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #FFFFFF;
}

.menu a:hover
background-image: url(URL http://img261.imageshack.us/img261/9640/bt2yku31fj2.gif);
background-color: #000099;
{

}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 16px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</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">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Designs</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.terrormausi.de.tl/Designs.htm">Designs</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Buttons</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.terrormausi.de.tl/Buttons.htm">Buttons</a></li>
<li><a href="http://www.terrormausi.de.tl/Vote-For-Me.htm">Vote for me</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Bannertausch</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.terrormausi.de.tl/Bannertausch.htm">Bannertausch</a></li>
<li><a href="http://www.terrormausi.de.tl/My-Banner-.htm">My Banner</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
Urkunde</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://www.terrormausi.de.tl/Urkunde-.htm">Meine Urkunde</a></li>
</ul>
</li>
</ul>
</div>
Beitrag24.07.2007 um 21:52 (UTC)    
Titel:

ok danke werds versuchen und dann bescheid geben wenns geklappt hat
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beitrag24.07.2007 um 22:24 (UTC)    
Titel:

super hat geklappt kann geschlossen werden

und nochmal thx
______________
[img:8d40dd2234]http://img405.imageshack.us/img405/7744/bannerun8pl0.png[/img:8d40dd2234]
Beiträge der letzten Zeit anzeigen:   


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