"Fenster" und die Optik
0 
Detlef G.
0 
Gunnar Bittersmann
"Fenster" und die Optik
Hallo...
...ich will meinen Info in einer Art Fenster(kein Popup sondern einfach ein bereich) darstellen.
Das ganze soll ungefähr so aussehen(hoffentlich erkennt man was):
-Festertiteltext----------------
| |
| Hier steht dann Text |
| |
--------------------------------
Der Rand sollte aus einer schwarzen Linie bestehen und an den Ecken abgerundet sein. Außerdem soll der Text der sich in dem Bereich befindet etwas Abstand vom Rand haben. Ich habe auch keine Ahnung wie ich den Fenstertiteltext hinbekommen soll. Ich arbeite auch mit Stylesheets.
Kann mir jemand helfen? Ich brauche keine vollständige Erklährung sondern nur ein paar Tips oder Stichwörter(Befehle bzw. Tags) wie man sowas am einfachsten realisiert. Derzeit weiß ich leider noch gar nicht unter welchen Stichwörtern ich suchen soll bzw. welche Technologie man dafür benutzt.
-
Hallo Generator
Der Rand sollte aus einer schwarzen Linie bestehen und an den Ecken abgerundet sein.
Schau dir Runde und andere Ecken für skalierbare Boxen an, das kannst du dir
leicht entsprechend anpassen.Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!-
Hallo Generator
Der Rand sollte aus einer schwarzen Linie bestehen und an den Ecken abgerundet sein.
Schau dir Runde und andere Ecken für skalierbare Boxen an, das kannst du dir
leicht entsprechend anpassen.Auf Wiederlesen
DetlefSuper...
...das hilft mir mal weiter. Aber wie bekomm ich dann den Titeltext hinein?
-
Aber wie bekomm ich dann den Titeltext hinein?
Generator,
Du hast https://forum.selfhtml.org/?t=113567&m=721249 und
https://forum.selfhtml.org/?t=113567&m=721251 gelesen? Da gab’s ausreichend „Tips“ und „Stichwörter“.http://gunnarbittersmann.de/2005/box-mit-ueberschrift-im-rahmen-20050818.html
Live long and prosper,
GunnarPS. Bitte keine Fullquotes.
--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
hi,
http://gunnarbittersmann.de/2005/box-mit-ueberschrift-im-rahmen-20050818.html
da steht die überschrift aber nicht im rahmen, sondern gut 1 em darüber (beabsichtigt, oder fehler meines IE 5.01?)
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
da steht die überschrift aber nicht im rahmen, sondern gut 1 em darüber (beabsichtigt, oder fehler meines IE 5.01?)
Ja, wahsaga, ich hätte noch erwähnen sollen, dass im Quirks-Modus die Überschrift „aus dem Rahmen fällt“.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein) -
Hallo wahsaga
da steht die überschrift aber nicht im rahmen, sondern gut 1 em darüber (beabsichtigt, oder fehler meines IE 5.01?)
... auch, wenn ich den IE 6.0 in den Quirksmodus schicke.
Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
-
-
-
Hallo Generator
» ...das hilft mir mal weiter. Aber wie bekomm ich dann den Titeltext hinein?
Du schreibst den Titeltext in die Box. Damit dieser dann weiter oben
erscheint, gibt es mehrere Möglichkeiten:- die oberen Grafiken etwas weiter unten ansetzen, indem statt top der
Wert angegeben wird, den der Titeltext überstehen soll, oder - bei den Grafiken, die die oberen Ecken bilden, oben einen breiteren
Rand vorsehen, oder - für den Titeltext ein negatives margin-top, oder
- den Titeltext mit position:relative negativem Wert für top verschieben.
Natürlich musst du in jedem Fall margin und padding entsprechend anpasen.
Ich würde die erste Variant bevorzugen, bei dieser ist es möglich, die
Größe der Verschiebung einzustellen, ohne extra mit negativem margin oder
position:relative arbeiten zu müssen, oder die Grafiken zu ändern.Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin! - die oberen Grafiken etwas weiter unten ansetzen, indem statt top der
-
-
-
Derzeit weiß ich leider noch gar nicht unter welchen Stichwörtern ich suchen soll bzw. welche Technologie man dafür benutzt.
Generator,
Um den Titel über den Rahmen des Textes zu setzen, hilft relative Positionierung, evtl. zusätzlich z-index.Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Hallo Gunnar
Um den Titel über den Rahmen des Textes zu setzen, hilft relative Positionierung, evtl. zusätzlich z-index.
Oder ein
margin-top:-0.75em;.Wenn unbedingt runde Ecken verlangt werden, und das auch im IE funktionieren
soll, wird es kaum zu vermeiden sein, die Box aus Hintergrundgrafiken zu
bilden. Diese können dann einfach so positioniert werden, dass die Überschrift
nicht extra verschoben werden muss.Auf Wiederlesen
Detlef--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
-