Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: CSS: taulukoiden kassa align-ongelmia

Sivun loppuun

Quirzo [08.10.2006 15:12:55]

#

Eli tähtäimessä on valid xhtml uusilla sivuilla.
Kaikki muuten kunnossa, mutta en saa CSS:llä tehtyä paria align ym juttua.

Eli siis xhtml 1 strict validaattori valittaa näistä:

Line 12 column 15: there is no attribute "align".

<table align="left" valign="top" class="perus">

Line 12 column 29: there is no attribute "valign".

<table align="left" valign="top" class="perus">

Miten saisin nämä css muotoon? Koitin vähän monenlaista mutta ei onnistunut...

lapm [08.10.2006 15:30:14]

#

Hmm, pitäisi ainakin tuon align märitteen onnistua, onko dokumentti tyyppisi varmasti määritelty oikein?

Toisaalta oletko tarkistanut aikaisemman sivukoodisi oikeellisuuden, ettei validaattori sekoile atribuuttien kanssa?

valign määreestä en ole varma mutta tunne olisi että sen voisi määritellä vain joko riveille taulukossa tai yksittäisille soluille.

Saatan tietysti puhua puutaheinää nyt. :)

Quirzo [08.10.2006 15:31:33]

#

No kyllä se toimii, jos laitan transitionaliks.
Mutta valignia ei hyväksy. Sen huomaa rantusta ie:stäkin, koska taulukon tekstit ovat keskellä, ei ylhäällä.

Olga [08.10.2006 16:44:29]

#

CSS:llä text-align ja vertical-align.

Edit: Nyt kun tarkemmin luin viestisi, huomaan että eipäs ollutkaan tarkoitus määritellä solujen ominaisuuksia. Ilmeisesti haluat sijoitella taulukon ja sen ympäröivän tekstin jotenkin? Siinä tapauksessa sinun tulee tutustua CSS:n määreisiin kuten float ja display. Kerrohan tarkemmin mitä kaipaat, niin ehkäpä tulee paremmin apuja :)

Edit2: Prkl, pitäis varmaan lukea koko ketju ajatuksella ennenkuin alkaa vastaamaan :) Jos siis haluat määritellä tekstin sijainnin solussa, käy siihen juurikin nuo ensin mainitsemani text-align ja vertical-align.

Quirzo [08.10.2006 17:09:08]

#

Eli tässä on sivu:
http://quirzo.gigcities.com/test.htm

Jos katsot tuota internet explorerilla (en tiedä v6:sesta, itellä 7), niin tekstit ei oo taulukon yläosassa.
Operalla ja firefoxilla toimii.
xhtml stricktillä ainakin valittaa k.o tageista.

Olga [08.10.2006 19:34:45]

#

Ota ne attribuutit (align ja valign) pois sieltä html-koodista ja laita css-tiedostoon td { vertical-align: top; }. Pääsääntöisesti kuitenkin varmaan on tarkoitus että teksti on solujen yläosassa. Jos kuitenkin haluaa toisin, voi yksittäisille soluille sitten määrittää omat tyylit.

Merri [08.10.2006 19:40:08]

#

Eipä tuolla XHTML-validiudella ole pahemmin väliä kun taitat sivut kuitenkin wanhanaikaisesti taulukoilla. Sama kun laitat transitionaalia kehiin. Lisäksi XML-prologi (eli <?xml sivun alussa) pakottaa IE:n toimimaan kuitenkin transitionaalitilassa. DOCTYPE:n pitäisi olla ensimmäisellä rivillä ensimmäisestä merkistä alkaen, jotta myös IE olisi standarditilassa.

Validiushan ei auta muuta kuin että se kertoo koodin olevan virheetöntä. Ja tätä et edes tuolla halpapaikalla saavuta, koska se lisää nuo mainosbannerijutut sivulle ja samalla myös ylimääräisiä lopetustageja. Tärkeintä olisi saada sivun rakenne oikein: käyttää kappaleita kappaleille (<p></p>), otsikoita otsikoille (<h1></h1>), listoja listoille ja välttää lisäämästä semmoisia tageja, joilla ei ole sisällön kannalta mitään väliä. Kaikki tämä on sinällään paljon tärkeämpää kuin sivun läpimeno syntaksitarkastuksesta eli validaattorista. CSS:ssä kyllä riittää puhtia sitten tyylitellä sivut, vaikka tietysti opettelua tarvitaan rankasti.


Miten päin tahansa, älä käytä strictiä kun selkeästi olet tekemässä transitionaalikoodia.

Quirzo [08.10.2006 21:16:49]

#

Juu taidanpas antaa tuon 100% validaten olla :p
Pääasia että toimii.
Ja kiitos Olga, sain ie:llä toimimaan tuolla td:n vertical aliginilla.
Ja Merri, poistin sen XML jutun sieltä alusta


Sivun alkuun

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta