login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem centreren div's

Offline gamertje - 22/11/2013 13:45 (laatste wijziging 22/11/2013 13:46)
Avatar van gamertjeNieuw lid Beste mensen,

Ik heb een gecentreerde site enkel krijg ik het niet voor me kaar. De onderstaande div's te centeren

Zie foto

[img]http://i44.tinypic.com/svjt06.png[/img]

De volgende code heb ik nu

html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="box">

  2.     <div class="vak">

  3.         <img src="images/project3.jpg" height="175px" width="175px"></img>

  4.            Competenties lalalalallala

  5.  
  6. </div>

  7.  
  8.  <div class="vak">

  9.         <img src="images/project3.jpg" height="175px" width="175px"></img>

  10.            Competenties lalalalallala

  11.  
  12. </div>

  13.  
  14.  <div class="vak">

  15.         <img src="images/project3.jpg" height="175px" width="175px"></img>

  16.            Competenties lalalalallala

  17.  
  18. </div>

  19. </div>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. .box {
  2. 				position: relative;
  3. 				width: 980px;
  4. 				margin: 0 auto;
  5. 	}
  6. .vak {
  7. 				float: left;
  8. 				margin: auto;
  9. 				background-color:red;
  10. 				width: 225px;
  11. 				height:225px;
  12. 				border-radius:5px;
  13. 				border: 1px solid #DBDBDB;	
  14.  
  15. }

3 antwoorden

Gesponsorde links
Offline Thomas - 22/11/2013 14:13 (laatste wijziging 22/11/2013 14:17)
Avatar van Thomas Moderator Works for me? De box-div wordt horizontaal gecentreerd, daarin wordt de div vanaf de linkerkant gevuld met gefloate divs? Wellicht werkt het niet omdat je width="...px" en height="...px" gebruikt, en een sluitingstag voor images? Dit lijkt mij niet-kloppende HTML.

Probeer het eens zo:
<img src="images/project3.jpg" height="175" width="175" />

EDIT: als je de vak-divs ook wilt centreren (en daarin de afbeeldingen wederom wilt centreren) kun je gebruik maken van margins en paddings, immers, je box-div heeft een vaste (horizontale) afmeting.
Offline gamertje - 24/11/2013 20:39
Avatar van gamertje Nieuw lid Het is al gelukt
Offline Thomas - 25/11/2013 12:43 (laatste wijziging 25/11/2013 12:43)
Avatar van Thomas Moderator Zou je aan kunnen geven hoe je dit hebt opgelost ter leeringh ende vermaeck en/of dit topic als opgelost kunnen markeren?

bvd
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s