aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

css menu

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

css menu

Berichtdoor mats » 21 sep 2006 20:23

hallo iedereen , ben weer is beginen scripten en heb het volgende probleem:
[code="css"]
.vnav
{
font-family: verdana, helvetica, sans-serif;
font-size: 70%;
line-height: 19px;
/*/*/ /*/line-height: 120%;/* NS4 doet er teveel ruimte tussen */
}
.vnav ul, .vnav ul li
{
font-family: verdana, helvetica, sans-serif;
margin: 0;
padding: 0;
list-style-type: none;
display: inline;

}
.vnav ul
{
}
.vnav ul li
{
height: 19px;
}
.vnav ul li a
{
display: inline;
text-decoration: none;
padding: 2px 10px;
}
/* Verberg voor IE-mac \*/
* html .vnav ul li a/* Verberg voor IE 5.0 */ {height: 1%;}
/* Stop verbergen */
.vnav ul li a
{
border-right: solid 1px #414141;
color: #ffffff;
background-color: #333333;
}
.vnav ul li a:hover
{
border-right: solid 1px #414141;
background-color: #414141;
color: #fffff;
}
[/code]
[code="html"]
<div class="vnav" >
<ul>
<li><a href="#">Home</a></li>
<#">Uren</a></li>
<li><a href="#">Plaats</a></li>
<li><a href="#">Foto's</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
[/code]


Ik wil namelijk dat het weergeeft zoals in ie maar in ff komt hij nooit goed (sorry voor de wat rommelige code) .(oorspronkelijke code was van anthony denk ik maar die heb ik nier meer Smile)

Alvast bedankt voor je hulp.

Edit:
Css heb ik een beetje overzichtelijker gemaakt , alvast bedankt
Avatar gebruiker
mats
wmpr
 
Berichten: 3748
Geregistreerd: 19 sep 2004 12:00

Re: css menu

Berichtdoor mats » 22 sep 2006 20:08

Probleem opgelost , heb even gezoek via google , broncodes bekeken , atc...

Voor mensen die het intresant vinden:
[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#pointermenu{
margin: 0;
padding: 0;

}

#pointermenu ul{
margin: 0;
margin-left: 15px; /*menu offset from left edge of window*/
float: left;
padding-left: 0px;
font-family: verdana, helvetica, sans-serif;
font-size: 70%;
background-color: #333333;
}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu ul li{
display: inline;
}


#pointermenu ul li a{
border-right: solid 1px #414141;
float: left;
color: white;
padding: 5px 10px 7px 7px;
text-decoration: none;
}

#pointermenu ul li a:visited{
color: white;
}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
border-right: solid 1px #414141;
color: white;
background-color: #414141;
}


-->
</style>

</head>
<body>
<div id="pointermenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Uren</a></li>
<li><a href="#">Plaats</a></li>
<li><a href="#">Foto's</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
[/code]
Avatar gebruiker
mats
wmpr
 
Berichten: 3748
Geregistreerd: 19 sep 2004 12:00


Keer terug naar HTML, CSS, Javascript



cron