login  Naam:   Wachtwoord: 
Registreer je!
 Forum

img uitlijning

Offline Skelton - 08/09/2005 11:30
Avatar van SkeltonNieuw lid Hey,
Ik heb een probleem met het uitlijnen van een img op mijn site.
Ik doe dit dmv css, de img staat wel juist maar men layout wordt wat verknoeid 
heeft er iemand een oplossing?

In IE
In FF

Dit is de html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <title>PI Solutions :: Beheer</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <meta name="robots" content="noindex, nofollow" />
  7. <link href="http://www.pisolutions.be/style2.css" rel="stylesheet" type="text/css" />
  8. </head>
  9.  
  10. <body>
  11. <div id="layout">
  12. <div id="header">
  13. <h1>PI Solutions :: Beheer</h1>
  14.  
  15. </div>
  16. <div id="nav"><a href="index.php">Home</a> | <a href="news.php">News</a> | <a href="portfolio.php">Portfolio</a> | <a href="../index.php">User View</a></div>
  17. <h2>Portfolio</h2>
  18. <p><a href="http://www.pisolutions.be/beheer/portfolio.php?add=1">Add site</a></p>
  19.  
  20. <img src="http://www.pisolutions.be/img/portfolio/PCfaq.be.jpg" class="floatLeft" /><p><strong><a href="test" target="_blank">PCfaq.be</a></strong><br>
  21. Test</p>
  22. <div id="footer">&copy; 2005 PI Solutions</div>
  23. </div>
  24. </body>
  25. </html>


  1. body {
  2. font-family: Verdana, Arial, Helvetica, sans-serif;
  3. font-size: 70%;
  4. color: #000000;
  5. padding: 0px;
  6. margin: 0px;
  7. background-color: #CCCCCC;
  8. text-align: center;
  9. }
  10.  
  11. #header{
  12. margin: 0px;
  13. padding: 0px;
  14. }
  15.  
  16. #main{
  17. margin: 0px;
  18. padding: 0px;
  19. }
  20. #layout{
  21. margin: 0px auto;
  22. padding: 0px;
  23. background-color: #FFFFFF;
  24. width: 750px;
  25. border: 1px solid #666666;
  26. text-align: left;
  27. }
  28. h1 {
  29. font-size: 1.5em;
  30. margin: 5px 0px;
  31. padding: 0px 0px 0px 3px;
  32. color: #5F7686;
  33. }
  34. h2 {
  35. font-size: 1.2em;
  36. margin: 5px 0px;
  37. padding: 0px 0px 0px 3px;
  38. color: #19456F;
  39. }
  40. p {
  41. font-size: 1em;
  42. margin: 8px 0px;
  43. padding: 0px 0px 0px 3px;
  44. }
  45. a,a:link {
  46. color:#09c;
  47. font-size:11px;
  48. text-decoration:none;
  49. }
  50.  
  51. a:hover {
  52. color: #000000;
  53. }
  54. #footer {
  55. text-align: center;
  56. color: #FFFFFF;
  57. border-top: solid 1px #666;
  58. padding: 2px;
  59. font-size: 80%;
  60. background-color: #19456F;
  61. }
  62. #nav {
  63. border-bottom: solid 1px #666;
  64. border-top: solid 1px #666;
  65. padding-left: 5px;
  66. padding-top: 3px;
  67. padding-bottom: 3px;
  68. background-color: #19456F;
  69. color: #FFFFFF;
  70. }
  71.  
  72. img.floatLeft { float: left;
  73. margin: 4px; }


Alvast bedankt!

1 antwoord

Gesponsorde links
Offline bosgroen - 08/09/2005 18:34
Avatar van bosgroen Gouden medaille

PHP interesse
</p>
<div id="footer">&copy; 2005 PI Solutions</div>

verander eens in :

</p>
<br style="clear:all" />
<div id="footer">&copy; 2005 PI Solutions</div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.401s