Keli div'ai vienoje eilutėje?

Sveiki, norėjau sužinoti, kaip reikėtų padaryti 3 div'us vienoje eilutėje?

Na kaip pavyzdys http://livingelectro.com (ten kur muzika tuose kvadračiukuose) kaip tuos kvadračiukus į vieną eilutę sudėti?

Visus tuos tris div'us float'ing į kairę. Dar gali reikėti panaudot display block (arba table, neprisimenu).

Visus tuos tris div'us float'ing į kairę. Dar gali reikėti panaudot display block (arba table, neprisimenu).

Kiek mano silpnos CSS žinios neša, block kaip tik yra su kėlimu į kitą eilutę, reiktų inline arba inline-block :)

Nurodai plotį kokį 200px ir float : left

Sveiki, norėjau sužinoti, kaip reikėtų padaryti 3 div'us vienoje eilutėje?

Na kaip pavyzdys http://livingelectro.com (ten kur muzika tuose kvadračiukuose) kaip tuos kvadračiukus į vieną eilutę sudėti?

<div id="blokas">
    <div class="blokas">
           <!-- turinys -->
    </div>

    <div class="blokas">
           <!-- turinys -->
    </div>

    <div class="blokas">
           <!-- turinys -->
    </div>
    <div class="cl"><!-- isvalai visus float div'ui #blokas --></div>
</div>

div#blokas {width:960px; maring:0px auto;) /* 900px dydzio ir per centra /*
.blokas { width:300px; padding:10px; float:left;}
.cl {clear:left;}

Kiek mano silpnos CSS žinios neša, block kaip tik yra su kėlimu į kitą eilutę, reiktų inline arba inline-block :)

Taip. Display: inline-block;

Taip. Display: inline-block;

"display:inline-block" yra nenaudojamas div'ams, pagal nutylėjimą. Jis naudojamas formoms, input, btn, audio, canvas, video ir panašiai.

"display:inline-block" yra nenaudojamas div'ams, pagal nutylėjimą. Jis naudojamas formoms, input, btn, audio, canvas, video ir panašiai.

CSS ir yra skirtas taisyklių laužymui. Vienintelis minusas, kad inline-block'o nepalaiko ShitExplorer'io jaunesnės versijos...

CSS ir yra skirtas taisyklių laužymui. Vienintelis minusas, kad inline-block'o nepalaiko ShitExplorer'io jaunesnės versijos...

Žinoma galima parašyti viską labai kietai

.blokas>[class*="span"]{display:inline;float:left;margin-left:20px;}

Dalykas tas, kad "float:left+clear:left" yra geriausiai parsinamas naršyklių ir su juo mažiausiai kyla problemų, dėl manęs gali naudoti ir less ir importinti kodą ir prirašyti hacku su css, nuo to puslapis geresnis ar gražesnis nepasidarys, jeigu žmogus nežino kaip sudėlioti div'us, tai jam tikrai nereikia css'o cheatshyto.

Žinoma visi turi savo stilių kodindami css'ą, bet jeigu žmogus atvaizduoti 'data' informacijai naudoja div'us vietoje tables arba sąrašus atvaizduoja su <ul><li> o ne <dl><dd><dt> tagais - jis tai daro blogai.

--------------

Žinoma visi turi savo stilių kodindami css'ą, bet jeigu žmogus atvaizduoti 'data' informacijai naudoja div'us vietoje tables arba sąrašus atvaizduoja su <ul><li> o ne <dl><dd><dt> tagais - jis tai daro blogai.

<sarcasm>

genius

</sarcasm>

<sarcasm>

genius

</sarcasm>

Hey ninja ! :)

http://www.google.lt/search?aq=1&oq=css+dl&sourceid=chrome&ie=UTF-8&q=css+dl+dt

Pirmas rezultatas - http://www.onextrapixel.com/2009/05/13/how-to-use-dl-dt-and-dd-html-tags-to-list-data-vs-table-list-data/

http://schema.org

Savo pranešime gi aiškiai parašiau 'data', o ne TURINYS, duomenys ≠ turinys. sąrašas ≠ apibrėžimų sąrašui.

Nustok trollinti

Hey ninja ! :)

http://www.google.lt...F-8&q=css+dl+dt

 

Pirmas rezultatas - http://www.onextrapi...able-list-data/

 

http://schema.org

Taigi <ul><li> ir table list yra du skirtingi dalykai

Taigi <ul><li> ir table list yra du skirtingi dalykai

Gi aiškiai parašyta 'data' tables _arba_ sąrašam lists, gal tik su def list neaiškiai parašiau.