login  Naam:   Wachtwoord: 
Registreer je!
 Forum

ik moet in een layout een nieuws en agenda naast elkaar hebben staan, wie kan mij helpen (Opgelost)

Offline webdesigner - 07/10/2012 15:26 (laatste wijziging 07/10/2012 16:12)
Avatar van webdesignerNieuw lid dit heb ik gebouwd alleen er moet nog iets bijgevoegd worden.

dit is mij html pagina

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Sander van den Berg</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <link rel="stylesheet" type="text/css" href="styles.css" />
  7. </head>
  9. <!-- Begin Wrapper -->
  10. <div id="wrapper">
  11.   <!-- Begin Header -->
  12.   <div id="header"><h1><a href="http://www.geen.nl">Sander van den Berg</a></h1></div>
  13.   <!-- End Header -->
  14.   <!-- Begin Navigation -->
  15.   <div id="navigation"> Navigation Here </div>
  16.   <!-- End Navigation -->
  17.   <!-- Begin Faux Columns -->
  18.   <div id="faux">
  19.     <!-- Begin Left Column -->
  20.     <div id="leftcolumn">Left Column</div>
  21.     <!-- End Left Column -->
  22.     <!-- Begin Content Column -->
  23.     <div id="content">
  24.       <h1>Column</h1>
  25.       <p></p>
  26.       </ul>
  27.     </div>
  28.     <!-- End Content Column -->
  29.     <!-- Begin Right Column -->
  30.     <div id="rightcolumn">Right Column</div>
  31.     <!-- End Right Column -->
  32.   </div>
  33.   <!-- End Faux Columns -->
  34.   <!-- Begin Footer -->
  35.   <div id="footer"> This is the Footer </div>
  36.   <!-- End Footer -->
  37.  </div>
  38. <!-- End Wrapper -->
  39. </body>
  40. </html>


en dit is de css

css code - Bekijk de code zonder highlighting - Klap code in 
  1. * { padding: 0; margin: 0; }
  2.  
  3. body {
  4.  font-family: Arial, Helvetica, sans-serif;
  5.  font-size: 13px;
  6. }
  7. #wrapper { 
  8.  margin: 0 auto;
  9.  width: 922px;
  10. }
  11. #faux {
  12.  background: url(faux-2-3-col.gif);
  13.  margin-bottom: 0px;
  14.  overflow: auto; 
  15.  width: 100%
  16. }
  17. #header {
  18.  color: #333;
  19.  width: 902px;
  20.  padding: 10px;
  21.  height: 100px;
  22.  margin: 10px 0px 0px 0px;
  23.  background: #FFFFFF;
  24. }
  25. #navigation {
  26.  color: #333;
  27.  padding: 10px;
  28.  margin: 0px 0px 0px 0px;
  29.  background: #FFFFFF;
  30. }
  31. #leftcolumn { 
  32.  display: inline;
  33.  color: #333;
  34.  margin:10px;
  35.  padding:0;
  36.  width: 195px;
  37.  float: left;
  38. }
  39. #content { 
  40.  float: left;
  41.  color: #333;
  42.  margin: 10px 13px;
  43.  padding:0;
  44.  width: 460px;
  45.  display: inline;
  46.  position: relative;
  47. }
  48. #rightcolumn { 
  49.  display: inline;
  50.  position: relative;
  51.  color: #333;
  52.  margin: 10px 10px 10px 0px;
  53.  padding:0;
  54.  width: 195px;
  55.  float: right;
  56. }
  57. #footer { 
  58.  width: 902px;
  59.  clear: both;
  60.  color: #333;
  61.  background: #FFFFFF;
  62.  margin: 0px 0px 10px 0px;
  63.  padding: 10px;
  64. }
  65. .clear { clear: both; background: none; }


alleen bij de middel column moet er onder de middel column twee balkjes komen met kort nieuws en agenda. Kan iemand mij helpen.

gr sander

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s