CSS ruudustik

  • Biitnik 12 a

    Andke häid ideid mismoodi kõige minimaalsema CSS HTML koodiga saavutada. 10x10 ruudustik, mille iga ruudu vahel on 1px solid border. Ning, mis näeks iga brauseriga samasugune välja.

    04. juuni 2008 - 21:30:21 · Otselink

  • <div style="border-left: 1px solid #000;border-top: 1px solid #000; width: 28px; font-size: 6px;">
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="clear: both; height: 1px; overflow: hidden; margin-bottom: -1px;"></div>
    </div>

    04. juuni 2008 - 21:43:53 · Otselink

  • midagi sellist peaks alguseks hea olema

    04. juuni 2008 - 21:48:20 · Otselink

  • võtsin copy-pastega selle koodi, FF-is oli kaks klotsi kolmes reas pluss saba, IE-s kolm klotsi kahes reas. Tabelitega juba sellist muret poleks, ei saa kuidagi mainimata jätta ;)

    04. juuni 2008 - 23:24:54 · Otselink

  • Biitnik 12 a

    Aga tegelt parandaks ennast.

    Kas on võimalik teha tabel, mille cellide border on alati 1 px?

    04. juuni 2008 - 23:59:10 · Otselink

  • paries 12 a

    proovi seda:

    table { border-collapse: collapse }
    table td { border: 1px solid #000 }

    05. juuni 2008 - 07:03:02 · Otselink

  • "võtsin copy-pastega selle koodi, FF-is oli kaks klotsi kolmes reas pluss saba, IE-s kolm klotsi kahes reas. Tabelitega juba sellist muret poleks, ei saa kuidagi mainimata jätta ;) "

    pane doctype ka, siis pelab ilmselt paremini, aga tabeliga saab ka väga edukalt sama loogikaga, et ülemine ja vasak tabelile ja td -le parem ja alumine border, samas pariese variant on ka väga hea

    05. juuni 2008 - 09:46:18 · Otselink

  • Ked† 12 a

    vaalase koodi edasiarendus...
    mul näitas ka valesti seda XHTML 1.0 Transitional-iga

    <div style="border-left: 1px solid #000;border-top: 1px solid #000; width: 30px; font-size: 6px;">
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="height: 9px; width: 9px; border-bottom:1px solid #000; border-right:1px solid #000; float: left;"></div>
    <div style="clear: both; height: 0px; font-size: 0px; overflow: hidden;"></div>
    </div>

    05. juuni 2008 - 09:47:06 · Otselink

  • .

    05. juuni 2008 - 09:50:30 · Otselink

  • Biitnik 12 a

    Suur aitähh, see oli just see mis vaja :)

    "proovi seda: table { border-collapse: collapse } table td { border: 1px solid #000 } "

    05. juuni 2008 - 13:26:54 · Otselink