Unterstreichung zwischen 2 Elementen

[fde]

Hallo,

wie kann ich es errecihen, dass zwischen 2 Elementen eine UNterstreichung angezeigt wird, die sich dem verfügbaren Platz anpasst?

z.B.

<h1>Überschrift</h1><span>Seitenzahl rechts-oben</span>

soll so in etwa ausssehen:

Überschrift_____________________Seitenzahl rechts-oben

Vielleicht hat jemand eine Idee?

Gruß

[Hopsel]

Hi fde!

<h1>Überschrift</h1><span>Seitenzahl rechts-oben</span>
soll so in etwa ausssehen:
Überschrift_____________________Seitenzahl rechts-oben
Vielleicht hat jemand eine Idee?

Das ist gar nichtso einfach. Schließlich gibt es kein Element, dem du diesen Rahmen (border-bottom) zuweisen kannst.
Eine spontane Idee:
Du brauchst ein umgebendes Div: <div><h1>Überschrift</h1><span>Seitenzahl rechts-oben</span></div>
Dem gibst du ein Hintergrundbild, das in x-Richtung wiederholt wird, also dein unterer Rahmen wird.
Dem h1 und span musst du nun noch ein Hintergrundbild geben, dass diesen "Rahmen" überdeckt.

Ziemlich umständlich, aber im Moment fällt mir keine andere Lösung ein.
Eventuell kannst du auch ein weiteres span-Element zwischen deine zwei vorhandenen setzen und diesem den Rahmen geben. Das hängt allerdings davon ab, wie dein CSS-Code bisher aussieht.

MfG H☼psel

[imho_tep]

soll so in etwa ausssehen:

Überschrift_____________________Seitenzahl rechts-oben

Vielleicht hat jemand eine Idee?

Hallo fde,
setze eine Anzahl von &nbsp; und gib ihnen per span den Unterstrich.
Best wishes, imho_tep