Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 09.05.2012, 22:32
sanktusm sanktusm ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.05.2011
Beiträge: 2
sanktusm befindet sich auf einem aufstrebenden Ast
Standard Breite der Textlänge anpassen, Restbreit ausfüllen

Hallo,
ich habe folgende HTML Div Layer:

<div class="text_label">
<div class="text">Hier steht ein Text:</div>
<div class="punkte">&nbsp;</div>
</div>

Nun möchte ich Punkte mit Punkten ausfüllen. Dies habe ich mit einem Hintergrundbild und repeat-x realisiert, was eventuell natürlich auch anders gehen könnte.

Mein Problem ist nun, dass ich einen dynamischen Text habe, der in seiner Länge unterschiedlich ausfallen kann.

So muss ich also die Breite dem Text anpassen, um dann die verbleibende Breite mit Punkten zu füllen. Wie geht das?

Mein CSS sieht bis jetzt so aus
.text_label {
width: 300px;
}
.text_label .punkte {
float: right;
width: auto:
background-image:url(punkt.gif); background-repeat: repeat-x;
}

.text_label .text {
float: left;
width: auto;
}


.text_large_label_before .text {
float: left;
width: auto;
}
Mit Zitat antworten
Sponsored Links