Hallo, ich habe eine Seite erstellt unter http://www.tesse-restaurant.de.
Dort findet ihr auf der Startseite in der letzten reiche ein bild mit einem Text auf weissem Hintergrund.
Leider sieht dies nicht so schön aus wie ich es gern hätte, da der weiße Hintergrund über die Bilder rausragt.
Ich möchte dies sauber stehen haben ohne diesen weissen Rand-siehe Bild
Danke für Eure Hilfe
das würde dann aber auf schmalen Bildschirmen nicht funktionieren, da der Text dort anders umbricht und daher höher als das Bild ist…
Ja aber wie bekomme ich auf einem Hintergrund der definiert ist in einer Reihe denn diesen Hintergrund so dass dieser nicht über das Bild ragt
In Ihrem Fall haben Sie dem Container die Hintergrundfarbe "#ffffff" zugewiesen. Der container umschließt beide Elemente, das Bild und die Textspalte und seine höhe richtet sich nach dem höchsten enthaltenen Element.
In dem Container mit der Bild/Text Kombination befindet sich aber noch eine 2. Reihe, welche den unteren weißenm Abstand generiert. Die Reihe scheint allerdings leer zu sein, was eigenartig ist. Vielleicht sehen Sie diese Reihe im Spaltenmodus (F8) und können Sie da löschen.
Hallo, nein das sehe ich nicht, den Spaltenmodus kann ich auch nicht aufrufen über F8 passiert nichts. Ich habe auch mal auf einer neuen Seite ein text Bild gesetzt auch da kann ich dies nicht randlos setzen, der weiße Rahmen im Hintergrund ist immer größer
Hallo Ronnsen,
möglicherweise musst Du „Fn + F8“ drücken. Alternativ über „Websites > Erweitert > Spaltenansicht“. Dann die unnötige Reihe unterhalb von Grafik/Bild löschen.
„Randlos“ meint, dass sich die Hintergrundfarbe des Containers über die gesamte Bildschirmbreite erstreckt. Mit Deinem Problem hat das nichts zu tun. Du solltest also die randlose Darstellung im Container deaktiviert lassen.
Aus optischen Gründen würde ich die weiße Umrandung lassen. Damit der weiße Hintergrund aber links und rechts nicht hinaussteht, kannst Du Inline-CSS benutzen.
Klicke im Darstellungsmodus auf „Container“ und gib in das Feld „Inline-CSS“ Folgendes ohne Anführungszeichen ein: „margin-left: 10px; margin-right: 10px“. Jetzt sollte sich die Reihe links und rechts „zusammenziehen“. Mit den Werten musst Du experimentieren, vielleicht sind es auch 15px, bis Grafik/Text mit dem darüberliegenden Bildern links und rechts fluchtet. Wichtig ist natürlich, dass Grafik/Text als eigenständiger Container definiert ist.
Wichtig ist zudem, den Erfolg immer in der Browser-Voransicht zu überprüfen.
Die Darstellungsansicht ist eine tolle Sache, allerdings nicht unbedingt intuitiv. Hier sollte man zunächst das Handbuch lesen. Um sich weiter damit vertraut zu machen, habe ich mir ebenfalls Grafik/Artikel angelegt und dann dem Container und den beiden Spalten jeweils unterschiedliche und knallige Farben zugewiesen. Jetzt sieht man am besten, welche Auswirkungen die verschiedenen Einstellungen haben.
Der rechten Spalte mit dem Text würde ich vielleicht noch in der Darstellungsansicht unter „vertikale Ausrichtung“ ein „zentriert“ mitgeben. Dann klebt der Text nicht so weit oben. Das könnte besser aussehen.
Viele Grüße
Tom
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
Wenn Sie neu bei uns sind, hilft Ihnen unsere Hilfe-Seite dabei, sich im Forum zurechtzufinden. Dort erfahren Sie alles Wichtige, von der Registrierung bis hin zur Erstellung eigener Themen (Fragen).
Ohne Programmierkenntnisse gleich mit Zeta Producer loslegen. Layout auswählen, Text eingeben – fertig. Kostenloser Support und über 99% zufriedene Kunden. Überzeugen Sie sich selbst!
