zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Display Inline ? Frage

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.09.2008, 21:43
Benutzerbild von Baracudagirl
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.07.2008
Beiträge: 254
Baracudagirl kann nur auf Besserung hoffen
Standard Display Inline ? Frage

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{
margin10px 0 0 0;
width773px;
}
#rahmen_teaser_container{
margin: -19px 0 0 0;
width769px;
height272px;
border-left2px solid #888888;
border-right2px solid #888888;
border-bottom2px solid #888888;
}
#teaser_container_box1{
width270px;
height263px;
border-top5px solid #d80607;
border-left4px solid #d80607;
border-right4px solid #d80607;
border-bottom4px solid #d80607;
margin0;
padding0;
backgroundblack;
}
#teaser_container_box1 img{
width270px;
height199px;
margin0 0 4px 0;
padding0;
}
#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;
margin0 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{
width270px;
height263px;
border-top5px solid #d80607;
border-left4px solid #d80607;
border-right4px solid #d80607;
border-bottom4px solid #d80607;
margin0;
padding0;
backgroundblack;
float:left;
margin-left300px;
}
#teaser_container_box2 img{
width270px;
height199px;
margin0 0 4px 0;
padding0;
}
#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;
margin0 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 !
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.09.2008, 22:38
Benutzerbild von RottenRoller
Benutzer
neuer user
 
Registriert seit: 12.05.2008
Ort: Flingern rules!
Beiträge: 53
RottenRoller befindet sich auf einem aufstrebenden Ast
Standard

floate den einen "left" den anderen "right" (#teaser_container_box1 + #teaser_container_box2) cleare das ganze am ende und beachte die gesamtbreite der beiden container...
__________________
www.freizeitler.de
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.09.2008, 22:53
Benutzerbild von Baracudagirl
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.07.2008
Beiträge: 254
Baracudagirl kann nur auf Besserung hoffen
Standard

danke erstmal

wie cleared man das ?
Es soll dann später neben den zweiten rechts noch ein dritter hin ?
Trotzdem so machen ?
Mit Zitat antworten
  #4 (permalink)  
Alt 15.09.2008, 00:25
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Sie können auch einfach alle links floaten. Clearen z.B. durch einen Footer mit clear: both;. Siehe auch FAQ Punkt 2.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
Horizontales Menü mit display inline und block DiHo CSS 3 01.01.2010 19:47
display: block und inline maggie CSS 21 05.05.2009 14:24
skiplinks / TAB und das darin enthaltene display: inline emti CSS 6 15.12.2008 09:38


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:08 Uhr.