login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tabel in CSS

Offline CHIR - 06/11/2006 19:36
Avatar van CHIRNieuw lid Ok even een vraagje.
Ik maak vrijwel al mijn sites in xhtml en css, maar krijg tot nog toe 2 dingen niet voor elkaar. Ik gebruik altijd divs maar moet nu een prijslijst maken. Dit heb ik gedaan in een tabel (geen div) en hiervoor kan ik vrijwel alle opmaak in css zetten, behalve de "vertical-align: top" functie en de breedte van de cellen.
Weet iemand hoe ik dit wel voor elkaar kan krijgen?
Of dat er misschien een veel handiger oplossing voorhande is?
Allemaal kleine divjes vind ik niet echt een oplossing...

Ik hoor het graag!


Een tabel ziet er bij mij bijvoorbeeld als volgt uit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="tabel">
  2. 	<table border="0" width="750" cellspacing="5">
  3. 		<tr>
  4. 			<td width="126">&nbsp;</td>
  5. 			<td width="485" valign="top"><h6>Omschrijving</h6></td>
  6. 			<td width="4">&nbsp;</td>
  7. 			<td width="103" valign="top"><h6>Prijs</h6></td>
  8. 		</tr>
  9. 		<tr>
  10. 			<td width="126" valign="top">Artikel 1</td>
  11. 			<td width="485" valign="top">omschrijving 1</td>
  12. 			<td width="4">&nbsp;</td>
  13. 			<td width="103" valign="top">&#8364;15,-</td>
  14. 		</tr>
  15. 		<tr>
  16. 			<td width="126" valign="top">Artikel 2</td>
  17. 			<td width="485" valign="top">omschrijving 2</td>
  18. 			<td width="4">&nbsp;</td>
  19. 			<td width="103" valign="top">&#8364;20,-</td>
  20. 		</tr>
  21. 	</table>
  22. </div>

4 antwoorden

Gesponsorde links
Offline Soebam - 06/11/2006 19:44
Avatar van Soebam HTML ver gevorderde Je kan je cellen toch gewoon een class geven? <td class="stijl"> en dan met css gewoon de marges en width enzo instellen.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .stijl
  2.    {
  3.    width: 123px;
  4.    vertical-align: top;
  5.    }


Als dit niet is wat je bedoelde dan zeg het even, je vraag is wat lastig geformuleerd. 
Offline CHIR - 06/11/2006 20:13
Avatar van CHIR Nieuw lid Ziets had ik al uitgeprobeerd, maar voor vertical-align gaat die vlieger helaas niet op. De inhoud van de cellen springt steeds weer terug naar verticaal gecentreerd. Hieronder staat het CSS stukje dat van toepassing is op de tabel.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .prijzen {
  2. 	text-align: left;
  3. 	bordercolorlight: #000000;
  4. 	bordercolor: #000000;
  5. 	font-size: 10pt;
  6. 	vertical-align: top;
  7. }


Verder is het probleem met de cellen dat ik wel in css wel een stijl met de breedte kan aanmaken, maar dat de inhoudvolgorde en opmaak zoals in de tabel in de eerste post verloren gaat. Weet jij hoe de opmaak er in css dan moet uitzien zodat ik precies de opmaak zoals in die tabel krijg?
Offline Grayen - 06/11/2006 21:03
Avatar van Grayen PHP ver gevorderde ik zie de fout al, bordercolor en bordercolorlight zijn geen css attributen . doe dit met border-color: #000000; of border: #000000; en omdat vertical-align: top; onder die twee staat, doet hij het niet, dus alles wat na die oncorrecte atrubuten staat voert hij als goed is nu niet uit
Offline CHIR - 06/11/2006 23:27 (laatste wijziging 08/11/2006 10:31)
Avatar van CHIR Nieuw lid Heb het css bestand aangepast, maar er veranderd niks aan de zaak. Hij blijft nog steeds verticaal-centraal uitlijnen.

[edit] Heb hetgene wat Soebam zei iets anders toegepast en nu werkt hij wel goed. TNX!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.207s