Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

Menu wilt niet lukken...:(

kasper90 - 30/08/2007 16:43

Nieuw lid

Ik probeer een menuutje te maken met css, maar het wil voor geen meter lukken. Op deze site is die te zien:
http://www.meputrecht.nl/MK/MEP/index.php
En hier is de broncode:

style.css

css code - Bekijk de code zonder highlighting - Klap code in

                * {margin: 0; padding: 0;}
#nav ul {
	background-color: rgb(0,50,80);
	position:relative;
	top:94px;
	font-size:12px;
	z-index:1;
	width:265px;
	height: 20px;
}
#nav ul li {
	display:inline;
	list-style-type: none;
	background-color: rgb(0,50,80);
	border: 1px solid black;
	height:20px;
}
#nav ul li a {
	color: #f5ab1d;
	text-decoration: none;
}
            
* {margin: 0; padding: 0;}
#nav ul {
	background-color: rgb(0,50,80);
	position:relative;
	top:94px;
	font-size:12px;
	z-index:1;
	width:265px;
	height: 20px;
}
#nav ul li {
	display:inline;
	list-style-type: none;
	background-color: rgb(0,50,80);
	border: 1px solid black;
	height:20px;
}
#nav ul li a {
	color: #f5ab1d;
	text-decoration: none;
}
 

En hier is het html bestand:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Index</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
li {background-color: blue;}
</style>
</head>

<body>
<div id="wrapper">
<div id="logo">
<div id="nav">
<ul>
	<li><a href="?page=Home">Home</a></li>
	<li><a href="?page=Actueel">Actueel</a></li>
	<li><a href="?page=Forum">Forum</a></li>
	<li><a>Informatie</a></li>
        <li><a href="?page=Foto's">Foto's</a></li>
</ul>
</div>
</div>

</div>
</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
<title>Index</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
li {background-color: blue;}
</style>
</head>
 
<body>
<div id="wrapper">
<div id="logo">
<div id="nav">
<ul>
	<li><a href="?page=Home">Home</a></li>
	<li><a href="?page=Actueel">Actueel</a></li>
	<li><a href="?page=Forum">Forum</a></li>
	<li><a>Informatie</a></li>
        <li><a href="?page=Foto's">Foto's</a></li>
</ul>
</div>
</div>
 
</div>
</body>
 
</html>

Het rare is dat in FF niet de borders tegen elkaar aan gaan en in IE wel. Hoe zorg ik ervoor dat dit wel lukt. Margin staat op 0 pixels. Dan zouden ze toch tegen elkaar aan moeten komen..

3 antwoorden

Gesponsorde links

Voldemort - 30/08/2007 20:39
PHP ver gevorderde		In deze tutorial gebruiken ze een soortgelijke code, misschien kan je hiermee wat experimenteren: http://www.site...eudo_class

kasper90 - 31/08/2007 13:03

Nieuw lid

Ik kom er echt totaal niet uit. Dit hele simpele bestandje ziet er in FF en IE echt totaal verschillend uit. Weet iemand hoe dit komt? En vooral hoe ik dit op kan lossen?
Zie ook: http://www.meputrecht.nl/MK/MEP/oef.html

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
ul {
	top: 100px;
	}
li {
	top: 100px;
	display:inline;
	border: 1px solid black;
	}
</style>

</head>

<body>
<ul>
	<li>Home</li>
	<li>Actueel</li>
	<li>Forum</li>
	<li>Informatie</li>
	<li>Foto's</li>
</ul>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
<title>Untitled</title>
<style type="text/css">
ul {
	top: 100px;
	}
li {
	top: 100px;
	display:inline;
	border: 1px solid black;
	}
</style>
 
</head>
 
<body>
<ul>
	<li>Home</li>
	<li>Actueel</li>
	<li>Forum</li>
	<li>Informatie</li>
	<li>Foto's</li>
</ul>
</body>
</html>

JoWannes - 31/08/2007 19:07
HTML interesse		Ik gebruik op mijn site het menu van deze tutorial Is volledig HTML en CSS, komt geen javascript aan te pas. Is simpel te maken, wel niet vergeten het laatste onderaan de pagina te doen, anders werkt de menubalk enkel in Firefox en Opera, niet in Internet Explorer. Voorbeeld op mijn site: klik

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten