CSS + HTML lenteles

sveiki. iskilo bedos su lenteliu aprasymu.

tarkime turiu lentele is 1 stulpelio ir 6 eiluciu. noriu tas 6 eilutes atskirti tarpais, taciau neveikia nei margin, nei <br> savybes. lenteles vistiek kaip sukibusios.

tada pabandziau eiti tiesiai per aplinkui - vietoj kiekvienos stulpelio eilutes sukuriau <div class=> ir irasiau juose norima teksta su <h1></h1>. tarpus tarp eiluciu padaryti pavyko, deja iskilo beda su teksto atvaizdavimu. noriu kad jis butu atvaizduojamas kiekvienos eilutes viduryje, bet tenka pasitelkti padding savybe. deja, leidziant tekstui jis kartu slenkasi ir i desine puse, islysdamas is norimu ribu. kur sumazinti pikselius nematau. align: center; savybe neveikia.

gal kas turite ideju kaip tvarkingai, graziai ir optimaliai isspresti sia problema?

ne align: center; o text-align: center; naudok ;)

tai as ji ir naudoju, deja naudos jokios :/

td{

text-align:center;

padding:10px;

}

td{

text-align:center;

padding:10px;

}

bandziau ir taip :) nepadeda :)

prisegu kaip daugmaz viskas atrodo:

#blokas { width: 60px; height: 450px; float: left; margin: 0px 6px; display: block; }
#blokas #lentele1 { width: 60px; height: 60px; background: #990099; margin: 8px; -moz-border-radius: 10px; }
#blokas #lentele2 { width: 60px; height: 60px; background: #006600;  margin: 8px; -moz-border-radius: 10px; } 
#blokas #lentele3 { width: 60px; height: 60px; background: #006600;  margin: 8px; -moz-border-radius: 10px; } 

HTML kodas:

       	<div id="blokas">

                       <div id="lentele1">

		   <h5>reiksme</h5>

                       </div>

                       <div id="lentele2">
		    <h5>reiksme</h5>
                       </div>

                       <div id="lentele3">
		    <h5>reiksme</h5>
                       </div>


               </div>

nu aš prie css pridėjau

#lentele1, #lentele2, #lentele3 {text-align: center;}

ir veikia ;)

<style type="text/css">
table{border-collapse:collapse;}
td{
border:1px solid #000;
height:60px;
margin-top:10px;
text-align:center;
}
td.sep{
border:none;
height:10px;
}
</style>

<table>
<tr><td>cele1</td></tr>
<tr><td class="sep"></td></tr>
<tr><td>cele2</td></tr>
<tr><td class="sep"></td></tr>
<tr><td>cele3</td></tr>
<tr><td class="sep"></td></tr>
<tr><td>cele4</td></tr>
</table>

<style type="text/css">
table{border-collapse:collapse;}
td{
border:1px solid #000;
height:60px;
margin-top:10px;
text-align:center;
}
td.sep{
border:none;
height:10px;
}
</style>

<table>
<tr><td>cele1</td></tr>
<tr><td class="sep"></td></tr>
<tr><td>cele2</td></tr>
<tr><td class="sep"></td></tr>
<tr><td>cele3</td></tr>
<tr><td class="sep"></td></tr>
<tr><td>cele4</td></tr>
</table>

o kaip su lenteliu atskyrimu, kad butu tarpai tarp ju?

sveiki. iskilo bedos su lenteliu aprasymu.

tarkime turiu lentele is 1 stulpelio ir 6 eiluciu. noriu tas 6 eilutes atskirti tarpais, taciau neveikia nei margin, nei <br> savybes. lenteles vistiek kaip sukibusios.

tada pabandziau eiti tiesiai per aplinkui - vietoj kiekvienos stulpelio eilutes sukuriau <div class=> ir irasiau juose norima teksta su <h1></h1>. tarpus tarp eiluciu padaryti pavyko, deja iskilo beda su teksto atvaizdavimu. noriu kad jis butu atvaizduojamas kiekvienos eilutes viduryje, bet tenka pasitelkti padding savybe. deja, leidziant tekstui jis kartu slenkasi ir i desine puse, islysdamas is norimu ribu. kur sumazinti pikselius nematau. align: center; savybe neveikia.

 

gal kas turite ideju kaip tvarkingai, graziai ir optimaliai isspresti sia problema?

Jei gerai suprantu, pabandyk naudoti cellspacing atributą

o kaip su lenteliu atskyrimu, kad butu tarpai tarp ju?

Už tokį klausimą uždėčiau minusą, jei leistų sistema. Jei aš nepatingėjau tau parašyti kodą, tai tu bent nepatingėk jį išmėginti prieš klausdamas. Tarpus padariau klase .sep

Už tokį klausimą uždėčiau minusą, jei leistų sistema. Jei aš nepatingėjau tau parašyti kodą, tai tu bent nepatingėk jį išmėginti prieš klausdamas. Tarpus padariau klase .sep

atsiprasau, nezinojau sep funkcijos :)

viskas kaip ir ok, bet tekstas vistiek nestovi laukelio viduryje.

http://img845.imageshack.us/img845/3917/asdasdc.png

td{vertical-align:middle;}

td{vertical-align:middle;}

pagaliau! :D tiek vargo del vienos kvailos eilutes :) aciu tau uz pagalba :)

Tam šis forumas ir yra. Prašau.

Tam šis forumas ir yra. Prašau.

dar vienas klausimas del centrinio teksto atvaizdavimo:

o jei nenaudoti lenteliu? ar komanda vertical-align: middle veikia? nes man ji neveikia. kaip reiketu teksta nustumti i viduri?

               <div id="pirmas">
               <h5>tekst</h5>
             	</div>

               <div id="antras">
               	<h5>tekst</h5>
               </div>

               <div id="trecias">
               	<h5>tekst</h5>
               </div>

ir aprasoma su css nurodant formos auksti, ploti, backgroundo spalva. su padding man jis stumiasi i apacia, bet tuo paciu ir i sona eina, o kur "nuimti" pikselius kad atstatyti i centra nera :/

h5 line-height = div height

h5 line-height = div height

aciu :)