login  Naam:   Wachtwoord: 
Registreer je!
 Forum

images (Opgelost)

Offline joeyask - 13/04/2010 22:00
Avatar van joeyaskOnbekend heey sm,

ik ben bezig met een site,
en daar staat een plaatje in die ik heb gecentreerd,
alleen hij staat in plaats van in het midden, teveel naar rechts.

iemand enig idee hoe ik die tog in het midden kan krijgen?

6 antwoorden

Gesponsorde links
Offline vinTage - 13/04/2010 22:13
Avatar van vinTage Nieuw lid centreren en niet in de midden staan? lekker wazig 

css code - Bekijk de code zonder highlighting - Klap code in 
  1. width:xxxpx; /*verplicht ism onderstaande*/
  2. margin:auto;
Offline joeyask - 13/04/2010 22:19 (laatste wijziging 13/04/2010 22:20)
Avatar van joeyask Onbekend ik zal screen maken:

http://nl.tinypic.com/view.php?pic=e71lvs&s=5
Offline larssy1 - 13/04/2010 22:19 (laatste wijziging 13/04/2010 22:21)
Avatar van larssy1 MySQL beginner hoi joey,

Iets meer details zou zeer van pas komen.
Bijv. Gebruik je <table> of <div> codering.

En zou je aub je css + index + plaatje kunnen posten?
Lange codes aub op plaatscode.be
------------------
margin-left: - (helft pixels van je afbeelding)

bijv:
afbeelding breedte: 200

margin-left: -100px;
Offline joeyask - 13/04/2010 22:21
Avatar van joeyask Onbekend
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "NL">
  2.  
  4. <title>mijn scooter</title>
  5. <link rel="stylesheet" href="style.css" type="text/css" />
  6.  
  7. </head>
  8.  
  10. <div class="container c3">
  11. <h2>mijn scooter!</h2>
  12. dit is mijn scooter.<br />
  13. het is een keeway f-act 50.<br />
  14. loopt 67 op de teller<br>
  15. mooie kleur blauw<br>
  16. bouwjaar 2008.<br /><br />
  17.  
  18. <img src="C:\Users\joey\Desktop\webdesign\web\scooter.jfif" width="350" height="230"/>
  19. <table class="c1" border="1" style="float:left;" >
  20. <tr>
  21. <td>
  22. &bull; <a href="1e.htm">mijn scooter</a></tr>
  23. <tr>
  24. <td>
  25. &bull; meer foto's</td>
  26. <tr>
  27. <td>
  28. &bull; <a href="3e.htm">over mij</a></td></tr>
  29. </table><br>
  30. <a href="mailto:joey_de_best1@hotmail.com">mail voor tips!</a>
  31. </div>
  32. </body>
  33. </html>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. body {color:white; font-family:verdana; background-color:#333333;}
  2.  
  3. h2 {color:#993333; font-family:times new roman; font-style:italic;}
  4.  
  5. div
  6.  
  7.  
  8.  
  9. a:link { color: red }
  10. a:visited { color: gray}
  11. a:hover { color: purple }
  12. a:active { color: green }
  13.  
  14. .container {
  15. margin: -19px auto;
  16. border: 1px solid #white;
  17. width: 920px;
  18. height: 455px;
  19. background-color:black;
  20. position: center;
  21. }
  22.  
  23. .rood {color:rood;}
  24.  
  25. div.c3 {text-align: center;}
  26. .c1{background-color: black; text-align: left; margin: 30px;}
Offline larssy1 - 13/04/2010 22:31
Avatar van larssy1 MySQL beginner Astu 

Zelf getest , werkt goed hier (zie http://83.119.181.103/asdf)

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "NL">
  2.  
  3. <head>
  4. <title>mijn scooter</title>
  5. <link rel="stylesheet" href="style.css" type="text/css" />
  6.  
  7. </head>
  8.  
  9. <body>
  10. <div class="container c3">
  11. <h2>mijn scooter!</h2>
  12. dit is mijn scooter.<br />
  13. het is een keeway f-act 50.<br />
  14. loopt 67 op de teller<br>
  15. mooie kleur blauw<br>
  16. bouwjaar 2008.<br /><br />
  17.  
  18. <img src="http://www.chesterfield.nl/images/meubel_normaal/Cornham4%20350x230.jpg" class="img_" />
  19. <table class="c1" border="1" style="float:left;" >
  20. <tr>
  21. <td>
  22. &bull; <a href="1e.htm">mijn scooter</a></tr>
  23. <tr>
  24. <td>
  25. &bull; meer foto's</td>
  26. <tr>
  27. <td>
  28. &bull; <a href="3e.htm">over mij</a></td></tr>
  29. </table><br>
  30. <a href="mailto:joey_de_best1@hotmail.com">mail voor tips!</a>
  31. </div>
  32. </body>
  33. </html>

css code - Bekijk de code zonder highlighting - Klap code in 
  1. body {color:white; font-family:verdana; background-color:#333333;}
  2.  
  3. h2 {color:#993333; font-family:times new roman; font-style:italic;}
  4.  
  5. div
  6.  
  7.  
  8.  
  9. a:link { color: red }
  10. a:visited { color: gray}
  11. a:hover { color: purple }
  12. a:active { color: green }
  13.  
  14. .container {
  15. margin: -19px auto;
  16. border: 1px solid #white;
  17. width: 920px;
  18. height: 455px;
  19. background-color:black;
  20. position: center;
  21. }
  22.  
  23. .rood {color:rood;}
  24.  
  25. div.c3 {text-align: center;}
  26. .c1{background-color: black; text-align: left; margin: 30px;}
  27.  
  28. .img_
  29. {
  30. 	width: 350px;
  31. 	height: 230px;
  32. 	margin-left: -175px;
  33. }
Offline joeyask - 13/04/2010 22:35
Avatar van joeyask Onbekend super bedankt hij werkt!!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.27s