login  Naam:   Wachtwoord: 
Registreer je!
 Forum

divs centreren niet (Opgelost)

Offline san - 24/12/2008 00:22
Avatar van sanHTML interesse Ziet iemand wat het probleem is??? Het is de bedoeling dat de adres gegevens met de afbeelding ernaast gecentreerd worden op de bladzijde. Maar zij komen wel naast elkaar maar niet gecentreerd maar links van de bladzijde.
Verder is er binnen de border van de afbeelding een leeg stukje terwijl de afbeelding wel degelijk 100x150 is.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2.  
  3. .adres {
  4. font-size: 13pt;
  5. font-style: italic;
  6. font-weight: bold;
  7. text-align: left;
  8. font-family: arial, verdana;
  9. color: #000000;
  10. margin-top: 30px;
  11. float: left;
  12. }
  13.  
  14. a:link, a:visited {
  15. font-size: 14pt;
  16. font-style: italic;
  17. font-weight: bold;
  18. font-family: arial, verdana;
  19. color: #000000;
  20. float: left;
  21. }
  22.  
  23. a:hover, a:active{
  24. font-size: 14pt;
  25. font-style: italic;
  26. font-weight: bold;
  27. font-family: arial, verdana;
  28. color: #FFFFFF;
  29. float: left;
  30. }
  31.  
  32. </style>
  33.  
  34. </head>
  35.  
  36. <body id="mail" link="#FF8800" alink="#FF8800" vlink="#FF8800" onLoad="initForms();">  
  37.  
  38. <div id="wrapper_thumb">
  39.     <div id="model.nonCSS.idplateEnabled">
  40.     <div class="logo"> 
  41.       <div style="text-align: center"><img width="568" height="48" class="pngDelayDisplay" src="content/logo.png" alt="">
  42.     </div>
  43.    </div>
  44. </div>
  45.  
  46.   <div id="sitetitle"> 
  47.     <h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor" align="center">  
  48.     <i>Contact</i></h1>     
  49.   </div> 
  50.  
  51. <div style="text-align: center;"> 
  52. <div class="adres">
  53. Naam
  54. <br>Adres
  55. <br>Woonplaats
  56. <br>Telnr
  57. <br><a href="mailto:info@email.nl">info@email.nl</a>                        
  58. </div>              
  59.  
  60. <div style="margin-left: 50px; margin-top: 30px; border: solid 2px black; float: left;">                
  61. <img src="menu/menufoto/menu8.jpg" height="100" width="150" alt="">                
  62. </div></div>

3 antwoorden

Gesponsorde links
Offline zointer - 24/12/2008 00:40 (laatste wijziging 24/12/2008 00:49)
Avatar van zointer HTML gevorderde Alstublief en de rest is voor u.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="margin:auto; width:325px; height:150px;"> 
  2.  
  3.      <div class="adres" style="width:170px; height:100px;">
  4.           Naam<br>
  5. 	   Adres<br>
  6. 	   Woonplaats<br>
  7. 	   Telnr<br>
  8. 	   <a href="mailto:info@email.nl">info@email.nl</a>                        
  9.      </div>              
  10.  
  11.      <div style="margin-top: 30px; border: solid 2px black; width:150px; float: left;">                
  12.         <img src="menu/menufoto/menu8.jpg" height="100" width="150" alt="">                
  13.      </div>
  14.  
  15. </div>

Leer eens netter scripten

edit code verbeter.
Offline san - 24/12/2008 01:05 (laatste wijziging 24/12/2008 01:15)
Avatar van san HTML interesse
Offline zointer - 24/12/2008 01:18 (laatste wijziging 24/12/2008 01:19)
Avatar van zointer HTML gevorderde Nee text-align moet je niet gebruiken om een div te centreren, je moet de buitenste div een breedte geven en een margin, de adres div geef je ook een breedte mee die iets breder is dan de tekst voor tussen spatie met de image, de image div geef je dan geen margin-left mee is onnodig dan.
Zie hier maar naar de oplossing.

edit; dus wel zoals ik al zei. 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.181s