emanuelx
Gebruiker
- Lid geworden
- 26 aug 2006
- Berichten
- 11
Halo iedereen,
Ik zit met een klein probleem maar ik vind niet waar de fout zit.
De website waar ik aan bezig ben weergeeft in alle browser een perfecte structuur. Bij mij toch...
Bezoekers lieten mij weten dat bij hun de website fouten weergeeft in de menu met Google Chrome.
Met andere browsers is er totaal geen probleem maar enkel met Chrome.
Kan iemand mij advies verlenen hoe ik deze moet aanpakken...
de website kan u hier bezichtigen www.avaco-web.be
De HTML CODE
De CSS CODE
Ik dank jullie alvast voor de hulp..
Groetjes
Emanuel
Ik zit met een klein probleem maar ik vind niet waar de fout zit.
De website waar ik aan bezig ben weergeeft in alle browser een perfecte structuur. Bij mij toch...
Bezoekers lieten mij weten dat bij hun de website fouten weergeeft in de menu met Google Chrome.
Met andere browsers is er totaal geen probleem maar enkel met Chrome.
Kan iemand mij advies verlenen hoe ik deze moet aanpakken...
de website kan u hier bezichtigen www.avaco-web.be
De HTML CODE
HTML:
<!-- Navigation -->
<div class="navbar navbar_">
<div class="container">
<!--=========== menu ===============-->
<div class="nav-collapse nav-collapse_ collapse">
<ul class="nav sf-menu">
<li class=" sub-menu"><a href="index.php">Home</a></li>
<li class=" sub-menu"><a href="diensten-webdesign-grafisch.php">Diensten</a>
<ul>
<li><a href="diensten-webdesign-grafisch.php#website-laten-maken">Website</a></li>
<li><a href="diensten-webdesign-grafisch.php#internetmarketing">Internet-marketing</a></li>
<li class="sub-menu"><a href="diensten-webdesign-grafisch.php#grafisch-ontwerp-laten-maken">Grafische ontwerpen</a></li>
<li><a href="diensten-webdesign-grafisch.php#domeinnaam-hosting">Domein, hosting en mail server</a></li>
<li><a href="seo-website-testen.php">SEO testen op uw website</a></li>
</ul>
</li>
<li class=" sub-menu"><a href="portfolio-webdesign-grafisch-design.php">Portfolio </a> </li>
<li class=" sub-menu"><a href="prijzen-webdesign-grafisch-ontwerpen.php">Prijzen </a></li>
<li class="active sub-menu"><a href="informatie-webdesign-grafisch-design.php">Blog </a></li>
<li class=" sub-menu"><a href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</div>De CSS CODE
HTML:
/* navbar */
.row-nav-search { background: url(../img/tail-nav.png) repeat-x 0 0 #191919; margin-bottom: 20px; margin-top: 20px; }
.navbar_ { margin: 25px 0; position: relative; float: right; }
.navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/*nav*/
.navbar_ .nav-collapse select { display: none; }
.navbar_ .container { position: relative; }
.nav-collapse.nav-collapse_ { z-index: 10; height: auto !important; overflow: visible; }
.nav-collapse_ .nav { margin: 0; }
.nav-collapse_ .nav li { margin: 0; padding: 0; position: relative; zoom: 1; }
.nav-collapse_ .nav > li:first-child { background: none; }
.nav-collapse_ .nav > li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: url(../img/border-item.png) no-repeat left 0; float: left !important; }
.nav-collapse_ .nav li a { font-family: 'MuseoSlab500Regular', arial, helvetica, sans-serif; text-shadow: none; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.nav-collapse_ .nav > li > a { color: #777; margin: 0; padding: 6px 14px 6px 12px; display: block; background: none; position: relative; z-index: 20; font-size: 14px; font-weight: normal; line-height: 18px; background: none repeat scroll 0 0 transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav-collapse_ .nav > li.sfHover > a, .nav-collapse_ .nav > li.sfHover > a:hover, .nav-collapse_ .nav > li > a:hover, .nav-collapse_ .nav > li.active > a, .nav-collapse_ .nav > li.active > a:hover { color: #169FE6; }
.sub-menu > a { position: relative;}
.nav-collapse_ .nav ul { border-top: 3px solid #169FE6; position: absolute; display: none; width: 161px; left: 0px; top: 47px; list-style: none; zoom: 1; z-index: 100; background: none repeat scroll 0 0 #FFFFFF; padding: 0; margin: 0; -webkit-box-shadow: 0 1px 3px #CCCCCC; -moz-box-shadow: 0 1px 3px #CCCCCC; box-shadow: 0 1px 3px #CCCCCC; }
.nav-collapse_ .nav ul li ul { border-top: 3px solid #169FE6; position: absolute; display: none; width: 161px; left: 161px; top: 0; list-style: none; zoom: 1; z-index: 100; background: none repeat scroll 0 0 #FFFFFF; padding: 0; margin: 0; -webkit-box-shadow: 0 1px 3px #CCCCCC; -moz-box-shadow: 0 1px 3px #CCCCCC; box-shadow: 0 1px 3px #CCCCCC; }
.nav-collapse_ .nav ul li { background: url(../img/border-ul-li.png) repeat-x 0 0; }
.nav-collapse_ .nav ul li:first-child { background: none; margin: 0; padding: 0; }
.nav-collapse_ .nav ul li a { display: block; font-size: 12px; line-height: 18px; color: #777; text-align: left !important; overflow: hidden; padding: 10px; }
.nav-collapse_ .nav ul li a:hover { background-color:#169FE6; color: #fff; }
.nav-collapse_ .nav ul li a strong { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: normal; overflow: hidden; }
.nav-collapse_ .nav ul li a span { padding-right: 18px; float: left; }
.nav-collapse_ .nav > li > ul li > a:hover strong, .nav-collapse_ .nav > li > ul li.sfHover > a strong { text-decoration: none; color: #2F96B4; }Ik dank jullie alvast voor de hulp..
Groetjes
Emanuel
*)
