Avatar billede eqvaliser Nybegynder
20. februar 2010 - 12:33 Der er 1 løsning

CSS <ul> menu fungere ikke i firefox, men i andre

Prøver på at lave en navigation vha css
og det funger fint, det var et stykke css jeg fandt online
et eller andet bizart sted. fulgte selflg instruktionerne m.m.

og alt fungered fint både i chrome or ie, men ikke i FF..

Menuen er her : http://www.evisystems.org/?styleid=10

Og her er det CSS jeg bruger :
*************************************************
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(images/background/css-nav.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:50em
}
*****************************************************

Også HTML
*****************************************************
<div id="nav-menu" style="position:absolute; padding-left:30px; padding-top:20px;">
<ul>
<li><a href="content.php">Home</a></li>
<li><a href="forum.php">Forum</a></li>
<li><a href="blog.php">Blogs</a></li>
<li><a href="downloads.php">Download</a></li>
<li><a href="#"><s>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</s></a></li>
</ul>
</div>
<div id="nav-menu" style="position:absolute; padding-left:30px; padding-top:50px;">
<ul>
<li><a href="dev_style.php?do=products">Products</a></li>
<li><a href="dev_style.php?do=local">Local links</a></li>
<li><a href="dev_style.php?do=external">External</a></li>
<li><a href="dev_style.php?do=main">Live tests</a></li>
<li><a href="#"><s>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</s></a></li>
</ul>
</div>
*****************************************************

Nogle idér ?
Avatar billede swon Nybegynder
20. februar 2010 - 13:59 #1
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester