Autor |
Nachricht |
stollentroll
Threadersteller
Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 06.02.2008 00:36
Titel [css] Text unterbricht Rahmen |
|
|
Ich bekomme nicht heraus, wie es zu machen ist.
Ein kleiner Text soll die obere Linie eines Rahmens/Kastens unterbrechen. Etwas so, wie hier:
http://www.telekom.com/dtag/cms/content/dt/de/start
Wie könnte man den Kopfteil des Rahmens machen? Der untere Teil ist kein Problem.
Aus den Styles der Telekom werde ich einfach nicht schlau.
Bin dankbar für Eure Hilfe
|
|
|
|
|
xBe
Dabei seit: 04.06.2006
Ort: Mönchengladbach
Alter: 34
Geschlecht:
|
Verfasst Mi 06.02.2008 00:40
Titel
|
|
|
Nabend.
Bau dir den unteren Teil, setz ein div drüber mit dem Text und weißer hintegrundfarbe, positionier das anständig und feddisch...
gibt mit sicherheit ne elegantere lösung, aber das war die erste die mir jetzt auf anhieb eingefallen ist.
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 06.02.2008 00:55
Titel
|
|
|
Und sollte es dir um Formulare gehen, schau dir die Elemente "fieldset" und "legend" an.
|
|
|
|
|
stollentroll
Threadersteller
Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 06.02.2008 01:35
Titel
|
|
|
Zitat: |
Bau dir den unteren Teil, setz ein div drüber mit dem Text und weißer hintegrundfarbe, positionier das anständig und feddisch...
gibt mit sicherheit ne elegantere lösung, aber das war die erste die mir jetzt auf anhieb eingefallen ist. |
Das ist es, Danke. Hätte ich selbst draufkommen sollen. Ich finds gar nicht s unelegant.
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 06.02.2008 15:36
Titel
|
|
|
Auf der Telekom-Seite steht die betreffende h1 über dem div mit dem Rahmen, wird aber per position: relative; mit top-Wert in em nach unten über den Rahmen geschoben. Dieser wird verdeckt durch die Hintergrundfarbe der h1, und damit diese als Blockelement nicht die volle verfügbare Breite einnimmt (und damit den gesamten Rahmen verdeckt), hat sie noch display: inline; (sowie white-space: nowrap;, damit der Text nicht umbricht).
|
|
|
|
|
|
|
|
Ähnliche Themen |
Text im div ausrichten - am unteren Rahmen
Corel Draw X3 - Ausrichtung von text in rahmen
Schriften gelöscht - Excel/Word Text Text nicht angezeigt
Indesign Text vektorisieren oder Text einbetten
Dreamwaever MX 2004 7.0.1: Text als Text einfügen
CSS Rahmen
|
|