[ERLEDIGT] Bilder neben text anordnen

[benbalthasar]

Hallo,

möchte die beiden Luftballn Bilder jeweils eins links und eins rechts naben den Countdown und der Schrift machen.

Hier mal der Quellcode:

<div id="countdown">
        <img src="/images/ballon.gif" id="ballon_links" alt="Informationen zu mir" width="100" height="103" />
    <form name="countdownform" >
        <input name="countdowninput">
    </form>
    <p>bis zu meinem 1. Geburtstag.</p>
        <img src="/images/ballon.gif" id="ballon_rechts" alt="Informationen zu mir" width="100" height="103" />
</div>

#ballon_links {
 float: left;
 }
    
#ballon_rechts {
 float: right;
 }    
    
#countdown {
 width: 850px;
 margin: 0 auto 30px auto;
 background: #518c9e;
 border-radius: 8px;
 border: 1px white solid;
 font-family:  Vidaloka,Georgia,"Times New Roman",Times,serif;
 font-size: 18px;
 color: white;
 padding: 5px;
 text-align: center;
 line-height: 1.5; /* Zeilenabstand, ohne Einheit */
 }
 
 #countdown input {
 border: 0px;
 border-radius: 8px 8px 0 0;
 font-family:  Vidaloka,Georgia,"Times New Roman",Times,serif;
 font-size: 18px;
 color: white;
 background: #518c9e;
 width: 562px;
 }

Ein Screen habe ich angehängt

Leider habe ich die Seite so noch nicht online das man hätte eine Livedemo präsentieren können. Sollte jemand einen Weg kenne, nur raus damit.

 

[Cheffchen]

schieb mal das 2 Bild hoch zum ersten.

wenn dann der Hintergrund zu kurz ist mach ein clear div nach den schliessenden form Tag

cheffchen

 

[benbalthasar]

Ok danke, hat funktioniert.
Noch was anderes: Wie kann ich es erreichen, das die Ballons oben über den Rand schauen und nicht so wie es jetzt ist unten.

 

[Cheffchen]

Hallo,

versuch mal in jeder ballon id noch

position:relative;
top:-20px;

Cheffchen

 

[benbalthasar]

Auch das hat funktioniert. Vielen Dank