Bilder im Textfluss sollen ggf über Spalte rausgehen

Beitrag von **chio** » 30.11.2006, 09:06

Jo - eine ewige Frage für mich:

Ich hab ein fluides Design, 3 Tabellenspalten.
Die Inhaltsspalte ist relativ schmal. (zb 40% effektiv).

Da sind jetzt manchmal Bilder drin, die zb 500 px breit sind.

Frage: wie mache ich es, dass diese Bilder ggf. nicht die Tabelle auseinanderdrücken, sondern zb rechts in die äußere Spalte rüberreichen?

also:

|abc | |
|dec | |
|xxxxxxx
|xxxxxxx
|xxxxxxx
|abo | |
|usw | |

von **Anzeige von ABAKUS** »

Beitrag von **Hasenhuf** » 01.12.2006, 13:13

Der einzig saubere Weg wäre wahrscheinlich, keine Tabelle zu verwenden. Eventuell könnte man aber dynamisch Zellen zusammenfügen (<th colspan="2">). Ist das eine php Seite? Ist die Tabelle sichtbar und soll das so bleiben? Was ist in der rechten Spalte, und was soll mit dem passieren, was dort steht wo das Bild reinragen soll?

Hast Du mal ein Beispiel?

Beitrag von **MonikaTS** » 01.12.2006, 13:25

chio hat geschrieben:....

Frage: wie mache ich es, dass diese Bilder ggf. nicht die Tabelle auseinanderdrücken, sondern zb rechts in die äußere Spalte rüberreichen?

...

ganz urehrlich:

gar nicht
sowas sieht äußerst bescheiden und doof aus und genau, um dies zu verhindern, macht man ja ein fluides Design

viele nutzen bereits widescreen,

was meinst wie doof sowas aussieht auf einem Bildschirm mit 1440px Breite?

lg

Beitrag von **chio** » 01.12.2006, 13:48

ganz uneinfach:
Es sieht NOCH blöder aus, wenn bei einem fluiden Design die Breite mal so, mal so ist. Da es um Einzelfälle geht, nehme ich lieber in Kauf, dass Bilder mal rausragen

Hier habe ich sowas ähnliches gemacht, indem das Bild als Tabellenhintergrund eingesetzt ist. Da wird das zentrale Bild einfach abgeschnitten:
https://www.beesign.com/webdesign/optimale-breite.html

Aber wie müsste ich es machen, dass das Bild rechts "rausragt"?
So Tabellenkunstwerke mit colspan mache ich lieber nicht, weil das Probleme mit den Templates macht.

Beitrag von **Hasenhuf** » 01.12.2006, 14:15

Dann geht es nicht oder Du mußt für jede "Zeile" eine eigene Tabelle machen.

Beitrag von **Anonymous** » 01.12.2006, 14:29

tz... lass die bilder über ein phpscript ausliefern, dass vorher die Breite kontrolliert und das Bild dann ggf. automatisch skaliert, so dass es nicht zu breit ist.... oder die Bilder beim upload automatisch skalieren.... jetzt das Design verkrüpeln muss doch nicht sein....

Beitrag von **chio** » 01.12.2006, 14:50

Ich hab das jetzt so gemacht:
https://www.texter-in.at/product-placement/test.html
(fluid bis min 800px)
Gibt es da Einwände dagegen? Scheint zu funktionieren.

@einfach-in: ja, ich hab mich von dir inspirieren lassen..

Beitrag von **MonikaTS** » 01.12.2006, 17:15

chio hat geschrieben:Ich hab das jetzt so gemacht:
https://www.texter-in.at/product-placement/test.html
(fluid bis min 800px)
Gibt es da Einwände dagegen? Scheint zu funktionieren.

@einfach-in: ja, ich hab mich von dir inspirieren lassen..

na gleich zweimal inspirieren lassen

freut mich,
wenn Du jetzt das Design noch beschränkst, also statt ein fluides ein flexibles machst, kann man auch noch lesen, wenn man breiten Bildschirm hat,
das Problem sind die langen Zeilen im normalen Textfluss,

https://www.texter-in.at/werbetext.html
ist schier nicht mehr derlesbar

min-width:800px
max-width:1200px
width:90%

oder so

der IE braucht dies als js aber daran sollt es nicht scheitern

lg

Beitrag von **chio** » 01.12.2006, 17:34

Jou, einfach-in

Die Texter-in ist eine "öffentliche" Baustelle; das kommt noch alles.

Da ich gerne rechts Marginalienspalten verwende, hat mich diese Geschichte immer genervt ("Geht nicht" - das habe ich schon öfter gehört). Auf meiner Site ist die rechte Spalte 220 pixel breit - das ist genug Raum zum Ausweichen, wenns mal eng wird. Und soll ja nur für Ausnahmen sein.