login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS kan tabel vervangen?

Offline Frederic - 22/06/2005 12:05
Avatar van FredericPHP ver gevorderde Aangezien iedereen de laatste tijd zo anti-tabel is, en alles en iedereen DIV moet gebruiken vraag ik me het volgende af (ben bezig met de testen of een site volledig in DIV gaat): bestaat er een DIV variant die juist hetzelfde resultaat geeft als onderstaande tabel, maar dan zonder tables te gebruiken? Of is dit totaal niet mogelijk, zo posititioneren?
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="100%">
  2.   <tr>
  3.     <td>linkerbalk</td>
  4.     <td style="width:661px;text-align:center;">HIER KOMT HET LOGO</td>
  5.     <td>rechterbalk</td>
  6.   </tr>
  7. </table>

4 antwoorden

Gesponsorde links
Offline Joel - 22/06/2005 12:25
Avatar van Joel Eigenaar http://www.site...&id=90
Offline Frederic - 22/06/2005 12:49
Avatar van Frederic PHP ver gevorderde Heb ik al bekeken ja, maar daarin vind ik geen methode om dit te vervangen... Enkel met links en rechts ook vooraf ingestelde breedtes, maar dat moet ik niet!
Offline Cepheus - 22/06/2005 13:01
Avatar van Cepheus Nieuw lid Je kan hier eens naar kijken: http://css.maxd...al0916.htm
Offline DaOxx - 22/06/2005 14:09 (laatste wijziging 22/06/2005 14:40)
Avatar van DaOxx PHP beginner Even ander voorbeeld gemaakt van een formulier dat in firefox en in ie goed werkt:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style>
  2. body {
  3. 	font-family: tahoma;
  4. 	font-size: 12px;
  5. }
  6.  
  7. h3.formstyle {
  8. 	background: #EC4739;
  9. 	color: #FFFFFF;
  10. 	font-size: 12px;
  11. 	width: 497px;
  12. 	_width: 500px;
  13. 	border: 1px solid black;
  14. 	padding: 3px 0 3px 3px;
  15. 	font-weight: bold;
  16. }
  17.  
  18. dl.formstyle {
  19. 	border: 1px solid black;
  20. 	border-top: 0;
  21. 	background: #F6ACA6;
  22. 	color: #000000;
  23. 	width: 500px;
  24. 	padding: 5px 0;
  25. 	margin-top: -12px;
  26. 	_margin-top: -19px;
  27. }
  28.  
  29. dl.formstyle dt {
  30. 	float: left;
  31. 	clear: left;
  32. 	padding: 4px 0 2px 2px;
  33. }
  34.  
  35. dl.formstyle dd {
  36. 	padding: 2px 0 2px 180px;
  37. }
  38. </style>
  39. <body>
  40. 	<h3 class="formstyle">Registreren</h3>
  41. 	<dl class="formstyle">
  42. 		<dt>Gebruikersnaam:</dt>
  43. 		<dd><input type="text" name="nickname" size="30" /></dd>
  44.  
  45. 		<dt>Email-adres:</dt>
  46. 		<dd><input type="text" name="email" size="30" /></dd>
  47.  
  48. 		<dt></dt>
  49. 		<dd><input type="submit" name="post" value="Registreer" /></dd>
  50. 	</dl>
  51. </body>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.357s