Hallo liebe Gemeinde,
ich bin am verzweifel und habe schon überall "text-align: center;" ausprobiert, wo es nur geht, aber nichts geschafft.
Wer kann mir helfen, ich schaffe es nicht, dass die Buttons insg. in der Mitte angezeigt werden.
PS: Ich habe noch den Stylesheet von der Thickbox drin und die jQuery.js + Thickbox.js drin.
CSS-Code
CSS
<style type="text/css">
body {
background: url(../img/background.jpg) fixed no-repeat;
background-position: center;
background-size: 100% 100%;
margin:0px;
background-color: green;
color: #fb9940;
font-family: Verdana, Sans-Serif;
}
.header {
float: none;
display: block;
text-align: center;
margin-top: -150px;
margin-bottom: 50px;
}
.logo {
float: right;
display: block;
text-align: center;
margin-top: -150px;
margin-bottom: 50px;
margin-right: -170px;
}
.center {
float: none;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 200px;
}
.nav a {
display: inline-block;
width: 100px;
background: #fb9940;
padding: 5px 5px 5px 5px;
border: 1px solid #ba6410;
color: #fff;
text-decoration: none;
text-align: center;
margin: 0px 10px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.navigation, .footer {
text-align: center;
font-size:14px;
display:block;
position:absolute;
}
.navigation ul, .footer ul {
list-style-type:none;
list-style-image:none;
text-align: center;
}
.navigation li.topmenu, .footer li.topmenu {
float:left;
padding: 0px 0px;
text-align: center;
}
.topmenu ul{
display:none;
}
.topmenu a {
display: inline-block;
width: 120px;
background: #fb9940;
padding: 5px;
border: 1px solid #ba6410;
color: #fff;
text-decoration: none;
text-align: center;
margin: 0px 10px;
font-size: 14px;
font-weight: bold;
}
.submenu a {
border-top: 0px;
position:relative;
clear:both; /* special IE6 */
}
.navigation a:hover, .topmenu.on a, .footer a:hover {
background-color:#ffaf67 !important;
}
.topmenu:hover ul {
display:block;
}
.article {
margin-top: 120px;
}
.footer {
margin-top: 25px;
}
</style>HTML-Code
Code
<div class="center"> <div class="header"><img src="../img/header.png" alt="" title="" /></div>
<div class="logo"><img src="../img/logo.png" alt="" title="" /></div>
<div class="navigation">
<ul>$navigation_top</ul>
</div>
<div class="article">
<div class="scroll-pane" style="overflow:auto; width:100%; height:350px; padding:0px; border:0px;">
$content
</div>
</div>
<div class="footer" style="text-align:center;">
<ul style="text-align:center;">$navigation_bottom</ul>
</div>
</div>
Schaffe es allein, OHNE Hilfe leider nicht mehr...
Mit freundlichem Gruß,
RobertW
