Rekisteröidy

Ilmoitukset

Ladataan…

    Näytä kaikki

    DIV tekstilaatikko-ongelma

    Moi
    Mitä muutoksia alhaalla olevaan css:ään täytyy tehdä, kun div-tekstilaatikon pyöreät kulmat sotkeutuvat. Jokaiseen kulmaan tulee kolme kuvaa päällekäin: vaakasuuntainen- ja pystysuuntainen kehys sekä itse kulma.
    Tämä kuva selventää ongelmaa:
    http://img152.imageshack.us/my.php?image=cssongelmazd9.png

    Olen koettanut lisätä marginaalia sivukehyksien päihin (jotta kulmaosat näkyvät erikseen) ja muutella html-osan div-järjestyksiä, mutta ongelma ei ole ratkennut.

    Lähdekoodi alla
    --------
    CSS:

    #box
    {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding: 0;
    text-align: left;
    width:80%; /*
    4808
    Äänestä

    Muut lukivat myös

    Vastaukset 4

    Vanhimmat

    • Juu, olen katsellut juuri tuollaisia. Ajattelin kuitenkin tehdä kehyksestä hienon ja käyttää siinä kuvia.

      Tämä "Simple Box by tedd" on hyvä vaihtoehto, kun grafiikka pysyy ehjänä vaikka laatikkoa venyttäisi sivusuunnassa miten paljon. Täytyisi vain saada jotain marginaalia tms. tuohon kehyksen kulmiin.

      esim. http://www.schillmania.com/projects/dialog/png/ -osoitteessa olevan laatikon vaakasuuntainen venyminen on rajallinen. Täytyisi tehdä hirveen leveä kuva, mikä ei vaikuta hyvältä...

      Äänestä

    Saako tuota koodia korjattua?
    Eikö se olisi parempi div-tageilla tehdä taulukkojen sijaan?

    Sivu olisi tyhjää, jossa olisi noita kelluvia laatikoita esim. 3kpl/sivu. Mahdollisimman yksinkertainen rakenne.

    Äänestä

    • Ei enää mitään. Käytän toista menetelmää

      Äänestä

    Odottaa vastausta

    Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.

    Luetuimmat keskustelut

    Kommentoi aloitusta

    läpinäkyvyys sotkee kirjoitti:

    Moi
    Mitä muutoksia alhaalla olevaan css:ään täytyy tehdä, kun div-tekstilaatikon pyöreät kulmat sotkeutuvat. Jokaiseen kulmaan tulee kolme kuvaa päällekäin: vaakasuuntainen- ja pystysuuntainen kehys sekä itse kulma.
    Tämä kuva selventää ongelmaa:
    http://img152.imageshack.us/my.php?image=cssongelmazd9.png

    Olen koettanut lisätä marginaalia sivukehyksien päihin (jotta kulmaosat näkyvät erikseen) ja muutella html-osan div-järjestyksiä, mutta ongelma ei ole ratkennut.

    Lähdekoodi alla
    --------
    CSS:

    #box
    {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    padding: 0;
    text-align: left;
    width:80%; /*

    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