Kuinka keskittää?

Kyselijä

Sivujen teossa käytän XHTML 1.0 Transitional doc typeä.

Sivuille tulee pari sukutaulua jotka ajattelin tehdä taulukkoon. Ne pitäisi keskittää sivun kekskelle sivusuunnassa. Jos käytän ennen keskittyy myös taulukon solujen sisältö.

Onko jokin muu konsti jolla keskitän oikein pelkän taulukon, en sen sisältöä?

16

633

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • vaikkapa

      Käytä CSS:ää niin ei tarvitse tuollaisten kanssa tapella.

      Vaikka se tuntuis alkuun hankalalta omaksua css -tyylit, niiden käyttäminen kannattaa opetella.

      Uhraa vaikka puolituntia tänne
      http://www.w3schools.com/css/default.asp

      • Tõppõ

        "Käytä CSS:ää niin ei tarvitse tuollaisten kanssa tapella."

        Jos ihmiset käyttäisivät selaimia jotka osaavat kunnolla css:n niin ei tarvitsisi tapella. Ongelmana on että liian monet käyttävät InternetExploreria jonka css-tuki on kelvoton ja näinollen css:ien kanssa saa aina tapella.

        Tälläkin kertaa toimisi yksinkertainen
        margin:auto
        joka kuuluu jo css1:een. Mutta kun on toi perkeleen typerä IE.. ei se ymmärrä.


      • vaikkapa
        Tõppõ kirjoitti:

        "Käytä CSS:ää niin ei tarvitse tuollaisten kanssa tapella."

        Jos ihmiset käyttäisivät selaimia jotka osaavat kunnolla css:n niin ei tarvitsisi tapella. Ongelmana on että liian monet käyttävät InternetExploreria jonka css-tuki on kelvoton ja näinollen css:ien kanssa saa aina tapella.

        Tälläkin kertaa toimisi yksinkertainen
        margin:auto
        joka kuuluu jo css1:een. Mutta kun on toi perkeleen typerä IE.. ei se ymmärrä.

        Tuskinpa ihmiset ikinä heräävät käyttämään parempaa selainta jos kaikki sivut pitää tehdä virheelliselle selaimelle sopivaksi. Saati m$ korjaa rikkinäisen selaimensa.

        Itse kunhan teen standardien mukaan, sama se miten ie:llä näkyy.


      • ...............
        Tõppõ kirjoitti:

        "Käytä CSS:ää niin ei tarvitse tuollaisten kanssa tapella."

        Jos ihmiset käyttäisivät selaimia jotka osaavat kunnolla css:n niin ei tarvitsisi tapella. Ongelmana on että liian monet käyttävät InternetExploreria jonka css-tuki on kelvoton ja näinollen css:ien kanssa saa aina tapella.

        Tälläkin kertaa toimisi yksinkertainen
        margin:auto
        joka kuuluu jo css1:een. Mutta kun on toi perkeleen typerä IE.. ei se ymmärrä.

        Ja tämähän on helppo korjata, määrittelemällä text-aling: center; ja margin: auto; näin IE ja muutkin ymmärtää keskittää.
        Ja sit tekstille sanotaan text-aling:left; näin se on taas normaalisti vasemmal.


      • Tõppõ
        ............... kirjoitti:

        Ja tämähän on helppo korjata, määrittelemällä text-aling: center; ja margin: auto; näin IE ja muutkin ymmärtää keskittää.
        Ja sit tekstille sanotaan text-aling:left; näin se on taas normaalisti vasemmal.

        Tuollaista tappelua se on jatkuvasti kun haluaa huomioida myös IE:n. Aina pitää olla sitä varten säätämässä erikseen.


    • zzz

      Poistas tämä div-komento, ja laita table-tagiin align="center". Taulukko asettuu keskelle sivua, mutta solujen sisältö on vasemmassa reunassa.
      Eli esim. näin:


      Tätäkö tarkoitit?

      • Kyselijä

        Kiitos, tämä auttoi ja nyt toimii oikein.


    • Tõppõ

      Miksi käytät xhtml transitionalia?

      Käsittääkseni xhtml transitional on lähinnä sitä varten että saataisiin muutettua wanhat html-sivustot nykyaikaan. Transitionalhan sisältää paaaljon oikealle xhtml:lle vieraita ( = kiellettyjä) hommeleita.

      Mielestäni uudet sivut kannattaa tehdä ilman muuta xhtml Strictillä. Itseasiassa en näe ainoatakaan kelvollista syytä miksi ne kannattaisi tehdä jollain muulla versiolla.

      Oikeassa xhtml:ssä ei elementtien ulkoasua määritellä ollenkaan (siis ei ole mitään align-attribuutteja elementteihin) vaan muotoiluasetukset tehdään css:llä. Html:llä hoidetaan ainoastaan sivujen rakenne. Esimerkiksi sinun tapauksessasi homma hoidettaisiin css:llä yksinkertaisesti näin:

         table {margin: auto;}

      Ongelmaksi muodostuu tietenkin monien selainten surkea css-tuki. Esimerkiksi tämän päivän yleisin mutta huonoin selain ei ymmärrä tuota css1-tason määrittelyä.
      Kiertoteitse asian saa ratkaistua käyttämällä ylimääräistä div-tagia:


         Untitled
            
         table {margin: auto;}
         .tasaaja {text-align : center;}
         






         hei haloo

      • Kyselijä

        Kiitos :)
        Minä testaan tuotakin.

        Yritin ensin sillä Strictillä tehdä. Mutta en sitten keksinyt kuinka linkit saa avautumaan uuteen ikkunaan. Se ei ilmeisesti ole mahdollista?

        Oikeassa olet että kannattaa tehdä kunnolla. Toisaalta voihan sitä linkkisivulle laittaa ohjeen että jos haluaa avata ne uuteen ikkunaan painaa hiiren oikeaa nappulaa...


      • Kyslijä

        Kiitos:)

        Mutta, miten se validaattori ei hyväksy joka kohtaan solun leveyttä? Ja miski se kitisee vain ensimmäisestä

        Tässä mallisivun linkki: http://www.pikku-ukko.net/sample/sukutaulu.shtml

        Tiedän että toi menu ei näy niillä joilla ei ole javascriptin tuki päällä. Mutta en ole löytänyt parempaakaan vaihtoehtoa, jota on helppo päivittää kun lisää uuden sivun...


      • selviö
        Kyslijä kirjoitti:

        Kiitos:)

        Mutta, miten se validaattori ei hyväksy joka kohtaan solun leveyttä? Ja miski se kitisee vain ensimmäisestä

        Tässä mallisivun linkki: http://www.pikku-ukko.net/sample/sukutaulu.shtml

        Tiedän että toi menu ei näy niillä joilla ei ole javascriptin tuki päällä. Mutta en ole löytänyt parempaakaan vaihtoehtoa, jota on helppo päivittää kun lisää uuden sivun...

        No se ei hyväksy noita koska ne ovat väärin ;)

        Ajoin validaattorin ja pistin tähän suoraan w3schoolsista kyseisiin elementteihin liittyvät muuttuneet tiedot.

        1. Line 24, column 17: there is no attribute "language"
        -The "language" attribute of the script element was deprecated in HTML 4.01.
        -The "language" attribute of the script element is not supported in XHTML 1.0 Strict DTD.

        2. Line 24, column 17: there is no attribute "language"
        -The "bgcolor", "height", "width", and "nowrap" attributes of the th element were deprecated in HTML 4.01.
        -The "bgcolor", "height", "width", and "nowrap" attributes of the th element are not supported in XHTML 1.0 Strict DTD.

        3. Line 38, column 10: there is no attribute "width"
        -The "bgcolor", "height", "width", and "nowrap" attributes of the td element were deprecated in HTML 4.01.
        -The "bgcolor", "height", "width", and "nowrap" attributes of the td element are not supported in XHTML 1.0 Strict DTD.

        CSS auttais niin ei tarvitse joka paikkaan erikseen niitä leveyksiä pistää. Kerran vain sivun alkuun/tyylitiedostoon.

        Onko muuten noiden menujen pakko olla noin leveitä? ;)


      • Kyselijä
        selviö kirjoitti:

        No se ei hyväksy noita koska ne ovat väärin ;)

        Ajoin validaattorin ja pistin tähän suoraan w3schoolsista kyseisiin elementteihin liittyvät muuttuneet tiedot.

        1. Line 24, column 17: there is no attribute "language"
        -The "language" attribute of the script element was deprecated in HTML 4.01.
        -The "language" attribute of the script element is not supported in XHTML 1.0 Strict DTD.

        2. Line 24, column 17: there is no attribute "language"
        -The "bgcolor", "height", "width", and "nowrap" attributes of the th element were deprecated in HTML 4.01.
        -The "bgcolor", "height", "width", and "nowrap" attributes of the th element are not supported in XHTML 1.0 Strict DTD.

        3. Line 38, column 10: there is no attribute "width"
        -The "bgcolor", "height", "width", and "nowrap" attributes of the td element were deprecated in HTML 4.01.
        -The "bgcolor", "height", "width", and "nowrap" attributes of the td element are not supported in XHTML 1.0 Strict DTD.

        CSS auttais niin ei tarvitse joka paikkaan erikseen niitä leveyksiä pistää. Kerran vain sivun alkuun/tyylitiedostoon.

        Onko muuten noiden menujen pakko olla noin leveitä? ;)

        Eli ymmärränkö oikein, että sen languagen voi sitten poistaa? Mutta miksei se vingu niistä kahdesta muusta, vain siitä ensimmäisestä...

        Taulukon solujen levydet voi kyllä tyylitiedostolla hoitaa. Mutta miksi se valittaa vaan kahdesta leveydestä, ei kaikista?

        On varmaan iskenyt myöhainen kyselyikä;)

        Voi sitä menua vähän kaventaa... Mutta ei se minun koneella näytä mitenkään ylileveältä. Olisiko sopivampi, jos antaa vapaasti sisällön mukaan levittyä?


      • Töppö
        Kyselijä kirjoitti:

        Eli ymmärränkö oikein, että sen languagen voi sitten poistaa? Mutta miksei se vingu niistä kahdesta muusta, vain siitä ensimmäisestä...

        Taulukon solujen levydet voi kyllä tyylitiedostolla hoitaa. Mutta miksi se valittaa vaan kahdesta leveydestä, ei kaikista?

        On varmaan iskenyt myöhainen kyselyikä;)

        Voi sitä menua vähän kaventaa... Mutta ei se minun koneella näytä mitenkään ylileveältä. Olisiko sopivampi, jos antaa vapaasti sisällön mukaan levittyä?

        ..jatkuu niin kauan kun ihmisellä on halu oppia uutta. Parhaimmassa tapauksessa kuolinvuoteelle asti.

        Languagen kanssa on niin että sitä ei saa nykyspeksien mukaan antaa mutta toisaalta jotkut selaimet eivät muistaakseni näytä ihan oikein ilman että language on mainittu. Kyse taitaa olla tosin jo antiikkiselaimista.

        En tiedä miksei vingu kuin kahdesta samasta virheestä mutta ehkä ne olettaa että ymmärrät kun kaksi kertaa samasta asiasta huomautetaan.

        Pistä muuten scriptimenulle vaihtoehto. -tagi on sitä varten että se näytetään ellei selain syystä tai toisesta hyväksy scriptejä.


      • Kyselijä
        Töppö kirjoitti:

        ..jatkuu niin kauan kun ihmisellä on halu oppia uutta. Parhaimmassa tapauksessa kuolinvuoteelle asti.

        Languagen kanssa on niin että sitä ei saa nykyspeksien mukaan antaa mutta toisaalta jotkut selaimet eivät muistaakseni näytä ihan oikein ilman että language on mainittu. Kyse taitaa olla tosin jo antiikkiselaimista.

        En tiedä miksei vingu kuin kahdesta samasta virheestä mutta ehkä ne olettaa että ymmärrät kun kaksi kertaa samasta asiasta huomautetaan.

        Pistä muuten scriptimenulle vaihtoehto. -tagi on sitä varten että se näytetään ellei selain syystä tai toisesta hyväksy scriptejä.

        Voihan olla että se validaattori on niin järkevä ja kuvittelee että tajutaan kun pari kertaa kerrotaan... Mutta ei ota huomioon että sen käyttäjä vaatii rautalankamallia;)

        Mutta eiko tuo todellakaan salli linkissä sitä target="_blank" osaa? Eli linkkiäkö ei saa avautumaan uuteen ikkunaan.

        Ilmeisesti tuossa kuitenkin toimii tuo ssi ihan normaalisti. Jos sillä sitten jonkilaisen vara navigoinnin sivun alalaitaan antiikkiselaimia varten... Vaikka eihän ne vanhat selaimet taida tota viritelmää oikein muutenkaan näyttää.

        Tämä menu voisi olla hyvä vaihtoehto: http://www.htmldog.com/articles/suckerfish/dropdowns/ En vain ole saanut sitä viriteltyä samaan tyyliin ulkoasullisesti.


      • Töppö
        Kyselijä kirjoitti:

        Voihan olla että se validaattori on niin järkevä ja kuvittelee että tajutaan kun pari kertaa kerrotaan... Mutta ei ota huomioon että sen käyttäjä vaatii rautalankamallia;)

        Mutta eiko tuo todellakaan salli linkissä sitä target="_blank" osaa? Eli linkkiäkö ei saa avautumaan uuteen ikkunaan.

        Ilmeisesti tuossa kuitenkin toimii tuo ssi ihan normaalisti. Jos sillä sitten jonkilaisen vara navigoinnin sivun alalaitaan antiikkiselaimia varten... Vaikka eihän ne vanhat selaimet taida tota viritelmää oikein muutenkaan näyttää.

        Tämä menu voisi olla hyvä vaihtoehto: http://www.htmldog.com/articles/suckerfish/dropdowns/ En vain ole saanut sitä viriteltyä samaan tyyliin ulkoasullisesti.

        Oletuksena taitaa olla ettei täysin koodia osaamattomat vielä käytä tuota tarkinta validaattoria vaan tyytyvät vähän lepsumpiin (kuten lehtori jolle tuntuu kelpaavan kaikenlainen fuula).

        Target ei tosiaan kuulu enää uudempien html-versioiden Strict-versioihin. Jos kuitenkin haluaa että sivu aukeaa uuteen ikkunaan niin tarvii käyttää tapahtumankäsittelijöitä. Tämä on helppo tapaus:

        Sivu

        Jos selaajalla kuitenkin sattuu olemaan JavaScriptit pois pelistä niin sivu aukeaa vanhan päälle eli linkki toimii siinäkin tapauksessa.


      • Kyselijä
        Töppö kirjoitti:

        Oletuksena taitaa olla ettei täysin koodia osaamattomat vielä käytä tuota tarkinta validaattoria vaan tyytyvät vähän lepsumpiin (kuten lehtori jolle tuntuu kelpaavan kaikenlainen fuula).

        Target ei tosiaan kuulu enää uudempien html-versioiden Strict-versioihin. Jos kuitenkin haluaa että sivu aukeaa uuteen ikkunaan niin tarvii käyttää tapahtumankäsittelijöitä. Tämä on helppo tapaus:

        Sivu

        Jos selaajalla kuitenkin sattuu olemaan JavaScriptit pois pelistä niin sivu aukeaa vanhan päälle eli linkki toimii siinäkin tapauksessa.

        Kiitokset kaikille joilta olen apua saanut.
        Eiköhän tuo sivun päivitysurakka nyt lähde vauhtiin.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Räppäri kuoli vankilassa

      Ei kuulemma ole tapahtunut rikosta. Sama vahinkohan kävi Epsteinille. https://www.hs.fi/suomi/art-2000011840869.html "
      Maailman menoa
      87
      4108
    2. Välillä kyllä tuntuu, että jaat vihjeitä

      Mutta miten niistä voi olla ollenkaan varma? Ja minä saan niistä kimmokkeen luulemaan yhtä sun toista. Eli mitä ajatella
      Ikävä
      24
      2921
    3. No kyllä te luuserit voitte tehdä mitä vaan keskenänne, sitä en ymmärrä miksi pelaat,nainen

      Pisteesi silmissäni, edes ystävätasolla tippui jo tuhannella, kun sain selville pelailusi, olet toisen kanssa, vaikka ol
      Ikävä
      45
      2320
    4. Missä näitte viimeksi?

      Missä näit kaivattua viimeksi ja oliko sähköä ilmassa?
      Ikävä
      34
      1321
    5. Puukotus yöllä

      Oli kaveri hermostunut ja antanut puukosta.
      Sotkamo
      10
      909
    6. 131
      885
    7. rakas J siellä jossain

      Niin ikävä sua. -P. Nainen
      Ikävä
      6
      874
    8. Masan touhut etenee

      Punatiilitalon tietotoimiston mukaan Masa on saanut viimein myytyä kämppänsä ja kaavoittaa uudelle lukaalille tonttia pa
      Äänekoski
      12
      822
    9. Naisten ja miesten tasoeroista

      Oletteko huomanneet, että naisissa ylemmän tason naiset ovat sinkkuja, ja miehissä alemman tason incelit? Toimivat paris
      Ikävä
      124
      766
    10. You've been running and

      so has your mind, I'm thinking of you all the time... 💘
      Ikävä
      11
      760
    Aihe