Archief - Horizontal space tussen 2 DIV's

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
x

xGack

Legacy Member
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 =))
C

Curahee Q

Legacy Member
Denk aan je bladspiegel en gebruik op tijd en stond een witregel...

HTML: 
<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>

HTML: 
<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 is ;).

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;
}
Z

Zero Grav

Legacy Member
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.
C

Curahee Q

Legacy Member
Zero Grav zei:
- Lege divs wijzen meestal op foute code
Klik om te vergroten...

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?
Z

Zero Grav

Legacy Member
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.
x

xGack

Legacy Member
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 =)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan