|
|||
Bilder versetzt übereinander und Text um die Bilder fließen lassen
Hallo,
ich versuche gerade diese Seite nachzubauen scheitere aber gerade daran, den Text um die Bilder fließen zu lassen. So soll es aussehen:Ferienhäuser: Teutoburger Wald, Land des Hermann Alle Lösungen die ich bis jetzt gefunden habe ergeben leider nicht das gleiche Ergebnis. Eine Teillösung wäre dieses hier: https://jsfiddle.net/0gwta3um/ Aber leider würde das nicht das gleiche Ergebnis bringen! Denn der Text würde um das DIV fließen und nicht um die Bilder! Über jede Anregung, Hilfestellung würde ich mich sehr freuen Christian |
Sponsored Links |
|
|||
Hallo
Für das Problem gibt es noch keine Lösung. Die CSS Shapes sind zwar in Entwicklung, werden aber für den praktischen Einsatz noch zu wenig unterstüzt, siehe Can I use... Support tables for HTML5, CSS3, etc Ob die überhaupt bei verschachtelten Bildern funktionieren weiß ich nicht. Ich kenne dafür auch keine Basteleien. Das muss aber nichts heißen, da ich eher für schlichte, gradlinige Layouts bin. Die von dir verlinkte Seite bietet die schlechteste aller Lösungen. Alle Bilder und Texte sind absolut positioniert. Damit gibt es keine Flexibilität und schon gar keine Resposivität. Du kannst du Seite ja mal spaßenshalber auf einem Smartphone oder Tablet anschauen. Auch die Ansicht bei blockiertem JavaScript ist eher eine Katastrophe. Von der Seite her ist die von dir verlinkte Seite aus Desktop-Bildschirmen zwar nett anzuschauen, in der Praxis aber eher ein schlechtes Vorbild. Gruss MrMurphy |
Sponsored Links |
|
|||
Hallo
Zitat:
Je nachdem, wie ich JavaScript blockiere wird die Seite dann entweder unformatiert oder wie in deinem Fall gar nicht angezeigt. Gruss MrMurphy |
|
||||
Grundsätzlich ist es möglich so etwas zu bauen macht aber nur wenig Sinn. Wie meine MrMurphy schon geschrieben hat ist absolute Positionierung Gift für ein responsive Design. Allerdings kannst du auch in einem responsive Design auf verschiedene Bildschirmgrößen optimieren und so zum Beispiel bei einem Tablet oder Smartphone auch die absolute Positionierung lösen. Die Seite sieht ja auf einem Desktop ganz nett aus.
Text um Bilder fließen zu lassen ist auch möglich und eigentlich gar nicht so schwer. Du musst nur das Bild richtig positionieren und den Kontext anders setzen. Das kannst du über CSS steuern. Über JS kannst du dann noch den letzten Touch geben, bedenke aber: Die Seite sollte ohne JS nutzbar sein. Beispielsweise könnte ich mir vorstellen, dass ohne JS die Bilder einfach übereinander gezeigt werden, wenn JS aktiv ist die Überlappung erzeugt wird. Auf Tablets und vor allem Smartphones sollten dann einfach Bilder und Text untereinander sein. Hier hast du ein paar Gestaltungsmöglichkeiten. Wobei brauchst du denn genau Hilfe, was willst du erreichen?
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! |
|
|||
Ich versuche diese Seite hier 1:1 auf ein Wordpress zu migrieren! Als reines HTML würde mir auch erst mal reichen um zu verstehen wie es gemacht wird!
Hier der Link zu der Seite die ihc gerne migrieren möchte: Ferienhäuser: Teutoburger Wald, Land des Hermann Hier meine Testseite (HTML ohne Wordpress):Nah drann | iutspann |
Stichwörter |
bilder, div, padding, text, umfließen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigations-Leiste wird nicht richtig angezeig. | vaporizzle | CSS | 5 | 05.02.2014 17:29 |
Hover effekt auf ganze TD zelle | gandalf_hh | CSS | 27 | 13.07.2011 20:06 |
gibt es eine andere Lösung ohne Tabelle? | online | CSS | 16 | 24.04.2009 09:41 |
3 dynam. Spalten mit Inhaltsüberlauf | spacegaier | CSS | 6 | 12.10.2007 01:24 |
layout ohne tabellen | rw597678 | CSS | 3 | 23.04.2005 13:31 |