kaksi tablea vierekkäin...(?)

Eli on varmaan ihan peruskysymys, mutta onko mahdollista saada kahta tablea vierekkäin?
Nyt kun koitan laittaa, menee väkisinkin toiselle riville.
Ideana on tehdä toisesta tablesta "pidempi kuin toisesta, eli kaksi vierekkäin. Onnistuuko?
7504
Äänestä

Muut lukivat myös

Vastaukset 7

Vanhimmat

Laita ne 3. tablen sisään:

Äänestä

Table on lohko-elementti (table-block), joten se nakkaa automaattisesti seuraavan elementin alleen.
http://www.w3.org/TR/CSS2/visuren.html#display-prop

Ongelma vaikuttaa suht.koht. monimutkaiselta, sillä eri selaimet tuppaavat esittää asian eri tavoin. Kyhään cross-browser CSS/JS -yhdistelmän ja postaan URI:n, josta löydät valmiin tekeleen.

Toisin sanoen, homma ei ole mielekään mahdottoman helppo. IE ei tue inline-table ominaisuutta, NS6/Moz sekoittaa reunukset pelkällä inline:lla, Opera tukee VAIN inline-table:a etc.

Äänestä
  • Turhaa lähdin kiipeämään puuhun väärinpäin. Eli,

    Äänestä

  • Zvona kirjoitti:

    Turhaa lähdin kiipeämään puuhun väärinpäin. Eli,

    Sainpas homman toimimaan! =)
    Suurkiitokset, Zvona.

    Äänestä

  • Zvona kirjoitti:

    Turhaa lähdin kiipeämään puuhun väärinpäin. Eli,

    eihän tuohon css:ää välttämättä tarvita. riittää, kun laittaa 2 tablea yhden sisään. elikkä eka table: kaksi solua vierekkäin, "näkymättömiä". molempiin näkymättömiin soluihin ne halutut tablet.

      
        pöydät sisäkkäin
      
      
        
          
            
              
                
                  eka "näkyvä" solu
                  lisää jaarittelua
                
                
                  foo
                  bar
                
              
            
            
              
                
                  pöytä nro 2
                
              
            
          
        
      

    Äänestä

  • Punikki & 7 hyypiötä kirjoitti:

    eihän tuohon css:ää välttämättä tarvita. riittää, kun laittaa 2 tablea yhden sisään. elikkä eka table: kaksi solua vierekkäin, "näkymättömiä". molempiin näkymättömiin soluihin ne halutut tablet.

      
        pöydät sisäkkäin
      
      
        
          
            
              
                
                  eka "näkyvä" solu
                  lisää jaarittelua
                
                
                  foo
                  bar
                
              
            
            
              
                
                  pöytä nro 2
                
              
            
          
        
      

    Objektit (oliot) ripustetaan kaikki HTML-dokumenttiin. Näkyvät osat ovat body-objektin alla. Taulukoiden alla on header,footer ja body -osiot, joiden alla vuorostaan on rivejä, joissa vuorostaan on soluja, joissa vuorostaan on dataa.

    Jos taulukko laitetaan taulukon solun sisään, on se riippuvainen isännästään koko ajan. Toisin sanoen, sitä ei voida manipuloida vapaasti dokumenttioliomallin kautta ilman, että tapahtumat vaikuttavat sen isäntään - ja vice versa.

    Tässä tapauksessa on varmasti kyseessä aivan tavallisen html-dokumentin rakentaminen, joten tarjoamasi vaihtoehto on siihen mainio. Jatkoa ja standardeja ajatellen, ollaan menossa yhä enemmän siihen suuntaan, että kaikki oliot ovat toisistaan riippumattomia. Niiden esittäminen tapahtuu tyylikielien ja ohjaaminen skriptikielien kautta.

    Äänestä

  • Zvona kirjoitti:

    Objektit (oliot) ripustetaan kaikki HTML-dokumenttiin. Näkyvät osat ovat body-objektin alla. Taulukoiden alla on header,footer ja body -osiot, joiden alla vuorostaan on rivejä, joissa vuorostaan on soluja, joissa vuorostaan on dataa.

    Jos taulukko laitetaan taulukon solun sisään, on se riippuvainen isännästään koko ajan. Toisin sanoen, sitä ei voida manipuloida vapaasti dokumenttioliomallin kautta ilman, että tapahtumat vaikuttavat sen isäntään - ja vice versa.

    Tässä tapauksessa on varmasti kyseessä aivan tavallisen html-dokumentin rakentaminen, joten tarjoamasi vaihtoehto on siihen mainio. Jatkoa ja standardeja ajatellen, ollaan menossa yhä enemmän siihen suuntaan, että kaikki oliot ovat toisistaan riippumattomia. Niiden esittäminen tapahtuu tyylikielien ja ohjaaminen skriptikielien kautta.

    "Tässä tapauksessa on varmasti kyseessä aivan tavallisen html-dokumentin rakentaminen, joten tarjoamasi vaihtoehto on siihen mainio."

    Sepä se. Vinkki siksi, että rakentaja hoksaisi, miten peruspalikat toimivat ennen kuin hyppää CSS:ään ym. "hienostuneempaan" tilpehööriin.

    Äänestä

Kommentoi aloitusta


keko kirjoitti:

Eli on varmaan ihan peruskysymys, mutta onko mahdollista saada kahta tablea vierekkäin?
Nyt kun koitan laittaa, menee väkisinkin toiselle riville.
Ideana on tehdä toisesta tablesta "pidempi kuin toisesta, eli kaksi vierekkäin. Onnistuuko?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu