Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.07.2010 um 12:01 (UTC)    
Titel: [Erledigt] Cooldown-Menü in Google Chrome?

EDIT: Kann mir jemand mit Google-Chrome ein Screenshot machen?

Kann man mein Coolmenü so umschreiben das es für alle Browser ist?
Also so das es immer richtig angezeigt wird?

So siehst es mit Firefox aus (RICHTIG):


So sieht es mit Internet Explorer 8 aus (FALSCH):



Mein Coolmenü-Code

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

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 5px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu  {
position: absolute;
z-index: 3;
top: 231px;
left: 50%;
margin-left: -284px;
width: 570px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 114px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #none;
background-color: #none;
background-image: url(http://img.webme.com/pic/m/mbcool/back12.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 24px;
color: #FFFFFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #none;
background-image: url(http://img.webme.com/pic/m/mbcool/back123.png);
color: #FF0000; }

#smenu1 , #smenu2 , #smenu3 , #smenu4 , #smenu5 , #smenu6 , #smenu7 {
font-size: 12px;
display: none;
width: 114px;
height: 45px;
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>

<!-- 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 onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">A</span>llgemein</a></a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://mbcool.de.tl/Home.htm "><span style="color: rgb(255, 255, 255);">Home</span></a></li>
<li><a href="http://mbcool.de.tl/G.ae.stebuch.htm"><span style="color: rgb(255, 255, 255);">Gästebuch</span></a></li>
<li><a href="http://mbcool.de.tl/neuigkeiten.htm"><span style="color: rgb(255, 255, 255);">Neuigkeiten</span></a></li>
<li><a href="http://mbcool.de.tl/Kontakt.htm"><span style="color: rgb(255, 255, 255);">Kontakt</span></a></li>
<li><a href="http://mbcool.de.tl/Sitemap.htm"><span style="color: rgb(255, 255, 255);">Sitemap</span></></li>
</ul>
</li>


<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">L</span>inks</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://mbcool.de.tl/Partner.htm"><span style="color: rgb(255, 255, 255);">Partner</span></a></li>
<li><a href="http://mbcool.de.tl/Topliste.htm"><span style="color: rgb(255, 255, 255);">Topliste</span></a></li>
<li><a href="http://mbcool.de.tl/mein-banner.htm"><span style="color: rgb(255, 255, 255);">Mein Banner</span></a></li>
</ul>
</li>

<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">U</span>nterhaltung</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="http://mbcool.de.tl/Videos.htm"><span style="color: rgb(255, 255, 255);">Videos</span></a></li>
<li><a href="http://mbcool.de.tl/Bilder.htm"><span style="color: rgb(255, 255, 255);">Bilder</span></a></li>
<li><a href="http://mbcool.de.tl/Games.htm"><span style="color: rgb(255, 255, 255);">Spiele</span></a></li>
<li><a href="http://mbcool.de.tl/Witze.htm"><span style="color: rgb(255, 255, 255);">Witze</span></a></li>
<li><a href="http://mbcool.de.tl/Opt-.--T.ae.uschungen.htm"><span style="color: rgb(255, 255, 255);">Opt. Täuschungen</span></a></li>
<li><a href="http://mbcool.de.tl/Zungenbrecher.htm"><span style="color: rgb(255, 255, 255);">Zungenbrecher</span><br /></a></li>
</ul>
</li>

<li><a onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">W</span>ebmaster</a>
<ul onmouseout="cache('smenu6');" onmouseover="montre('smenu6');" id="smenu6">
<li><a href="http://mbcool.de.tl/Dienste.htm"><span style="color: rgb(255, 255, 255);">Dienste</span></a></li>
<li><a href="http://mbcool.de.tl/Homepage_Check.htm"><span style="color: rgb(255, 255, 255);">Homepage Check</span></a></li>
<li><a href="http://mbcool.de.tl/Bilder-hochladen.htm"><span style="color: rgb(255, 255, 255);">Bilder hochladen</span></a></li>
<li><a href="http://mbcool.de.tl/Designs.htm"><span style="color: rgb(255, 255, 255);">Design</span></a></li>
<li><a href="http://mbcool.de.tl/Design_Zubeh.oe.r.htm"><span style="color: rgb(255, 255, 255);">Design zubehör</span></a></li>
<li><a href="http://mbcool.de.tl/Codes-und-mehr.htm "><span style="color: rgb(255, 255, 255);">HTML Codes</span></a></li>
</ul>
</li>

<li><a onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" href="javascript:void(0);"> <span style="color: rgb(255, 0, 0);">I</span>nfos</a>
<ul onmouseout="cache('smenu7');" onmouseover="montre('smenu7');" id="smenu7">
<li><a href="http://mbcool.de.tl/Auszeichnungen.htm"><span style="color: rgb(255, 255, 255);">Auszeichnungen</span></a></li>
<li><a href="http://mbcool.de.tl/-Ue-ber-mich.htm"><span style="color: rgb(255, 255, 255);">Über mich</span></a></li>
<li><a href="http://mbcool.de.tl/Statistik.htm"><span style="color: rgb(255, 255, 255);">Statistik</span></></li>
<li><a href="http://mbcool.de.tl/Impressum.htm"><span style="color: rgb(255, 255, 255);">Impressum</span></a></li>
</ul>
</li>
</div>

______________


Zuletzt bearbeitet von mbcool am 19.07.2010, 17:48, insgesamt 6-mal bearbeitet
Beitrag16.07.2010 um 22:09 (UTC)    
Titel:

Gibs da vielleicht eine alternative?
______________
Beitrag17.07.2010 um 17:32 (UTC)    
Titel:

push Neutral
______________
Beitrag18.07.2010 um 10:52 (UTC)    
Titel:

Mmh Sad
______________
Beitrag18.07.2010 um 18:57 (UTC)    
Titel:

Also ich hab grad gemerkt das dieses Problem erst ab 5 Spalten entsteht..
Bei 4 ist alles normal wie es sein soll.

Aber wie bekomme ich es doch mit 5 hin?
______________
Beitrag19.07.2010 um 10:34 (UTC)    
Titel:

Du solltest mal die Breite vom Menü anpassen, d.h aus width: 570px; eine größere
Angabe machen, damit der nächste Button auch rechts weiterlaufen kann, ansonsten
werden halt diese 570px überschritten.
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag19.07.2010 um 15:56 (UTC)    
Titel:

Das hilft auch nicht... Sad
______________
Beitrag19.07.2010 um 16:42 (UTC)    
Titel:

So ich habs jetzt irgendwie geschafft es richtig zu machen.
Kann jemand mit GoogleChrome ein screen machen wie es damit aussieht?
______________
Beitrag19.07.2010 um 16:45 (UTC)    
Titel:

In Google Chrome ist alles normal Wink
Funktioniert also genauso, wie im Firefox...

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

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag19.07.2010 um 16:48 (UTC)    
Titel:

Ja leider eben nicht. Gestern war in GoogleChrome der gleiche fehler wie in IE8.
Sagte mir ein Kumpel. Der aber gerade nicht da ist. Smile

Danke! Kann geclosed werden.
______________
Beitrag19.07.2010 um 16:55 (UTC)    
Titel:

Okay Wink
Danke für die Rückmeldung!

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

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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