login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatsing van divjes.

Offline Nitram - 10/09/2008 16:52 (laatste wijziging 10/09/2008 16:52)
Avatar van NitramNieuw lid Ben pas sinds kort bezig met websites maken in html/css. En nu stuit ik tegen een probleem. Het ziet er nu zo uit: http://i34.tinypic.com/350nk0h.jpg

Het probleem is dus dat ik de tekst in het midden van me scherm wil hebben. Maar dat lukt me dus niet. Als ik margin 0px auto doe dan gaat me nav bar weg.


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  3. <link rel="stylesheet" href="sitestyle2.css">
  4. <ul id="nav">
  5.    <li id="nav-home"><a href="#">Home</a></li>
  6.    <li id="nav-about"><a href="#">About</a></li>
  7.   <li id="nav-archive"><a href="#">Archive</a></li>
  8.   <li id="nav-lab"><a href="#">Lab</a></li>
  9.    <li id="nav-reviews"><a href="#">Reviews</a></li>
  10.    <li id="nav-contact"><a href="#">Contact</a></li>
  11.    </ul>
  12.  
  13. <title>WEB 2.0 en SEO VALID lay-out</title>
  14.     <style type="text/css">
  15.             body{
  16.                 color: #000000;
  17.                 font-family:Verdana, Times, serif;
  18.                 font-size: 12px;
  19.                 background-color:#000000;
  20.             }
  21.             .header{
  22.                 background-image:url("http://i33.tinypic.com/wbytjq.jpg");
  23.                 position:absolute;
  24.                 top: 0px;
  25.                 right: 0px;
  26.                 left: 0px;
  27.                 height:150px;
  28.             }
  29.             .content{
  30. 	position:relative;
  31. 	background-color: #006600;
  32. 	padding:5px;
  33. 	width: 770px;
  34. 	margin: 200px auto;
  35. }
  36.         </style>
  37. </head>
  38.  
  40.         <div class="header">
  41.             <IMG SRC="feyenoord.jpg" ALT="Foto van mij" WIDTH="148" HEIGHT="148"><!--Logo en navigation komt hier-->
  42.         </div>
  43.  
  44.     <div class="content">
  45.          tekst
  46.    </div>
  47.     <div align="left"></div>
  48. </body>
  49. </html>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. .header{
  2.     background-image:url("http://i33.tinypic.com/wbytjq.jpg");
  3.     position:absolute;
  4.     top: 0px;
  5.     right: 0px;
  6.     left: 0px;
  7.     height:150px;
  8. }
  9. .content{
  10.     position:absolute;
  11.     background-color: #006600;
  12.     top: 200px;
  13.     left:100px;
  14.     right:100px;
  15.     padding:5px;
  16. }
  17. body{
  18.     color: #413f3f;
  19.     font-family:Verdana, Times, serif;
  20.     font-size: 12px;
  21.     background-color:#000000;
  22. }
  23. #nav {
  24. 	margin:0;
  25. 	padding:0;
  26. 	float:left;
  27. 	width:100%;
  28. 	border:1px solid #42432d;
  29. 	border-width:1px 0;
  30. }
  31. #nav li {
  32. 	padding:0;
  33. 	margin:0;
  34. }
  35. #nav a:link,
  36. #nav a:visited {
  37.    color:#000;
  38.    background:#006600;
  39.    padding:20px 40px 4px 10px;
  40.    float:left;
  41.    width:auto;
  42.    border-right:1px solid #42432d;
  43.    text-decoration:none;
  44.    font:bold 1em/1em Arial, Helvetica, sans-serif;
  45.    text-transform:uppercase;
  46.    text-shadow: 2px 2px 2px #555;
  47. }
  48. #nav li:first-child a {
  49. 	border-left:1px solid #42432d;
  50. }
  51. #nav a:hover {
  52. 	color:#fff;
  53. 	background:#727454;
  54. }


Iemand enig idee? Bedankt alvast.

1 antwoord

Gesponsorde links
Offline Martijn - 10/09/2008 17:17
Avatar van Martijn Crew PHP wat doet regel 4 toto 11? dat hoort helemaal niet in een head...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s