login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > HTML & CSS

images (Opgelost)

joeyask – 13/04/2010 22:00
Offline offline




Onbekend
 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
Daisycon - Verdien geld met uw website

vinTage – 13/04/2010 22:13
Offline offline



Nieuw lid
centreren en niet in de midden staan? lekker wazig 

  1. width:xxxpx; /*verplicht ism onderstaande*/
  2. margin:auto;

joeyask – 13/04/2010 22:19 (Laatst gewijzigd op 13/04/2010 22:20)
Offline offline



Onbekend

larssy1 – 13/04/2010 22:19 (Laatst gewijzigd op 13/04/2010 22:21)
Offline offline



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;

joeyask – 13/04/2010 22:21
Offline offline



Onbekend
 
  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>



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

larssy1 – 13/04/2010 22:31
Offline offline



MySQL beginner
 Astu 

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

  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>


  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. }

joeyask – 13/04/2010 22:35
Offline offline



Onbekend
super bedankt hij werkt!!

Gesponsorde links

Dit onderwerp is gesloten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.096s