Hallo,
ich hab WP 4.2.3. Theme Zephyr (Plugins: WPML, Maxbuttons und Grid Gallery).
Ich hab auf der Seite https://www.atagio.com/grafsoft/wp/home/ Boxen erstellt, die ich gerne zentriert hätte und darunter jeweils (mit MaxButtons erstellte) Buttons die unter den Boxen liegen sollen.
Das erste Problem ist, dass sich die Boxen nicht zentrieren lassen (ich hab mir die vorschläge im Forum angeschaut, aber die haben nicht weitergeholfen).
Und wie kriege ich die Buttons genau unter die Boxen (ich hab es auch mit einer Tabelle versucht, obwohl ich das eigentlich nicht mag, aber die hat WP einfach entfernt)
Hier das HTML-
HTML
<div class="aligncenter">
<div id="erste" class="box">
FREE ATAGIO 1 project max 10 pics share via mail</div>
<div id="zweite" class="box">
SILVER € 1 p.m.= free + 3 concurrent projects
20 pics / project Share with workgroups 1 GB storage</div>
<div id="dritte" class="box">
GOLD
€ 3 p.m. = silver + 10 concurrent projects unlimited pics / project checklist integration share 10 GB storage</div>
<div id="vierte" class="box">
PLATINUM
€ 5 p.m. = gold + Unlimited concurrent projects Premium support 100GB storage</div>
<div id="fünfte" class="box">
CUSTOMIZED
Coming soon Running on your server</div>
<p id="clear">[maxbutton name="buy"] [maxbutton name="buy"] [maxbutton name="buy"] [maxbutton name="buy"] [maxbutton id="2"]</p>
</div> <!-- Ende aligncenter -->
<h2>ATAGIO – Voice Tagger for PDFs</h2>
<div class="aligncenter">
<div id="sechste" class="box">
FREE
1 concurrent PDF max. 5 users</div>
<div id="siebente" class="box">
SMALL
€ 1 p.m.
5 concurrent PDFs
max. 20 users
1 GB storage</div>
<div id="achte" class="box">
UNLIMITED
€ 3 p.m.
Unlimited concurrent PDFs
Unlimited users
100 GB storage
</div><div id="neunte" class="box">
COMPANY
€ 3 p.m
AND user
Setup € 149,-
Stufenweises Berechtigungs-System
1 TB storage</div>
<p id="clear">[maxbutton name="buy"] [maxbutton name="buy"] [maxbutton name="buy"] [maxbutton name="buy"]</p>
</div><!-- Ende aligncenter -->und hier die CSS:
Code
div.box {
float: left;
font-weight: bold;
text-align: center;
width: 190px;
height: 250px;
padding: 10px;
border: 4px solid #00796b;
margin: 15px;
}
#erste {
background-color: #ffffff;
}
#zweite {
background-color: #ffd180;
}
#dritte {
background-color: #ff9100;
}
#vierte {
background-color: #b2dfdb;
}
#fünfte {
background-color: #009188;
}
#sechste {
background-color: #ffd180;
}
#siebente {
background-color: #ff9100;
}
#achte {
background-color: #b2dfdb;
}
#neunte {
background-color: #009188;
}
p#clear {
clear: left;
}
div.aligncenter (
display: block;
margin-left: auto;
margin-right: auto;
}Hoffe es kann mir wer helfen.
LG