<tr> och valign i XHTML?

Nu sitter jag här och försöker få in lite XHTML i skallen och har då gjort en sida innehållandes tables.
Men när jag testar att validera sidan hos W3C så får jag en massa fel om att det inte finns något <tr>-attribut eller valign-attribut.

Vad är det istället?

<tr> finns med i alla olika varianter av xhtml för webben just nu.
Om du kör xhtml 1.0 Transitional finns valign-attributet med som du är van (men du måste använda små bokstäver på värdena!).
Kör du xhtml 1.0 Strict får du försöka lösa det med CSS istället.

Det är bra om du berättar vad det är för felmeddelanden du får och att du dessutom bifogar koden. :)

jarvklo skrev:

<tr> finns med i alla olika varianter av xhtml för webben just nu.
Om du kör xhtml 1.0 Transitional finns valign-attributet med som du är van (men du måste använda små bokstäver på värdena!).
Kör du xhtml 1.0 Strict får du försöka lösa det med CSS istället.

Jag kör med XHTML 1.0 Transitional och jag använder små bokstäver hela tiden.

Web-Tor skrev:

Det är bra om du berättar vad det är för felmeddelanden du får och att du dessutom bifogar koden.

Här är en del av koden för resten kan jag inte visa för det är lite secret. ;) :p

<table cellspacing="0" cellpadding="0" border="0" style="width: 600px;">
 <tr>
  <td style="background: #FAFAFA;">
Lite text här...
  </td>
 </tr>
</table>

Felmeddelandet jag fick var att <tr> inte var ett giltigt attribut.

Eftersom den kod du postade är korrekt måste det innebära att det är någon annan del av koden som är felaktig, så du får nog lov att posta lite mer. ;)

:)

Kom på att jag hade lagt ut sidan igår.
http://validator.w3.org/check?uri=http://mikael.latmask.com/feeldigital/V1/index.asp

Fast nu har jag börjat om på noll igen för sidan kommer inte att se ut så. Men hjälp mig gärna ändå. :)

Du har glömt att stänga "tr"-elementet på rad 17.

Felet på rad 20 är väl ganska uppenbart ;) Ta bort attributet "valign".

Sedan skall sidan validera :bire

:)

Nu gick sidan igenom valideringen, men om jag behöver använda valign på ett table så antar jag att jag får använda CSS, hur ser en valign-kod ut i CSS? :)

td
{ 
vertical-align: bottom
}

http://www.w3schools.com/css/pr_pos_vertical-align.asp

Tackar Dino! :bire

Mika3l skrev:

... men om jag behöver använda valign på ett table så antar jag att jag får använda CSS

Inte alls.
Du kan köra på med valign på <tr> precis som vanligt som sagt...

<table cellspacing="0" cellpadding="0" border="0" style="width: 600px;">
 <tr valign="middle">
  <td style="background: #FAFAFA;">
Lite text här...
  </td>
 </tr>
</table>

är helt korrekt i xhtml 1.0 Transitional.
Kolla in http://member.webforum.nu/2241/tabelltest.html som är en av dina tabeller med valign flyttat från <td> till <tr>.
Validera den får du se!

... men om jag behöver använda valign på ett table så antar jag att jag får använda CSS

jarvklo: Inte finns det väl något "valign"-attribut för "table"-elementet heller ;)

:)

Oops! :r
Det har du så rätt i... :e
Tack för att du hjälper mig att hålla koll på min förvirrade och tidvis alldeles för slarviga gamla hjärna :birp

jarvklo skrev:

Mika3l skrev:

... men om jag behöver använda valign på ett table så antar jag att jag får använda CSS

Inte alls.
Du kan köra på med valign på <tr> precis som vanligt som sagt...

<table cellspacing="0" cellpadding="0" border="0" style="width: 600px;">
 <tr valign="middle">
  <td style="background: #FAFAFA;">
Lite text här...
  </td>
 </tr>
</table>

är helt korrekt i xhtml 1.0 Transitional.
Kolla in http://member.webforum.nu/2241/tabelltest.html som är en av dina tabeller med valign flyttat från <td> till <tr>.
Validera den får du se!

Aha!
Så man får ha valign i <tr> men inte i <table> eller <td>?

"valign" kan du använda i <td> och <tr> men inte i <table>.

:)

Nu är ju sidan XHTML-validerande! Dags att göra den CSS-validerande? Tips? Det hittar du i denna tråden. :)

Peter S skrev:

"valign" kan du använda i <td> och <tr> men inte i <table>.

Ok! :)

m_soderlund skrev:

Nu är ju sidan XHTML-validerande! Dags att göra den CSS-validerande? Tips? Det hittar du i denna tråden.

Tack för tipset! :)

Jag kan ju ta och fortsätta i den här tråden när jag ändå har en.
Nu har jag gjort om sidan en hel del och har nu sex stycken <td> som jag vill ändra färg på när man för musen över, då har jag gjort så här:

  <td style="background: #494949; text-align: left; vertical-align: middle; border-bottom: 1px solid #FFFFFF;"  onMouseOver="this.style.background='#999999';return true;" onMouseOut="this.style.background='#494949';return true;">

Sen när jag testade att validera så fick jag det här felet:
Line 57, column 123: there is no attribute "onMouseOver" (explain...).
...tom: 1px solid #FFFFFF;" onMouseOver="this.style.background='#999999';return

Vad ska jag göra åt detta? :q :o

Element och attribut skall skrivas i gemenform.

:)

Aaah, just det, det är gammal vana för min del att skriva onMouseOver. ;)
Tack! :bire :)