Toon posts:

[HTML] doctype en tables

Pagina: 1
Acties:

Verwijderd

Topicstarter
transitional voorbeeld
strict voorbeeld

Ik gebruik een doctype declaratie aan het begin van een 'html' document. 'strict' geeft me problemen in tabellen bij het gebruik van Firefox (V 1.0.7):
de verticale uitlijning staat me niet aan (verticale ruimtes tussen border en tekst).
IE 6 heeft geen problemen.

Ik wil nu proberen om met css dit op te lossen, maar kan het juiste attribuut niet vinden. Is het mogelijk met css (en zoja, hoe) of is de enige oplossing om terug te vallen op 'transitional' (zoals aangegeven op http://hsivonen.iki.fi/doctype)?

Enige opmerkingen:
  • De voorbeelden gebruiken tabellen voor de uitlijning; andere paginas gebruiken tabellen om data in tabelvorm weer te geven (hetgeen volgens mij nog steeds een volledig geldig gebruik is).
  • Ik heb niet veel ervaring met css, maar heb voor TABLE, TR enTD gespeeld met 'margin', 'border-spacing' en nog wat andere zaken die me relevant leken.
  • Voor het geval dat: dit is geen reclame (een Zuid-Afrikaanse site is niet echt relevant in NL), ik had de paginas en de css hier in code tags kunnen plaatsen, maar dit leek me handiger.

  • NitroX infinity
  • Registratie: Januari 2002
  • Laatst online: 01:00
Cellpadding?

HTML: http://www.w3schools.com/tags/tag_table.asp
CSS: http://www.w3schools.com/css/css_padding.asp

edit:
Of zie hieronder :P

[ Voor 43% gewijzigd door NitroX infinity op 15-03-2007 08:16 ]

Graphene; a material that can do everything, except leave the lab. - Asianometry


  • Rekcor
  • Registratie: Februari 2005
  • Laatst online: 08-10 13:03
Hoezo zet je de content in de tabel ook nog tussen <p> en </p>?

HTML:
1
2
3
4
5
<TR><TD>
<P class="althdrtxt">
ACTIVITIES UPDATE
</P>
</TD></TR>


De paragraph-tag is een block element, en zorgt dus waarschijnlijk voor de ruimte tussen de inhoud en de randen van de cel. Een nettere opbouw van je tabel zou zijn:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table>
  <thead>
    <tr>
      <th>Activities update</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Activiteit1</td>
    </tr>
    <tr>
      <td>Activiteit2</td>
    </tr>
  </tbody>
</table>

  • Foutlook
  • Registratie: Februari 2001
  • Niet online
Rekcor schreef op donderdag 15 maart 2007 @ 08:15:
Hoezo zet je de content in de tabel ook nog tussen <p> en </p>?

HTML:
1
2
3
4
5
<TR><TD>
<P class="althdrtxt">
ACTIVITIES UPDATE
</P>
</TD></TR>
Ik zie een classnaam bij de P-tag staan. Wellicht wil hij de tekst erin gaan stylen. Kan prima, maar je kan dan beter een div of span met dezelfde classnaam gebruiken. of wellicht dit even toevoegen:


Cascading Stylesheet:
1
2
3
4
.althdrtxt {
   margin:0;
   padding: 0;
}

Verwijderd

Topicstarter
Dank u

Voor nu heb ik de margins die ik voor de P tags gebruik voorzien van het margin attribuut.

Jullie informatie heeft ook een ander probleem opgelost (niet gerelateerd tot doctype) waar een form altijd wat ectra ruimte in beslag lijkt te nemen.