Hallo Zusammen,
Ich bräuchte bitte mal eure Hilfe bei der Fehlersuche. Im Bereich der Featured Titles habe ich das Problem, dass ich die CSS Box nicht einzeln dargestellt bekomme. Irgendwie wird mir ständig nur eine CSS Box dargestellt, anstatt drei.
Theme (ursprünglich): arthemia-de.
Link: hier
Die Featured Titles 1-3 sollten eigentlich getrennt dastehen:
PHP
<div id="FEATURED-Field">
<!-- ================================================== featured-title -->
<div class="FEATURED-box">
<?php query_posts("showposts=4&category_name=Featured"); $i = 1; ?>
<?php while (have_posts()) : the_post(); ?>
<!-- ================================== Title -->
<div class="FEATURED-Title">
<a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
</div>
<!-- ================================== Image -->
<div class="FEATURED-Image">
<?php $values = get_post_custom_values("Image");
if (isset($values[0])) { ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permalink zu <?php the_title(); ?>">
<img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=/<?php
$values = get_post_custom_values("Image"); echo $values[0]; ?>&w=75&h=75&zc=1&q=100"
alt="<?php the_title(); ?>" width="75px" height="75px" /></a>
<?php } ?>
</div>
<!-- ================================== Text -->
<div class="FEATURED-Text">
<?php the_excerpt(); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permalink zu <?php the_title(); ?>"><p align="right">Weiterlesen »</p></a>
</div>
<?php endwhile; ?>
</div>
<!-- close Featured & leadfield -->
</div>
</div>
hier das zugehörige CSS:
HTML
#FEATURED-Field {
width: 340px;
float: right;
padding: 5px;
margin-right: 5px;
margin-top: 5px;
}
.FEATURED-box {
border: solid 1px #FF0000;
background-color: #FFFFFF;
margin: 5px;
padding: 5px;
}
.FEATURED-Title {
width: 70px;
height: 10px;
z-index: 1;
position: relative;
top: 20px;
left: -5px;
font-weight: bold;
letter-spacing:-0.05em;
font: 1.0em;
padding-left: 5px;
background-image: url(http://tododle.de/wp-content/themes/tododle-de/images/BG/trans2.png);
background-repeat: no-repeat;
}
.FEATURED-Image {
width: 75px;
border: 0px;
float: left;
}
.FEATURED-Text {
width:240px;
float:right;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #333333;
text-align: justify;
}