hi Leute,
haber hier:
http://www.delco.de/contao/index.php/delwa-hi.html
mehrere CSS Buttons unter dem Block in der Mitte. Diese Fangen nun aber ganz links an. Wie schaffe ich es, dass diese zentriert unter dem Block sind?
Gut wäre auch, wenn die Lösung unabhängig von der Anzahl der Buttons wäre, da diverse Unterseiten die selben Buttons verwenden, abzüglich dem Button für die jeweilige Unterseite. D.h. wenn ich den Buttons, z.B. bei 4 Buttons, einfach sage "width: 25%" klappt das zwar auf der Seite mit den 4 Buttons, aber auf den Unterseiten mit nur 3 Buttons dann halt wieder nicht, weil ich dort 33% nehmen müsste.
Gibt es ne andere Möglichkeit die Buttons als "Block" zu zentrieren?
mfg
edit:
das ist der code der sich um das Grunddesign der Buttons kümmert:
Code:
.button {
text-decoration: none;
text-align: center;
color: #fff;
font-weight: bold;
padding: 12px 20px;
margin-top: 0px;
font-size: 16px;
border-radius: 10px;
background-color: #666666;
box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.2);
display: inline-block;
font-family: Arial, Helvetica, sans;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
margin-left: auto;
margin-right: auto;
}
.blue {
background: #006699;
box-shadow: 0 5px 5px #364a8e, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
Habs zumindest für jede Seite individuell gelöst. Hab einfach die Buttons in einen div-container gesteckt und dann <div align="center"> verwendet. Das klappt super, auch wenn mir lieber wäre, wenn ich das in der design.css für alle Seiten die diese Buttons verwenden machen könnte.
Jemand ne Idee?
Lesezeichen