div - elementit

Miten noita div elementtejä voisi laittaa niin ettei ne vaikuta toisiinsa? Haluaisin semmoisen systeemin, että sivulla olisi semmonen "laatikko" johon tulisi linkit ja sitten keskellä laatikko jossa olisi tekstit, kuvat ja muut. Ja miten se sitten laitetaan sinne html-koodiin. Siis periaatteessa pitäis saada vaan kaksi erillistä elementtiä vierekkäin. Vai pitäiskö siinä käyttää taulukoita? Nyt minulla nuo elementit menee aina toistensa sisään tai päälle tai alle. Mutta vierekkäin en niitä ole saanut millään!

Meinaa jo hermot mennä kun ei rupea onnistumaan. Vaikka minkälaista kikkaa olen kokeillut. Voi tietysti olla että olen ymmärtänyt koko homman ihan väärin, mutta nämä ovatkin vasta ensimmäiset kotisivuni joita yritän tässä väsätä. Auttakaa jos ymmärsitte ongelman!
3663
Äänestä

Muut lukivat myös

Vastaukset 3

Vanhimmat

div:it saa vierekkäin esim. näin:


.vierekkain { display:inline }


abc
def

Äänestä
  • Joo eli siis css:ään hain tuota tapaa laittaa ne vierekkäin. Eikös tuo style juttu tule siihen normaaliin html- koodiin. Mutta nyt sain ne vierekkäin tuommosella float koodilla. Eli laitoin toiseen elementtiin float: right; niin silloin se meni siihen viereen.

    Äänestä

  • Apua! kirjoitti:

    Joo eli siis css:ään hain tuota tapaa laittaa ne vierekkäin. Eikös tuo style juttu tule siihen normaaliin html- koodiin. Mutta nyt sain ne vierekkäin tuommosella float koodilla. Eli laitoin toiseen elementtiin float: right; niin silloin se meni siihen viereen.

    Netistä löytyy paljon oppaita css-layoutin teosta. Esim täällä on hyviä esimerkkejä lähdekoodeinen:

    http://www.glish.com/css/

    Äänestä

Kommentoi aloitusta


Apua! kirjoitti:

Miten noita div elementtejä voisi laittaa niin ettei ne vaikuta toisiinsa? Haluaisin semmoisen systeemin, että sivulla olisi semmonen "laatikko" johon tulisi linkit ja sitten keskellä laatikko jossa olisi tekstit, kuvat ja muut. Ja miten se sitten laitetaan sinne html-koodiin. Siis periaatteessa pitäis saada vaan kaksi erillistä elementtiä vierekkäin. Vai pitäiskö siinä käyttää taulukoita? Nyt minulla nuo elementit menee aina toistensa sisään tai päälle tai alle. Mutta vierekkäin en niitä ole saanut millään!

Meinaa jo hermot mennä kun ei rupea onnistumaan. Vaikka minkälaista kikkaa olen kokeillut. Voi tietysti olla että olen ymmärtänyt koko homman ihan väärin, mutta nämä ovatkin vasta ensimmäiset kotisivuni joita yritän tässä väsätä. Auttakaa jos ymmärsitte ongelman!

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