Content rechts van Menu...

Status
Niet open voor verdere reacties.
G

gast0204

Gebruiker
Lid geworden
27 okt 2008
Berichten
131
PHP WEBPAGINA:
HTML: 
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
  		<title></title>
		<meta http-equiv="Page-Enter" content="revealtrans(duration=0.0)" />
		<meta http-equiv="Page-Exit" content="revealtrans(duration=0.0)" />
  		<link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>


	<div id="useronline"><?php include'useronline.php'; ?></div>
<div id="container">


	<div id="logo"></div>
	<div id="menu">
		<div class="homebutton"><a href="home.php"></div>
		<div class="reparatiesbutton"><a href="reparaties.php"></div>
		<div class="assemblagebutton"><a href="assemblage.php"></div>
		<div class="thuiszorgbutton"><a href="thuiszorg.php"></div>
		<div class="contactbutton"><a href="contact.php"></div>
	</div>
	<div id="content">
	
		CSS bestand geoptimaliseerd.
		Moet alleen de links nog laten werken...
	
	
	
	
	
	</div>
	<div id="footer"></div>
</div>
</body>
</html>

CSS:
Code: 
*{margin:0;padding:0;}
body{font-size:62.5%;font-family:Verdana, Arial;background:url(Afbeeldingen/Header-Repeat.jpg) repeat-x #3b3636;background-position:0px 120px;}

.groen {color:green;}
.rood {color:red;}
.blauw {color:blue;}

#container {width:800px;margin-left:auto;margin-right:auto;margin-top:-11px;}
#logo{height:100px;background-image: url(Afbeeldingen/Logo.jpg);}

#useronline {margin-top:33px;margin-left:-130px;display:block;color:#3b3636;font-weight:bold;font-family:verdana, arial;font-size:11px;}

#menu {margin-top:-32;}

.homebutton a{float:left;display:block;width:161px;height:77px;background:url(Afbeeldingen/Menu/Home.jpg);}
.homebutton a:hover{background:url(Afbeeldingen/Menu/Home-Hover.jpg) no-repeat 0 0;}
.reparatiesbutton a{float:left;display:block;width:161px;height:77px;background:url(Afbeeldingen/Menu/Reparaties.jpg);}
.reparatiesbutton a:hover{background:url(Afbeeldingen/Menu/Reparaties-Hover.jpg) no-repeat 0 0;}
.assemblagebutton a{float:left;display:block;width:161px;height:77px;background:url(Afbeeldingen/Menu/Assemblage.jpg);}
.assemblagebutton a:hover{background: url(Afbeeldingen/Menu/Assemblage-Hover.jpg) no-repeat 0 0;}
.thuiszorgbutton a{float:left;display:block;width:161px;height:77px;background:url(Afbeeldingen/Menu/Thuiszorg.jpg);}
.thuiszorgbutton a:hover{background:url(Afbeeldingen/Menu/Thuiszorg-Hover.jpg) no-repeat 0 0;}
.contactbutton a{float:left;display:block;width:156px;height:77px;background:url(Afbeeldingen/Menu/Contact.jpg);}
.contactbutton a:hover{background: url(Afbeeldingen/Menu/Contact-Hover.jpg) no-repeat 0 0;}

#content{display:block;width:760px;height:450px;padding:20px;
font-family:verdana, arial;font-size:14px;font-weight:bolder;color:#3b3636;background:url(Afbeeldingen/Content.jpg);}

#footer{float:left;display:block;width:800px;height:34px;font-family:verdana, arial;font-size:14px;font-weight:bolder;color:#3b3636;background:url(Afbeeldingen/Footer/Footer.jpg);}
#footer:hover{background: url(Afbeeldingen/Footer/Footer-Hover.jpg);}
PROBLEEM:
www.djartistic.nl
Hier zie je de website zoals die hoort te zijn. Maar de links doen het niet.
Toen ik die veranderd heb, kreeg ik de hele content rechts naast het menu, over de laatste
button heen...
Ik had hem wel gewoon werkende, maar heb zelf weer wat veranderd met containers enzo.
De container div die pakt alleen het logo en het menu terwijl de content en footer er wel degelijk in zitten. Maar als ik dus een border eromheen maak pakt ie die alleen...
Daarnaast toen ik een border om de content heen deed (border:solid thin red) toen stond ie ineens op zijn plaats...
De afbeelding (content) is wel degelijk 800px breed...Maar blijkbaar moet ik hem dus 4px breder maken om hem goed te krijgen...maar dan zit het laatste menuplaatje weer helemaal linksboven van de content...

Ik ben aardig bekend met css, maar hier kom ik even niet verder uit...
Als iemand me zou kunnen helpen door te zeggen wat ik nou verkeerd heb gedaan, graag!
Alvast bedankt!
 
Laatst bewerkt:
Een URL hoort ook zo te zijn:
PHP: 
<a href="{pagina}">iets</a>
 
Tha Devil zei:
Een URL hoort ook zo te zijn:
PHP: 
<a href="{pagina}">iets</a>
Klik om te vergroten...

En hoe in de CSS dan?

HAHA, laat maar...
Had even eentje eerst gedaan...
ben gewoon de </a> vergeten.
Hele probleem is nu opgelost. Gaat het allemaal eerst even uploaden...
Thanks m8!
 
Laatst bewerkt:
Voor de correctie zou je dan nog een &nbsp; binnen de <a> moeten/kunnen zetten.

Ik meende dat een <a> namelijk niet leeg mag zijn, dus met een &nbsp; vul je hem met een spatie.

Gooi hem anders eens door de W3C Validator: http://validator.w3.org/
 
Tha Devil zei:
Voor de correctie zou je dan nog een &nbsp; binnen de <a> moeten/kunnen zetten.

Ik meende dat een <a> namelijk niet leeg mag zijn, dus met een &nbsp; vul je hem met een spatie.

Gooi hem anders eens door de W3C Validator: http://validator.w3.org/
Klik om te vergroten...

Ey, dat vroeg ik me nou af he. Waarom is die validator er? Ik heb wel al gekeken hoor
en snap niet helemaal wat het nut is om hem daardoorheen te halen?
Beveiliginglekken?

ps: site is nu weer volledig in orde, nogmaals bedankt.
 
Een website moet in principe volgens richtlijnen worden opgebouwd.

Deze richtlijnen staan in het DOCTYPE.
Wat de validator doet is de inhoud controleren met het DOCTYPE en de fouten weergeven.

Een gevalideerde website moet in elke browser goed worden weergegeven.
De meeste browsers hanteren de W3C regels.
 
Ik wil je er nog graag even op wijzen dat in FF (3.0.6) je inlog/registratie menu niet correct wordt weergegeven (te ver naar boven, te ver naar rechts en achter de menubalk).

Controleer je de weergave van je site altijd in verschillende browsers?
 
ErikBooy007 zei:
Ik wil je er nog graag even op wijzen dat in FF (3.0.6) je inlog/registratie menu niet correct wordt weergegeven (te ver naar boven, te ver naar rechts en achter de menubalk).

Controleer je de weergave van je site altijd in verschillende browsers?
Klik om te vergroten...

Ik controleer altijd in safari, firefox en ie. Maar goed, ben aan het *****n ermee.
Komt vanzelf wel goed hoor. Toch bedankt voor de reactie...ik denk dat je nou net iets zag van het gedeelte waarvan ik in de tussentijd dat ik bezig was lol.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan