Autor | Zpráva | ||
---|---|---|---|
bsteeer Profil |
#1 · Zasláno: 9. 12. 2012, 18:56:16
Zdravím, nepodařilo se mi vycentrovat tento action button z pluginu ve wordpress. CSS kód je následující:
.button_col { float: left; clear: both; background: #690 url(images/bg_left.png) no-repeat; padding: 0 0 0 10px; margin: 5px 0; margin-left: auto; margin-right: auto; } .button_col a{ float: left; width: 230px; height: 40px; background: url(images/bg_stretch.png) repeat-x left top; line-height: 40px; padding: 0 1px; color: #fff; font-size: 1.3em; text-decoration: none; border-bottom: none; } .button_col span { background: url(images/bg_right.png) no-repeat; float: left; width: 10px; height: 40px; margin-left: auto; margin-right: auto; } .clear { clear: both; } |
||
jenikkozak Profil |
#2 · Zasláno: 9. 12. 2012, 19:27:15
Prosím o odkaz na živou ukázku.
|
||
bsteeer Profil |
#3 · Zasláno: 10. 12. 2012, 17:32:26
Plugin je umístěn na adrese :www.it-trika.cz
Jedná se o zelený box umístěn pod fotkou s produktem. |
||
Davex Profil |
#4 · Zasláno: 10. 12. 2012, 20:23:48
bsteeer:
Margin: auto nebude fungovat společně s float em nebo 100% šířkou. V podstatě by to šlo vycentrovat přetypováním na tabulku jako na http://pokusy.1-webdesign.cz/centrovany-float.html.
|
||
margin Profil * |
#5 · Zasláno: 10. 12. 2012, 20:32:43
To mi přijde v tomto případě zbytečné, stačilo by místo DIVu použít SPAN a přetypovat ho na inline-block, centrování musí být v nadřazeném elementu.
|
||
Časová prodleva: 11 let
|
0