Felix: css in div-box zweiten Text anordnen ähnlich img

SELF-Forum

css in div-box zweiten Text anordnen ähnlich img

Felix
– Informationen zu den Bewertungsregeln

Hi all,

ich habe im Moment ein kleines Problem bezüglich der Anordnung von Texten in Css-boxen, bzw. stehe grad auf dem Schlauch.

Und zwar habe ich mehrere Boxen in denen jeweils eine Beschreibung einer Aufgabe angezeigt werden soll + weitere Infos. Das klappt auch ganz gut.

Zu diesen Infos soll jetzt aber auch noch die Restzeit der Aufgabe angezeigt werden. Zuerst habe ich dazu jeweils ein Gif angezeigt in der oberen rechten Ecke der Box. Funktionierte einwandfrei, der normale Aufgabentext wurde ohne Probleme umgebrochen. Das sah dann so ungefähr aus: <div class="Aufgabe">asdfjkle<img class="iconoben"> icon.gif</img></div> mit den entsprechenden stylesheets.

Jetzt kommts: Anstelle der Gifs will ich jetzt einen Text anzeigen, z.B. 6T 5Std 3Min. Dieser soll wie das Gif immer an der selben stelle stehen und der restliche Aufgabentext wenn er zu lang ist umgebrochen werden. Leider aber krieg ich das grad nit hin. Ich habe die Zeitanzeige in einem Extra-Tag im Moment n <a>bla</a> neben dem normalen Text stehen. Die Zeitanzeige steht aber immer erst nach dem Aufgabentext.

Könnt ihr mir helfen?

THX

Felix

P.S.

Falls ihr meine Beschreibung nit verstanden habt, ich erklärs gerne nochmal

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. css in div-box zweiten Text anordnen ähnlich img

    schwarze Piste
    – Informationen zu den Bewertungsregeln

    Tachchen!

    Wie war denn das GIF positioniert?
    Wenn ich dich richtig verstehe, wahrscheinich per float.
    Das sollte auch für Textlinks gehen.

    Allerdings bin ich mir (wie du) nicht sicher,
    ob ich dich vollumfänglich verstanden habe. ;-)

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    Smartbytes Webdesign in Oberhausen
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. css in div-box zweiten Text anordnen ähnlich img

      Felix
      – Informationen zu den Bewertungsregeln

      Hi,

      doch float ist tatsächlich die Lösung. Vielen Dank

      Felix

      <style type="text/css">
      <!--
      div.box {
      border: 1px solid #dfdfdf;
      width: 300px;
      }

      div.box p.time {
      float:right;
      margin: 0;
      background: #dfdfdf;
      }
      -->
      </style>

      </head>
      <body>

      <div class="box">
           <p class="time">6T 5Std 3Min</p> Und hier folgt der weitere Text, der momentan keinen Sinn ergibt.
      </div>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln