online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon greg68 vom 23.02.2019, 10:37 Options

Text und Bild nebeneinander

Hallo,

gibt es die Möglichkeit mit CSS eine Seite so zu formatieren, das ich einen Textblock neben einem Bild setzen kann oder muss ich auf Tabellen zurückgreifen?

Gruss

Gregor


Antwort schreiben

Antwort 1 von greg68 vom 23.02.2019, 11:24 Options

Also, ich habe die Funktion Float gefunden, kann das Bild aber irgendwie nicht exakt setzen. Was muss ich noch hinzufügen?

Antwort 2 von derpfleger vom 23.02.2019, 11:52 Options

Mit float liegst du wohl schon ganz richtig. Ich kann allerdings dein Problem nicht ganz nachvollziehen.
Hast du die Seite irgendwo online, so daß man sich das mal anschauen kann?

fragt sich
derpfleger

Antwort 3 von rfb vom 23.02.2019, 12:02 Options

float
ist keine Funktion sondern eine Eigenschaft!

Mit
float
lässt du andere Elemente um ein Element (hier ein Bild) herumfließen.
"exakt setzen" klingt verdächtig nach "positionieren" wofür es weitere CSS-Eigenschaften gibt (
position
,
left
,
top
, ...), die allerdings die Eigenschaft float aufheben.

Jedenfalls müsstest du hier mal genau darlegen, was dein Ziel ist, was du bisher gemacht hast, und was dabei nicht wie gewünscht funktioniert.

Tabellen sind jedenfalls für tabellarische Daten, ob dein Bild mit dem Text zusammen sowas darstellen bleibt deiner Entscheidung überlassen.

Antwort 4 von greg68 vom 23.02.2019, 12:03 Options

Nein, noch nicht. Wenn ich mit

img {float:right;}


dran gehe wird die Grafik einfach ganz aussen rechts angeordnet. Ich möchte aber, dass das Bild eher so in dder Mitte landet und links daneben soll dann der Text sein.

Gruss

Antwort 5 von greg68 vom 23.02.2019, 12:12 Options

Bis jetzt habe ich das immer mit Tabellen gemacht. Da ist der Abstand zwischen dem geschriebenen Text und dem Bild nicht so groß als wenn ich mit der Eigenschaft Float:right arbeite. Ich fange mit css gerade an. Meine Kenntnisse sind relativ gering aber ich denke, dass CSS die elegantere Lösung ist.

Antwort 6 von greg68 vom 23.02.2019, 12:17 Options

Nehmen wird doch einfach diese Seite als Beispiel ohne CSS. Da sind die Links links angeordnet und rechts daneben ist dann diese Gitarre. So stelle ich mir die positionierung vor. Ich kann mir vorstellen das ihr wegen des Quelltextes die Hände über den Kopf zusammen schlagt. Ich will es ja besser machen.

Antwort 7 von greg68 vom 23.02.2019, 13:16 Options

hat jemand einen Tipp?

Antwort 8 von greg68 vom 23.02.2019, 13:35 Options

ich habs, ich habs

Eigenschaft: position

Trotzdem Danke

Antwort 9 von rfb vom 23.02.2019, 16:07 Options

Zitat:
dran gehe wird die Grafik einfach ganz aussen rechts angeordnet. Ich möchte aber, dass das Bild eher so in dder Mitte landet und links daneben soll dann der Text sein.

statt mit position zu "keulen" (position bereitet auf Dauer mehr Probleme als es löst), hilft dir vielleicht eine einfache Überlegung zu float weiter:

Du willst den Text links haben, alle andere (zB das Bild) rechts daneben.
Also soll nicht das Bild floaten sondern der Text.
Dann solltest du dem Textteil auch die float -Eigenschaft geben!

Antwort 10 von greg68 vom 23.02.2019, 16:21 Options

Vielen Dank! Das werde ich ausprobieren

Ähnliche Themen

Bild mit Text
Skymike  25.01.2007 - 131 Hits - 1 Antwort

Rahmen um Bild
Jürgen52  14.06.2007 - 141 Hits - 3 Antworten

BBCode: Bild mit Text umbruch
Sparks  09.11.2007 - 109 Hits -

text um bild
dominuki  20.04.2008 - 153 Hits - 1 Antwort

Mehrfaches Umbennenen von Text in einem Bild
Morgas  25.04.2008 - 30 Hits - 2 Antworten

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Thu Jan 8 21:07:44 2026