Zarovnanie na stred.

Sekcia o programovaní, programovacích jazykoch...
badyto

Zarovnanie na stred.

Príspevok od používateľa badyto »

Zdravim! snazim sa zarovnat na stred jedno "tlacitko" ktoreho text sa meni cize neviem jeho presny width. nasledujuci kod sa nachadza vo velkom ale 500px dive v ktorom by som ho chcel zarovnat na stred pomocou tagu <center> lenze pokial neviem sirku toho divu v tom tagu center tak ho center nezarovna na stred, lenze ja tu sirku ani vediet nebudem lebo sa bude menit v zavislosti na texte.

Kód: Vybrať všetko

<center>
<div> 
  <div class="btnLeft"></div>   // lavy roh
  <div class="btnText">Chcem jeden!</div> //stred ktoreho text sa bude menit
  <div class="btnRight"></div>  //pravy roh
<div>
</center>




a style.css

Kód: Vybrať všetko

.btnLeft{
	display:inline;
	float:left;
	width:9px; height:53px;
	background:url(btnLeft.gif) top right;
}
.btnRight{
	display:inline;
	float:left;
	width:10px; height:53px;
	background:url(btnRight.gif) top left;
}
.btnText{
	display:inline;
	float:left;
	height:53px; line-height:53px;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:26px;
	font-weight:bold;
	background:#c20d0d;
}
PLZ help
Používateľov profilový obrázok
masko
Nový používateľ
Nový používateľ
Príspevky: 76
Dátum registrácie: Št 17. Jan, 2008, 14:00
Bydlisko: Bratislava - Stare Mesto / Dubravka (ako kedy :) )

Príspevok od používateľa masko »

miesto tagu center, ktory sa nepouziva, pouzi dalsi DIV, ktoremu nastavis css atributy margin: auto a text-align: center.
tym sa ti tento div vycentruje vzhladom na nadradeny element (teda v tomto pripade ten 500px velky div).

margin: auto ho vycentruje pre normalne browsere(Firefox, Opera...)

text-align: center ho vycentruje pre MSIE.
Athlon X2 5200+ [AC Freezer 64 PRO], Asrock AliveNF5 eSata2+, Apacer 2 GB 800 Mhz, MSI 8800GT 512 MB, SB Audigy 2 ZS + Genius 5.1 HomeTheater, 22" HP w2207, Chello 10Mbit

Návrat na "Programovanie"