✔ css in div-box zweiten Text anordnen ähnlich img

Status
Nicht offen für weitere Antworten.
E

elix

Grünschnabel
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
 
Vielleicht hilft dir dieses Modell weiter:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<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>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück