Hallo,
ich habe folgenden Code:
PHP-Code:
<div id="abriss_start_teaser">
<img src="/wp-content/themes/default_de/images/abriss_start_teaser.gif"/>
</div>
<div id="rahmen_teaser_container">
<div id="teaser_container_box1">
<?php query_posts('showposts=1'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php $olafs = get_the_content(); ?>
<a href="<?php the_permalink() ?>">
<?php $olafs = str_replace(" align=\"left\"", "", $olafs);
list ($img, $link) = split('[>]', $olafs);
echo " $img> \n\n";
?>
</a>
<?php endwhile; ?>
<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
</div>
<div id="teaser_container_box2">
<?php query_posts('showposts=1'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php $olafs = get_the_content(); ?>
<a href="<?php the_permalink() ?>">
<?php $olafs = str_replace(" align=\"left\"", "", $olafs);
list ($img, $link) = split('[>]', $olafs);
echo " $img> \n\n";
?>
</a>
<?php endwhile; ?>
<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
</div>
</div>
und folgendes CSS dazu:
PHP-Code:
#abriss_start_teaser img{
margin: 10px 0 0 0;
width: 773px;
}
#rahmen_teaser_container{
margin: -19px 0 0 0;
width: 769px;
height: 272px;
border-left: 2px solid #888888;
border-right: 2px solid #888888;
border-bottom: 2px solid #888888;
}
#teaser_container_box1{
width: 270px;
height: 263px;
border-top: 5px solid #d80607;
border-left: 4px solid #d80607;
border-right: 4px solid #d80607;
border-bottom: 4px solid #d80607;
margin: 0;
padding: 0;
background: black;
}
#teaser_container_box1 img{
width: 270px;
height: 199px;
margin: 0 0 4px 0;
padding: 0;
}
#teaser_container_box1 h2{
font-family:arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:19px;
margin: 0 0 0 5px;
}
#teaser_container_box1 h2 a{
color:white;
font-family:arial,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
}
#teaser_container_box2{
width: 270px;
height: 263px;
border-top: 5px solid #d80607;
border-left: 4px solid #d80607;
border-right: 4px solid #d80607;
border-bottom: 4px solid #d80607;
margin: 0;
padding: 0;
background: black;
float:left;
margin-left: 300px;
}
#teaser_container_box2 img{
width: 270px;
height: 199px;
margin: 0 0 4px 0;
padding: 0;
}
#teaser_container_box2 h2{
font-family:arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:19px;
margin: 0 0 0 5px;
}
#teaser_container_box2 h2 a{
color:white;
font-family:arial,sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
}
Wie bekomme ich aber jetzt Container 1 und Container 2 in eine Linine, also nebeneinander ?
Ich werde noch wahnsinnig !