Autor
Nachricht
jonas-geiger
07.06.2009 um 16:09 (UTC) Titel: Wo ist mein fehler????
HAllo,wo ist mein fehler im code? Das coolmenü wird total komisch angezeigt!
Text über design!
Zitat: <div id="Testdesign3">
<div id="Header_oben">Alles und mehr!</div>
<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: 124px;
left: 50%;
margin-left:140px;
width:905px;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}
.menu a:hover
{
background-color: #000000;
background-image: url(URL);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8,
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#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>
<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 onmouseout="cache('smenu1');" onmouseover="montre('smenu1');"<a href="Home.htm"> Home</a>
<ul onmouseout="cache('smenu1');" onmouseover="montre('smenu1');" id="smenu1">
<li><a href="Newsletter.htm">Newsletter</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');"<a href="Forum.htm"> Forum</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" <a href="Tutorials.htm;"> Tutorials</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="Blitz-Basic-2D.htm">Blitz Basic 2D</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" <a href="Links.htm;"> Links</a>
<ul onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" id="smenu4">
<li><a href="Banner.htm">Banner</a></li>
<li><a href="Topliste.htm">Topliste</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" <a href="Insider.htm;"> Insider</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="Programmieren123_Mail.htm">E-Mail</a></li>
<li><a href="Programmieren123_Chat.htm">Chat</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" <a href="Wettbewerbe.htm;"> Wettbewerbe</a>
<ul onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" id="smenu6">
<li><a href="Alle-Sprachen-Contest.htm">ASC</a></li>
<li><a href="Beginner-Contest.htm">BC</a></li>
<li><a href="Webseiten-Award.htm">WA</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" <a href="Cyber_Zeitung.htm;"> Cyber-Zeitung</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="06-s-09.htm">06/09</a></li>
<li><a href="07-s-09.htm">07/09</a></li>
<li><a href="08-s-09.htm">08/09</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" <a href="Impressum.htm;"> Impressum</a>
<ul onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" id="smenu8">
</ul>
</li>
</div>
Zuletzt bearbeitet von jonas-geiger am 08.06.2009, 18:05, insgesamt 3-mal bearbeitet
↑
jonas-geiger
08.06.2009 um 15:41 (UTC) Titel:
keiner ne antwort?!?
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
08.06.2009 um 15:42 (UTC) Titel:
jonas-geiger hat Folgendes geschrieben: keiner ne antwort?!?
Das "pushen" innerhalb von 24 Stunden bitte sein lassen
Edit:
Ich habe mal in deinem Code einen Fehler mit rot makiert und verbessert.
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 08.06.2009, 16:43, insgesamt einmal bearbeitet
↑
jonas-geiger
08.06.2009 um 16:57 (UTC) Titel:
danke, aber so wie es jetzt ist ist es doch nicht gut oder?
↑
tjpeiler-designs
Wohnort: Keine Angabe
08.06.2009 um 17:01 (UTC) Titel:
Natürlich ist das gut, das ist optimal!
"left" muss immer 50% haben, sonst gibt es Probleme!
vg tjpeiler
Zuletzt bearbeitet von tjpeiler-designs am 08.06.2009, 18:01, insgesamt einmal bearbeitet
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
08.06.2009 um 17:06 (UTC) Titel:
Habe dir mal in
blau noch einen 2. Fehler makiert
Müsste jetzt funktionieren...
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
jonas-geiger
08.06.2009 um 18:37 (UTC) Titel:
sorry, aber das ist immernoch so(kann mir mal bitte irgentwer nen screenshot machen und posten, evtl liegt es an meinem PC) komisch!
↑
allschwil-3f
08.06.2009 um 18:48 (UTC) Titel:
bin ich jetzt vollkommen durchgeknallt?
Sorry, ich finde kein Coolmenü? Um welche Homepage handelt es sich?
Gruss
Allschwil-3F ______________
Signatur entfernt, wegen Beleidung - Supportteam
↑
jonas-geiger
08.06.2009 um 18:53 (UTC) Titel:
programmieren123.de.tl
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
08.06.2009 um 20:04 (UTC) Titel:
So, ich habe dir jetzt mal den Code verbessert:
Zitat: <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: 124px;
left: 50%;
margin-left: -405px;
width:1280px;
}
.menu li
{
width: 160px;
float: left;
}
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}
.menu a:hover
{
background-color: #000000;
background-image: url(URL);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 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="/home.htm""javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="/Newsletter.htm">Newsletter</a></li>
</ul>
</li>
<li><a href="/Forum.htm""javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Forum</a>
<ul id="smenu2" onmouseout="cache('smenu2');" onmouseover="montre('smenu2');">
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="/Tutorials.htm""javascript:void(0);">Tutorials</a>
<ul id="smenu3" onmouseout="cache('smenu3');" onmouseover="montre('smenu3');">
<li><a href="Blitz-Basic-2D.htm">Blitz Basic 2D</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu4');" onmouseover="montre('smenu4');" href="/Links.htm""javascript:void(0);">Links</a>
<ul id="smenu4" onmouseout="cache('smenu4');" onmouseover="montre('smenu4');">
<li><a href="Banner.htm">Banner</a></li>
<li><a href="Topliste.htm">Topliste</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="/Insider.htm""javascript:void(0);">Insider</a>
<ul id="smenu5" onmouseout="cache('smenu5');" onmouseover="montre('smenu5');">
<li><a href="Programmieren123_Mail.htm">E-Mail</a></li>
<li><a href="Programmieren123_Chat.htm">Chat</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" href="/Wettbewerbe.htm""javascript:void(0);">Wettbewerbe</a>
<ul id="smenu6" onmouseout="cache('smenu6');" onmouseover="montre('smenu6');">
<li><a href="Alle-Sprachen-Contest.htm">ASC</a></li>
<li><a href="Beginner-Contest.htm">BC</a></li>
<li><a href="Webseiten-Award.htm">WA</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" href="/Cyber_Zeitung.htm""javascript:void(0);">Cyber-Zeitung</a>
<ul id="smenu7" onmouseout="cache('smenu7');" onmouseover="montre('smenu7');">
<li><a href="06-s-09.htm">06/09</a></li>
<li><a href="07-s-09.htm">07/09</a></li>
<li><a href="08-s-09.htm">08/09</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu8');" onmouseover="montre('smenu8');" href="/Impressum.htm""javascript:void(0);">Impressum</a>
<ul id="smenu8" onmouseout="cache('smenu8');" onmouseover="montre('smenu8');">
</ul>
</li>
</div>
Beim
roten kannst du dann noch den Abstand vom linken Rand einstellen,
wenn das weiter links sein soll, kannst du auch ein "-" vor dem Wert setzen.
Würde dann so Aussehen:
margin-left: -140px;
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 09.06.2009, 15:59, insgesamt einmal bearbeitet
↑
jonas-geiger
09.06.2009 um 14:35 (UTC) Titel:
jatzt ist es fast perfekt!
Nur die menüs sind offen wenn man die page betritt! Sie schließen sich erst beim drüberfahren mit der maus!
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
↑
jonas-geiger
09.06.2009 um 15:14 (UTC) Titel:
↑