PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
?

[css]Rechter menu uitlijnen lukt niet

Door Onbekende gebruiker op 04-03-2006 19:57 gewijzigd op 04-03-2006 20:06
452 views
Oke, omdat met tabellen werken blijkbaar niet meer kan ben ik met css begonnen. Ik heb al een eerste opzet geprobeerd maar het lukt niet om het rechter menu goed te krijgen.

Dit is mijn code tot nu toe:



* {
margin: 0px;
padding: 0px;
}
#header {
	height: 191px;
	min-width: 700px;
}
#menuLinks {
	border: 1px solid #999999;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
}
#inhoud {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 200px;
	float: none;
}
#footer {
	border: 1px solid #CCCCCC;
	margin: 0px 10px 0px 0px;
	height: 20px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#menuRechts {
	margin: 0px 10px 0px 0px;
	width: 200px;
	border: 1px solid #CCCCCC;
	float: right;
}


P
Pieter Boussaer
04-03-2006 20:00
van css weet ik niets maar de code doe je zo
[.code.] [/.code.]

zonder de punten hé

zo dus

<html>

* {
margin: 0px;
padding: 0px;
}
#header {
height: 191px;
min-width: 700px;
}
#menuLinks {
border: 1px solid #999999;
float: left;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 200px;
}
#inhoud {
border: 1px solid #CCCCCC;
margin: 0px 0px 0px 200px;
float: none;
}
#footer {
border: 1px solid #CCCCCC;
margin: 0px 10px 0px 0px;
height: 20px;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
}
#menuRechts {
margin: 0px 10px 0px 0px;
width: 200px;
border: 1px solid #CCCCCC;
float: right;
}
</html>
A
Arjan Kapteijn
04-03-2006 20:01
Voorbeeldje. Ik ben geen css-bikkel, dus er zijn vast andere nettere oplossing. Maar dit werkt ook ;)
?
Onbekende gebruiker
04-03-2006 20:05 gewijzigd op 04-03-2006 20:07
Arjan Kapteijn schreef op 04.03.2006 20:01
Voorbeeldje. Ik ben geen css-bikkel, dus er zijn vast andere nettere oplossing. Maar dit werkt ook ;)


Ja die heb ik ook, alleen het rechter menu wil niet op zijn plek gaan staan. En in je voorbeeld werken ze met een external stylesheet en daar kan ik niet inkijken.
Maar toch bedankt.
?
Onbekende gebruiker
04-03-2006 20:08 gewijzigd op 04-03-2006 20:10
Arjan Kapteijn schreef op 04.03.2006 20:07
Hoezo? de css staat er ook hoor klik :).


Hoe kom jij daar dan aan?
Als ik de bron bekijk zie ik geen css staan (FF)

Oh, je kijkt bij pagina-info en dan koppelingen?
A
Arjan Kapteijn
04-03-2006 20:10
Bovenaan de html code staat ergens:

<link rel="stylesheet" type="text/css" href="css2.css">

css2.css dus. Welke info heb je nogmeer nodig ;).
?
Onbekende gebruiker
04-03-2006 20:11
Arjan Kapteijn schreef op 04.03.2006 20:10
Bovenaan de html code staat ergens:

<link rel="stylesheet" type="text/css" href="css2.css">

css2.css dus. Welke info heb je nogmeer nodig ;).


sorry wist ik niet dat dit zo ging......:(
Weer wat bijgeleerd :)
Nu even in de code verdiepen ;)
-
- -
04-03-2006 20:17
is het niet iets van:

#menuRechts {
margin: 0px 10px 0px 0px;
width: 200px;
border: 1px solid #CCCCCC;
float: right;
margin-left: aantal pixels vanaf linkerrand;
}

Kijk anders op http://www.handleidinghtml.nl/
Daar staat een hoop op, ook over CSS
?
Onbekende gebruiker
04-03-2006 20:52 gewijzigd op 04-03-2006 20:52
ik ken geen andere manier dan met <link> om external stylesheets in te laden.

btw, je kunt beter op www.w3schools.com/css
hier

Reageren

Inloggen om te reageren