Jump to content
php.lv forumi

CSS center + padding


spynode

Recommended Posts

Es izmeegjinaaju dazhaadas metodes , bet man nmeizdevaas panaakt to ko veelos. Ideja ir sekojosha :

Ir teksts iekshaa div boxaa, novietots centraa, bet vienlaiciigi vinjsh ir tect-align:left un padding-left: Xpx . apmeeram shitaa :

 

div boks , kur kontents ir centraa
            _______________________________
           |                                                      
           |            teksts                                 
           |              teksts ar padding               
           |              teksts ar padding               
           |            teksts                                

 

Ir kaadas idejas kaa to vareetu panaakt ?

Neizdevaas sheit paraadiit taas atstarpes tapeec iedomaajieties, ka   ir atstarpe.

Nu tagad ir atstarpes.

Edited by spynode
Link to comment
Share on other sites

ārejais divs: viņam nosaki text-align:center un line-height:xx vai text-vertical-align:middle, lai novietotu saturu centrēti pa horizontāli un vertikāli (line-height: automātiski ieslēdz block elementu satura centrēšanu pa vert.)

iekšējais divs: divs, kā divs, iekš tā jau tie aligni.

bet kas būs ar widthiem man gan nepras'

Link to comment
Share on other sites

Tas text-vertical-align man šķiet uz IE īsti labi negāja. Es domāju, ka uztaisi ārējo div:

.ardiv{

padding: 20px; //ar sho texts bus no visam pusem viduci

text-align: left;

}

Tad sarakti ieksha tos savus textus un atsevishkjai rindai kur vajaga pieliec:

.marg{

margin-left: 30px;

}

 

Ar sho tev laikam tas sanaks :D

Link to comment
Share on other sites

  • 1 month later...

Taakaa jautaajums ir tuvs shai teemai, jaunu topiku neveidoju.

 

Nepiecieshams novietot bloku lapai pa vidu. Body tagam css uzliku text-align:center. Viss bijai baigi labi, liidz briidim, kad lapu atveru Netscape(7.1) browserii, tur bloks ir pie kreisas malas. Parejos parlukos paraada normaali( IE6 un Opera). Kaa uztaisiit, lai arii Netscape div bloks buutu pa vidu (div tagam paramets align nevalideejas, taakaa tas ar neder)?

 

Vel jautaajums par text-vertical-align, vai tad nav jaraksta vertical-align ?

Link to comment
Share on other sites

lai bloks buutu pa vidu:

body {text-align:center; }

#viss {text-align:left; width:800px; margin: 0 auto;}

 

par vertical align:

vertical-align: middle

tiesa gan te buus jaaskataas kaa shamo pielietot, jo neba nu vinjsh taapat vien darbojas..

 

sheit var arii papeetiit line-height iespeeju

Link to comment
Share on other sites

Nepiecieshams novietot bloku lapai pa vidu. Body tagam css uzliku text-align:center. Viss bijai baigi labi, liidz briidim, kad lapu atveru Netscape(7.1) browserii, tur bloks ir pie kreisas malas. Parejos parlukos paraada normaali( IE6 un Opera). Kaa uztaisiit, lai arii Netscape div bloks buutu pa vidu (div tagam paramets align nevalideejas, taakaa tas ar neder)?

Kā jau hu ha rakstīja, lai centrētu blok-tipa elementus ir nepieciešams lietot:

margin-left: auto;
margin-right: auto;

Tas arī viss.

Edited by l33t
Link to comment
Share on other sites

×
×
  • Create New...