Menu wel goed in firefox maar niet in safari en chrome

pasmaskas · 18 jan 2012

Beste Helpmij leden,

Voor een ijshockeyvereniging heb ik een website gemaakt met cmsms er achter. Nog bedankt voor de hulp met de layout CSSHunter.

Nu lijkt alles goed te werken zowel in firefox als safari en chrome. alleen als je een dropdownmenu in het menu opent in safari of chrome schuiven de pijltjes niet netjes terug op hun plek. weet iemand hoe dit kan?

Op het plaatje is het goed te zien: (links firefox rechts safari)

Alvast bedankt groetjes pascal

Baljuin · 24 jan 2012

kun je misschien een link geven? En/of wat code?

pasmaskas · 30 jan 2012

Owja sorry excuses voor de late reactie.

De website is www.dordrechtlions.nl

Hier onder nog de CSS voor het menu en de html code voor het menu

Menu CSS:

HTML:

.glossymenu{
        padding: 0;
        width: 165px; /*width of menu*/
        border-bottom-width: 0;
}

.glossymenu a.menuitem{
        background: black url(../../images/glossyback2.png) repeat-x left;
        font: bold 13px Arial, Helvetica, sans-serif;
        color: white;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        padding: 6px 0;
        padding-left: 10px;
        text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
        color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
        position: absolute;
        top: 7px;
        right: 5px;
        border: none;
}

.glossymenu a.menuitem:hover{
        background-image: url(../../images/glossyback.png);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
        background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
        list-style-type: none;
        margin: 0;
        padding: 0;
}

.glossymenu div.submenu ul li{
        border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
        display: block;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: black;
        text-decoration: none;
        padding: 4px 0;
        padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
        background: #DFDCCB;
}

Menu HTML:

HTML:

<div id="menukolom" class="glossymenu">


<!-- START MENU-->


<a class="menuitem" href="index.php">HOME</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >OVER DE LIONS</a>
<div class="submenu">
	<ul>

	<li><a href="index.php?page=informatie">INFORMATIE</a></li>
    <li><a href="index.php?page=toegang-1e-team">WEDSTRIJDEN KIJKEN</a></li>
    <li><a href="index.php?page=geschiedenis">GESCHIEDENIS</a></li>
    <li><a href="index.php?page=sledgehockey">SLEDGEHOCKEY</a></li>
    <li><a href="index.php?page=trainingstijden">TRAININGSTIJDEN</a></li>
	</ul>

</div>
<div style="height:8px; width:165px;"></div>
<a class="menuitem" href="index.php?page=toernooi">LEEUWEN TOERNOOI</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#">NIEUWS</a>
<div class="submenu">
	<ul>
	<li><a href="index.php?page=recent-nieuws">NIEUWS ARCHIEF</a></li>
    <li><a href="index.php?page=nieuwsbrief">NIEUWSBRIEVEN</a></li>
	</ul>

</div>	
<div style="height:8px; width:165px;"></div>
<a class="menuitem" href="index.php?page=ijshockeyschool">IJSHOCKEYSCHOOL</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >COMPETITIE</a>
<div class="submenu">
	<ul>
	<li><a href="index.php?page=eerste-team">EERSTE TEAM</a></li>
    <li><a href="index.php?page=toekomst-team">TOEKOMST TEAM</a></li>
    <li><a href="index.php?page=u17-team">U17 TEAM</a></li>

    <li><a href="index.php?page=u14-kampioenschap">U14 KAMPIOENSCHAP</a></li>
    <li><a href="index.php?page=u14-beker">U14 BEKER</a></li>
    <li><a href="index.php?page=u12-kampioenschap">U12 KAMPIOENSCHAP</a></li>
    <li><a href="index.php?page=u12-beker">U12 BEKER</a></li>
    <li><a href="index.php?page=u8-en-u10-m-w">U8 EN U10 (M/W)</a></li>
    <li><a href="index.php?page=jeugdrecreanten">JEUGDRECREANTEN</a></li>

    <li><a href="index.php?page=divisionisten-1">DIVISIONISTEN 1</a></li>
    <li><a href="index.php?page=divisionisten-2">DIVISIONISTEN 2</a></li>
    <li><a href="index.php?page=divisionisten-3">DIVISIONISTEN 3</a></li>
	</ul>
</div>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >TEAMS</a>
<div class="submenu">
	<ul>

	<li><a href="index.php?page=eerste-team-2">EERSTE TEAM</a></li>
    <li><a href="index.php?page=toekomst-team-2">TOEKOMST TEAM</a></li>
    <li><a href="index.php?page=u17">U17</a></li>
    <li><a href="index.php?page=u14">U14</a></li>
    <li><a href="index.php?page=u12">U12</a></li>
    <li><a href="index.php?page=u10">U10</a></li>

    <li><a href="index.php?page=u8">U8</a></li>
    <li><a href="index.php?page=jeugdrecreanten-2">JEUGDRECREANTEN</a></li>
    <li><a href="index.php?page=divisionisten-1-2">DIVISIONISTEN 1</a></li>
    <li><a href="index.php?page=divisionisten-2-2">DIVISIONISTEN 2</a></li>
    <li><a href="index.php?page=divisionisten-3-2">DIVISIONISTEN 3</a></li>
    <li><a href="index.php?page=divisionisten-4">DIVISIONISTEN 4</a></li>

	</ul>
</div>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >SPONSOREN</a>
<div class="submenu">
	<ul>
	<li><a href="index.php?page=sponsoren-lions">SPONSOREN LIONS</a></li>
    <li><a href="index.php?page=sponsor-opties">SPONSOR OPTIES</a></li>
    <li><a href="index.php?page=wedstrijd-sponsor">WEDSTRIJD SPONSOR</a></li>

    <li><a href="index.php?page=businessclubinfo">BUSINESSCLUB INFO</a></li>
    <li><a href="index.php?page=businessclub-leden">BUSINESSCLUB LEDEN</a></li>
    <li><a href="index.php?page=businessclub-bije">BUSINESSCLUB BIJEENKOMSTEN</a></li>
	</ul>
</div>
<div style="height:8px; width:165px;"></div>
<a href="http://www.clubsponsorspel.nl/dordrechtlions/" target="_blank" class="menuitem">SPONSORENSPEL</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >TECHNISCHE COMM.</a>

<div class="submenu">
	<ul>
	<li><a href="index.php?page=tc-informatie">INFORMATIE</a></li>
    <li><a href="index.php?page=tc-nieuws">NIEUWS</a></li>
    <li><a href="index.php?page=tc-gedragsregels">GEDRAGSREGELS</a></li>
	</ul>
</div>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >FOTO / FILM</a>

<div class="submenu">
	<ul>
	<li><a href="index.php?page=lions-you-tube">LIONS (YOU) TUBE</a></li>
    <li><a href="index.php?page=2010-2011-tube">2010-2011 TUBE</a></li>
    <li><a href="index.php?page=2011-2012-tube">2011-2012 TUBE</a></li>
    <li><a href="index.php?page=foto-album">FOTO ALBUM</a></li>
    <li><a href="index.php?page=diversen">DIVERSEN</a></li>

	</ul>
</div>
<div style="height:8px; width:165px;"></div>
<a class="menuitem" href="index.php?page=in-de-media">IN DE MEDIA</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem" href="index.php?page=club-pas">CLUB PAS</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem" href="index.php?page=links">LINKS</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem" href="index.php?page=contact">CONTACT</a>
<div style="height:8px; width:165px;"></div>
<a class="menuitem submenuheader" href="#" >ZOEKEN</a>

<div class="submenu" style="padding: 4px 4px 4px 4px;">
<form id="cntnt01moduleform_1" method="get" action="http://dordrechtlions.nl/" class="cms_form">
<div class="hidden">
<input type="hidden" name="mact" value="Search,cntnt01,dosearch,0" />
<input type="hidden" name="cntnt01returnid" value="15" />
</div>

<input type="text" class="search-input" id="cntnt01searchinput" name="cntnt01searchinput" size="20" maxlength="50" value="Zoeken..." onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;"/>
<br/>
<br/>
<input class="search-button" name="submit" value="Versturen" type="submit" />
</form>

</div>
<div style="height:8px; width:165px;"></div>
<br />
<a href="http://nl-nl.facebook.com/people/Dordrecht-Lions/100002756691585" target="_new"><img src="images/facebook-nld-1.gif" alt="Sani-Dump Dordrecht Lions Facebook" width="120" height="30" /></a>


<!-- EINDE MENU -->

	</div>

Alvast bedankt gr Pascal

pasmaskas · 30 jan 2012

Ik heb ook al geprobeert dit gedeelte:

HTML:

<div style="height:8px; width:165px;"></div>

Te verwerken in de CSS maar dit veranderde niets.

pasmaskas · 31 jan 2012

Niemand?

Menu wel goed in firefox maar niet in safari en chrome

pasmaskas

Gebruiker

Baljuin

Gebruiker

pasmaskas

Gebruiker

pasmaskas

Gebruiker

pasmaskas

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy