Autor Zpráva
bsteeer
Profil
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
Prosím o odkaz na živou ukázku.
bsteeer
Profil
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
bsteeer:
Margin: auto nebude fungovat společně s floatem 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 *
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: