Thread: Horizontal space tussen 2 DIV's
-
31-01-2010, 17:30 #1Member
- Registered
- 06/11/03
- Location
- Aartselaar
- Posts
- 1,552
- iTrader
- 88 (98%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Horizontal space tussen 2 DIV's
Hoe krijg ik de horizontal space weg tussen 2 DIV's die horizontaal naast elkaar liggen?
Hier is de link:
xGack
-> Dus tussen menu en navigatie (CSS is wel beetje onduidelijk maar oke.. )
(Mensen die mij nog kennen van de vorige vragen, nadat ik inderdaad doorhad dat div's 'the way to go' waren, ben ik mijn website helemaal opnieuw aan het opbouwen in css. En hou in het achterhoofd dat dit nog altijd allemaal nieuw is voor mij =))
no votes
-
-
31-01-2010, 17:51 #2
Denk aan je bladspiegel en gebruik op tijd en stond een witregel...
HTML Code:<div id="headertop"></div> <div id="headermiddle"> <div id="menupicture"><img src="http://xgack.be/header/1.jpg"/></div> <div id="nav"> <ul class="menu1"> <li><a href="http://xgack.be/blog.php">Blog</a></li> <li><a href="http://xgack.be/market.php">Market</a></li> <li><a href="http://xgack.be/projects.php">Projects</a></li> <li><a href="http://xgack.be/collection.php">Collection</a></li> </ul> </div> </div>
Aan u de keuze wat het meest overzichtelijke isHTML Code:<div id="headertop"></div> <div id="headermiddle"> <div id="menupicture"><img src="http://xgack.be/header/1.jpg"/></div> <div id="nav"> <ul class="menu1"> <li><a href="http://xgack.be/blog.php">Blog</a></li> <li><a href="http://xgack.be/market.php">Market</a></li> <li><a href="http://xgack.be/projects.php">Projects</a></li> <li><a href="http://xgack.be/collection.php">Collection</a></li> </ul> </div> </div>
.
Waarom ook altijd bij een url verwijzen naar je domeinnaam? <a href="blog.php">Blog</a> zal wel volstaan zeker.
In plaats van float right in je #nav moet je een float left doen...
#nav {
width: 637px;
float:left;
text-align:center;
margin-left: 0px;
}no votes
-
31-01-2010, 17:56 #3Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Paar sidenotes:
- headertop, headermiddle zijn layoutnamen. Volgende week verandert ge uw layout en zet ge headertop links en headermiddle rechts door middel van CSS en slaan die namen nergens meer op.
- Lege divs wijzen meestal op foute code
- menu1 is ook weer zo'n naam die vrij weinig zegt over de inhoud, hoofdmenu ofzo is veel logischer als ge verschillende menu's gaat hebben. De omringende nav div is wellicht overbodig.no votes
-
31-01-2010, 18:05 #4
En een div als (bijvoorbeeld)
div.spacer {
height: 10px;
clear: both;
}
<div class="spacer"></div>
Ik kan precies toch wel een paar dingen vinden waarbij een lege div kan gebruikt worden. Een div met een achtergrond image waar je niets meer op moet zetten?no votes
-
31-01-2010, 18:10 #5Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
m-m-m-meestal
't Kan voor komen, al hangt het van de situatie af wat ik ervoor zou gebruiken. Als er helemaal niets in moet komen en 't is bijvoorbeeld om ergens een schuine border aan toe te voegen dan ga ik eerder voor een span, gewoon omdat die volledig verdwijnt als uw CSS wegvalt.
En spacers natuurlijk.
Maar sowieso nooit een volledig leeg element gebruiken, altijd &# 160 (zonder spatie)* als het dan toch moet. Sommige browsers kunnen lege elementen gewoon negeren.Last edited by Zero Grav; 31-01-2010 at 22:22. Reason: Mijn &# 160 was verwerkt
no votes
-
31-01-2010, 21:58 #6Member
- Registered
- 06/11/03
- Location
- Aartselaar
- Posts
- 1,552
- iTrader
- 88 (98%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Die lege DIV daar komt nog wat maar heb nog geen tijd gehad om het erin te zetten.
Allesinds al bedankt allemaal voor de snelle reacties en nuttige tips.
Heb het aangepast die float maar er blijft spatie tussen zitten?
EDIT: Der zat een border: 1px in menu1 class, eruit gehaald en nu geen spatie meer =)Last edited by xGack; 31-01-2010 at 22:13.
no votes
