|
|||
Schrift auf Bild soll position halten
Hallo css Gurus,
ich kürze etwas ab, habe ein Headerbild 1260x240 px. und in die header.php eine div eingebaut. <div id="sidebar-4"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar ('sidebar-4') ) : ?> <?php endif; ?></div> </head> daraus ergibt sich die entspr. id für die style.css die css sieht dazu so aus: /* --- Header Widget Area --- */ #sidebar-4 { z-index:4 !important; font-family: Lato, sans-serif !important; text-align: center; font-size: 1.3em; color: #fff !important; letter-spacing:0.1em; position: absolute; margin-top: 2.0em; margin-left: 22.1em !important; margin-right: 0.1em; margin-bottom: 1.0em; width: 24.4em; } #sidebar-4 .widget-title { font-size:1.2em !important; color: #fff !important; font-style:italic; } (nur am Rande, der Text befindet sich in einem Textwidget, auf das obige div verweist) Im Prinzip funktioniert auch alles, es geht also nur um die CSS, die Schrift wird auf(über) dem Headerbild an der richtigen Stelle rechts angezeigt. Auch wenn ich das Browserfenster verkleinere bleibt die Schrift an der Stelle "kleben", also richtig, so solls sein. Nur wenn ich das Browserfenster vergrößere, vergrößert sich die Schrift und wandert weg. Das sie beim verkleinern auch kleiner wird ist ja Ok, wegen kleinen Displays, beim vergrößern des Browserfensters könnte sie an sich so bleiben. Habt Ihr einen Vorschlag? Nur zur Not mache ich die Schrift in die Grafik als Bild. Gruss Ria PS. die Seite ist eine Offline Testseite und alles andere funktioniert.
__________________
Ich weiss, dass ich nichts weiss. |
Sponsored Links |
Sponsored Links |
|
|||
Hallo
Zitat:
Deshalb ist es ein Fehler zu versuchen, das Layout einer Seite für alle Bildschirmgrößen sklavisch beizubehalten. Das hat mit modernem HTML / CSS nichts zu tun. Gruss MrMurphy |
|
|||
Hallo zusammen,
ja, das ist Wordpress 3.8 mit dem Standardtheme twentyfourteen. Hier der Link: WordPress › Twenty Fourteen « Free WordPress Themes das Theme ist Responsive und hat oben im header von Haus aus keinen Widget-Platzhalter. Das habe ich alles hinbekommen und ein Text-Widget eingefügt. Die Funktion als solche ist jetzt da und funktioniert auch. Die * 11.0 Media Queries sind so Umfangreich, das ich nicht weiß wo ich da ansetzen soll und es stimmt auch, das bei einem Responsive Theme, bei Vergrößerung des Browserfensters, der 3 Zeiler zwischen <p> gesetzt, eigentlich unter das Headerbild, als Block rutschen sollte. Die einzelnen Inhalte sind bei "Responsive" ja dann untereinander dargestellt, wenn man strg und + Taste drückt. Ich merke schon, da ist mein Wissen etwas zu kurz geraten. Kopiere gerne hier rein was Ihr braucht und es wäre sehr nett Ihr könntet mich retten. Gruss Ria PS. Responsive ist halt noch mal ne Nummer höher
__________________
Ich weiss, dass ich nichts weiss. |
|
|||
Hallo zusammen,
habe das im Header jetzt alles als Grafik! Erstaunlicherweise geht hier bei der Vergrößerung und Verkleinerung die Qualität NICHT verloren, obwohl die dpi ja die Gleiche ist. Also die Schrift bleibt auch scharf, hätte ich nicht gedacht. Im Upload Ordner hat WP nun 5 verschiedene Größen abgelegt, wobei 150x150 natürlich nicht zu gebrauchen ist. Die anderen Größen wahrscheinlich für andere Auflösungen. Wie auch immer das twentyfourteen ist ziemlich genial und ich hätte mir die Code-Arbeiten sparen können. Natürlich muss man Bildbearbeitung können oder das Headerbild weglassen. Gruss Ria PS. die Websites von den "Profis", von dem Teil, haben auch nur ein Bild und keinen Text drübergelegt. Leider zu spät bemerkt.
__________________
Ich weiss, dass ich nichts weiss. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Text neben skalierendem Bild vertikal zentriert | manya | CSS | 7 | 25.04.2013 16:01 |
Position von Tabelle & Bild über der Tabelle definieren | alessandro | CSS | 2 | 25.06.2012 00:49 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 15:30 |
Position von Elementen innerhalb DIVs | Carino | CSS | 7 | 03.08.2007 12:48 |
Bild position | chrisch | CSS | 11 | 09.12.2004 15:42 |