Jos ei kehyksiä, miten ns. palstoitus?

Jos kerta kehykset on pannassa ja samoin taulukoiden avulla sivun muokkaus... Niin, miten sitten palstoitetaan teksti osiin "vasemmassa reunassa aina samassa paikassa pysyvät jutut" ja oikea puoli sitä tekstiä asiaa ja kuvia. Ja vielä miten tehdään koodilla? Ei niin minkäänlaista iisidoo-ohjelmaa (front page, dream...) käytettävissä. Linkkivinkkikin riittää avuksi.
91184
Äänestä

Muut lukivat myös

Vastaukset 9

Vanhimmat

   Esimerkki
   
   #menu {
      border: 1px solid Black;
      width: 5em;
      padding: .5em;
      position: absolute;
      top: 110px;
      left: 20px;
   }
   #content {
      position: absolute;
      top: 50px;
      left: 120px;   
   }






   linkki
   linkki
   linkki
   linkki



   Otsikko
   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
   Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Äänestä
  • Huomasin just että halusit vissiin että se menu pysyy paikoillaan sivua vieritettäessä. Helpoitenhan tuo menisi tietenkin laittamalla #menu -kohtaan »position: absolute;» tilalle »position: fixed;».

    InternetExplorer tuottaa taas toimimattomuudellaan tuossa vähän ongelmia ja värkkäilyä, mutta tässä on esimerkkejä ja ohjeita miten homman saa hoidettua:
    http://cssplay.co.uk/layouts/index.html

    Äänestä

  • Onko tää vielä ns. perushtml:ää vai jotain muuta? Pitäis saada jostain vielä lisätietoja, jotta osaisin tehdä juuri sellaisen kuin tarvitsen. Vaikea googlettaa, kun ei tiedä mitä googleen laittais hakusanaksi. Sinällään vaikuttaa sellaiselta kuin haluan, jos pari juttua (kuten erilaiset tausta) onnistuu noin.

    Äänestä

  • Ihan outo juttu kirjoitti:

    Onko tää vielä ns. perushtml:ää vai jotain muuta? Pitäis saada jostain vielä lisätietoja, jotta osaisin tehdä juuri sellaisen kuin tarvitsen. Vaikea googlettaa, kun ei tiedä mitä googleen laittais hakusanaksi. Sinällään vaikuttaa sellaiselta kuin haluan, jos pari juttua (kuten erilaiset tausta) onnistuu noin.

    Tuo html-koodi on niin puhdasta perushtml:ää kuin olla voi: html:llä ei kuulu kertoa selaimelle miltä minkäkin pitää näyttää, vaan ainoastaan mitä mikin on. Toisin sanoen html-koodilla merkitään sivun osaset, mikä on otsikkoa, mikä leipätekstiä jne.

    Sivun ulkoasu kerrotaan css:llä, eli css-koodilla voidaan kertoa selaimelle miltä noiden osasten pitäisi näyttää, missä ne sijaitsevat jne.

    Div -tagit eivät ole mitään, pelkästään lohkoelementtejä, joten näillä on kätevä ryhmitellä sivun osat. Css:llä voidaan näille ryhmille määrätä ominaisuudet.

    Hakusana olisi siis "css", mutta saattaapi olla että pelkästään tuolla hakusanalla tulee hiukkasen turhan paljon sivuja.
    Koita vaikka "css opas" tai jotain vastaavaa.

    Äänestä

  • Höpö kirjoitti:

    Tuo html-koodi on niin puhdasta perushtml:ää kuin olla voi: html:llä ei kuulu kertoa selaimelle miltä minkäkin pitää näyttää, vaan ainoastaan mitä mikin on. Toisin sanoen html-koodilla merkitään sivun osaset, mikä on otsikkoa, mikä leipätekstiä jne.

    Sivun ulkoasu kerrotaan css:llä, eli css-koodilla voidaan kertoa selaimelle miltä noiden osasten pitäisi näyttää, missä ne sijaitsevat jne.

    Div -tagit eivät ole mitään, pelkästään lohkoelementtejä, joten näillä on kätevä ryhmitellä sivun osat. Css:llä voidaan näille ryhmille määrätä ominaisuudet.

    Hakusana olisi siis "css", mutta saattaapi olla että pelkästään tuolla hakusanalla tulee hiukkasen turhan paljon sivuja.
    Koita vaikka "css opas" tai jotain vastaavaa.

    Vaan, miksi sanotaan tuota sivun jakamista osiin ilman, että käytetään kehyksiä tai huijataan taulukolla? Olen nimittäin tehnyt kotisivuja viimeksi vuonna 2000 ja silloin ei tuosta tavasta ollut tietoakaan... Ainakaan meidän opinahjossamme. Onko tuo jotain palstoitusta tms.?

    Äänestä

Jos sinulla on sivut jossa on esim vakiovalikko navigointia varten, joudut lisäämään koodin tälle valikolle joka ikiselle sivulle (100 kpl?) ellet käytä kehyyksiä.

Jos teet muutoksen valikkoon, joudut tekemään saman muutoksen kaikille (sadalle!?!) sivuille ellet käytä kehyyksiä.

Jos sinulla on käytössä jotain serverin puoleista skriptiä (esim php) voit toteuttaa sivut ko sivut ilman kehyyksiä (tällöin esim. laitat valikkokoodin erilliseen tiedostoon jonka include-lausekkeella tuot jokaiseen dokumenttiin).

Tällä palstalla parveilee noita hulluja jotka ovat verrattavissa lahkolaisiin: Älä käytä kehyyksiä, älä käytä Windows, älä käytä IE, älä käytä PC, älä vaihda kalsareita jne.

Jätä noiden hullujen mielipiteet omaan arvoonsa!

Äänestä
  • Ei välttämättä tarvitse php-tukea, SSI-tukikin riittää tiedostojen sisällyttämiseen. Google kertoo lisää.

    Äänestä

  • nimimerkki kirjoitti:

    Ei välttämättä tarvitse php-tukea, SSI-tukikin riittää tiedostojen sisällyttämiseen. Google kertoo lisää.

    kirjoitin:

    "Jos sinulla on käytössä jotain serverin puoleista skriptiä (esim php)...."

    SSI tarkoittaa Server Side Included, eli serverin puoleista skriptiä.

    En ole koskaan väittänyt että sen pitäisi olla nimenomaan php (vaikka se on yleisin)

    Äänestä

  • Tiedä tosta sun luettelosta ketkä niistä on hulluja ja ketkä viisaita.

    Mutta sen tiedän että tämä on hullua:

    " Jos sinulla on sivut jossa on esim vakiovalikko navigointia varten, joudut lisäämään koodin tälle valikolle joka ikiselle sivulle (100 kpl?) ellet käytä kehyyksiä."

    Miksi ihmeessä kaikilla sivuilla pitää olla sama valikko?

    Äänestä

Kommentoi aloitusta


ei taulukoita kirjoitti:

Jos kerta kehykset on pannassa ja samoin taulukoiden avulla sivun muokkaus... Niin, miten sitten palstoitetaan teksti osiin "vasemmassa reunassa aina samassa paikassa pysyvät jutut" ja oikea puoli sitä tekstiä asiaa ja kuvia. Ja vielä miten tehdään koodilla? Ei niin minkäänlaista iisidoo-ohjelmaa (front page, dream...) käytettävissä. Linkkivinkkikin riittää avuksi.

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