Ich erstelle gerade ein neues theme, leider habe ich ein problem beim einfügen der sidebar. es gibt ingesammt 3 blöcke. die komplette breite soll 520px betragen. Leider bin ich ein dau in sachen css und komme mit versuchen auch nicht dahinter wie ich a: die breite auf 520px bekomme, mit lücken dazwischen und b: warum zum teufel der untere strich kürzer ist als der untere. bitte vielmals um hilfe, verweise, andeutungen. danke.
sidebar.php:
PHP
<div id="ancillary">
<div class="inside">
<div class="block first">
<h2>Categories</h2>
<ul class="counts">
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</div>
<div class="block">
<h2>Categories</h2>
<ul class="counts">
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</div>
<div class="block">
<h2>Categories</h2>
<ul class="counts">
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</div>
<div class="clear"></div>
</div>
</div>Die CSS dazu:
PHP
#ancillary{
padding: 2em 0px 0px 0px;
}
#ancillary .block{
float: left;
margin: 0px 0px 0px 5%;
width: 150px;
}
#ancillary .block h2, #ancillary .block h3{
margin: 0px 0px 2em 0px;
}
#ancillary .block-separator{
clear: both;
height: 2.5em;
}
#ancillary .first, * html #ancillary .first{
clear: both;
margin: 0px;
}
.inside{
width: 520px;
margin:0 auto;
}
.clear{
clear: both;
font-size: 1px;
height: 1px;
line-height: 1px;
}
ul.counts .count{
color: #7A7A7A;
float: right;
}
ul.dates .date{
color: #7A7A7A;
padding: 0px 1.5em 0px 0px;
}
ul.dates a, ul.counts a{
color: inherit;
color: #404040;
text-decoration: none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{
color: #000000;
}
ul.dates li, ul.counts li{
border-bottom: 1px dotted #999999;
list-style-type: none;
margin: 0px;
padding: 0.5em 0px;
}
ul.dates, ul.counts{
border-top: 1px dotted #999999;
list-style-type: none;
margin: 1.5em 0px;
}Die URL dazu: kaffeepause.org