1. #1
    xGack's Avatar
    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  

  2. #2
    Curahee Q's Avatar
    Registered
    07/12/07
    Location
    Hoogstraten
    Posts
    854
    iTrader
    0
    Mentioned
    0 Post(s)
    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>
    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 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;
    }
    no votes  

  3. #3
    Zero Grav's Avatar
    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  

  4. #4
    Curahee Q's Avatar
    Registered
    07/12/07
    Location
    Hoogstraten
    Posts
    854
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by Zero Grav
    This quote is hidden because you are ignoring this member. Show
    - Lege divs wijzen meestal op foute code
    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  

  5. #5
    Zero Grav's Avatar
    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  

  6. #6
    xGack's Avatar
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in