Центриране на код от file.css ?

[monty1991]

Здравейте .. :wink:

Искам да попитам как мога да центрирам ето този код в .css файл ...

.razbg_item { margin: 10px; padding: 0; float: left; display: block; width: 106px; height: 160px; background: #bfe1e9; }

 

[shterev]

Както си дал само това е мн трудно някой да ти каже как точно да го центрира или пък всеки ще ти каже сложи margin:0 auto; width: ?px; и ще се центрира. Трябва да се види структурата на хтмл, като гледам тоя цсс имаш един float:left; и ме съмнява дали е правилно структурирано за да се центрира

 

[smoke]

[css].razbg_item { margin: 10px; padding: 0; float: left; display: block; width: 106px; height: 160px; background: #bfe1e9; margin: 0 auto;}[/css]

а ако не стани пробвай така:

[css].razbg_item { margin: 0 auto; margin: 10px; padding: 0; float: left; display: block; width: 106px; height: 160px; background: #bfe1e9; }[/css]

 

[shterev]

[css].razbg_item { margin: 10px; padding: 0; float: left; display: block; width: 106px; height: 160px; background: #bfe1e9; margin: 0 auto;}[/css]

а ако не стани пробвай така:

[css].razbg_item { margin: 0 auto; margin: 10px; padding: 0; float: left; display: block; width: 106px; height: 160px; background: #bfe1e9; }[/css]

Прочети добре предния ми пост Имаш ли float скъсайсе не можеш да центрираш

п.с. във втория ти случай margin:0 auto; отмада, поеже го предефинираш margin:10px;

 

[monty1991]

Мда прав си найстина нестава ... Като го има тоя float квото и да правя неще , а махна ли го работата се омазва отсякаде :Д

Ми ето целите кодове ако това ще помогне ...

от .css файла

.razbg_items { margin: 0; padding: 0; display: block;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; color: #234777; text-align: center; }
.razbg_item { margin: 10px; padding: 0; float: left; display: block; width: 106px; height: 160px; background: #bfe1e9; }
.razbg_item img{ margin: 8px; padding: 0; background: transparent; }
.razbg_price { font-family: Times New Roman,Georgia,Serif; font-size: 24px; font-style: normal; font-weight: bold; font-variant: normal; color: #234777; line-height: 46px; }
.razbg_sm { font-family: Times New Roman,Georgia,Serif; font-size: 16px; font-style: normal; font-weight: bold; font-variant: normal; color: #234777; line-height: 46px; }

от .html файла

<div class="razbg_items">
<div class="razbg_item"> <img src="img/razbg_1.png">1 <br><span class="razbg_price">0.80</span><span class="razbg_sm"> лв.</span></div>
<div class="razbg_item"> <img src="img/razbg_2.png"> 2<br><span class="razbg_price">1.60</span><span class="razbg_sm"> лв.</span></div>
<div class="razbg_item"> <img src="img/razbg_4.png">3<br><span class="razbg_price">25</span><span class="razbg_sm"> мин.</span></div>
</div>
<div style="clear: both;"></div>

 

[CeVo]

 

[iCreatives]

Много лоша структура на кода!