Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.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
Beitrag08.06.2009 um 15:41 (UTC)    
Titel:

keiner ne antwort?!?
Beitrag08.06.2009 um 15:42 (UTC)    
Titel:

jonas-geiger hat Folgendes geschrieben:
keiner ne antwort?!?
Das "pushen" innerhalb von 24 Stunden bitte sein lassen Wink

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
Beitrag08.06.2009 um 16:57 (UTC)    
Titel:

danke, aber so wie es jetzt ist ist es doch nicht gut oder?
Beitrag08.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
Beitrag08.06.2009 um 17:06 (UTC)    
Titel:

Habe dir mal in blau noch einen 2. Fehler makiert Wink
Müsste jetzt funktionieren...

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag08.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!
Beitrag08.06.2009 um 18:48 (UTC)    
Titel:

bin ich jetzt vollkommen durchgeknallt? Surprised
Sorry, ich finde kein Coolmenü? Um welche Homepage handelt es sich?

Gruss
Allschwil-3F
______________
Signatur entfernt, wegen Beleidung - Supportteam
Beitrag08.06.2009 um 18:53 (UTC)    
Titel:

Arrow programmieren123.de.tl


Wink
Beitrag08.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
Beitrag09.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!
Beitrag09.06.2009 um 15:01 (UTC)    
Titel:

jonas-geiger hat Folgendes geschrieben:
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!
Hi, habe den Code nochmal verbessert und diesmal getestet Wink
Der sollte jetzt eigentlich funktionieren... Very Happy

habe den Code in meinem letzten Beitrag editiert:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=97621#527149

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag09.06.2009 um 15:14 (UTC)    
Titel:

danke Laughing Shocked Laughing Laughing Laughing Mr. Green Exclamation Exclamation


Danke
Danke
Danke!
Nur mal so ne frage: wie sieht das design jetzt aus?
Beiträge der letzten Zeit anzeigen:   


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