Bild und Text nebeneinander ohne Float?

11.12.2017 16:52
avatar  Tinette Lathée ( gelöscht )
#1 Bild und Text nebeneinander ohne Float?
Ti
Tinette Lathée ( gelöscht )

Hallo,

folgende Situation: Bild und Text sollen nebeneinander angezeigt werden. Mit der CSS-Eigenschaft "float" wäre das kein Problem. Das sieht dann so aus:



Ich möchte aber nicht, dass der Text das Bild umfließt. Der gesamte Text soll rechts neben dem Bild bleiben. Das wäre dann sozusagen zweispaltig: Linke Spalte das Bild, rechte Spalte der Text.

Das Ganze soll im Blog angezeigt werden, d.h. es ginge nur mit der Iconbar. Zusätzliche Schwierigkeit: Das Bild soll immer eine bestimmte Größe haben.

Wer kann helfen?


 Antworten

 Beitrag melden
11.12.2017 17:54
avatar  Tinette Lathée ( gelöscht )
#2 RE: Bild und Text nebeneinander ohne Float?
Ti
Tinette Lathée ( gelöscht )

Hat sich erledigt, habe eine Lösung gefunden.


 Antworten

 Beitrag melden
11.12.2017 18:03
avatar  Mike48
#3 RE: Bild und Text nebeneinander ohne Float?
avatar
Mitglied

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
11.12.2017 20:05
avatar  Tinette Lathée ( gelöscht )
#4 RE: Bild und Text nebeneinander ohne Float?
Ti
Tinette Lathée ( gelöscht )

@Mike48 : Diese Lösung ist nichts für mich und es ist nicht das, was wonach ich gesucht habe. Spaltensatz lässt Text automatisch von einer Spalte in die nächste laufen. Zudem wäre das in der mobilen Ansicht problematisch, besonders im Blog.

Aber egal, ich habe ja jetzt meine Lösung.


 Antworten

 Beitrag melden
11.12.2017 20:13 (zuletzt bearbeitet: 11.12.2017 20:15)
avatar  Mike48
#5 RE: Bild und Text nebeneinander ohne Float?
avatar
Mitglied

@Tinette Lathée: Hättest du deine Lösung hier kundgetan, dann hätte ich hier nichts geschrieben.

Wenn man nur eine Spalte einrichtet kann es nicht in der nächste Spalte weiter gehen.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
11.12.2017 21:40
avatar  Tinette Lathée ( gelöscht )
#6 RE: Bild und Text nebeneinander ohne Float?
Ti
Tinette Lathée ( gelöscht )

Zitat
Wenn man nur eine Spalte einrichtet kann es nicht in der nächste Spalte weiter gehen.



@Mike48 : Da hast du recht. An sich funktioniert deine Lösung auch, aber sie ist leider nicht mobiltauglich. Meine Lösung übrigens auch nicht, deshalb habe ich sie hier nicht gepostet.

Es ist schon schwierig genug, den Blog responsive zu machen, weil die Sidebar sehr problematisch ist. Das habe ich vor einiger Zeit alles hinbekommen, aber noch eine weitere Spalte würde alles wieder kaputt machen. Eventuell funktioniert es mit dem Flexbox-Modell, da muss ich mich aber erstmal einlesen.


 Antworten

 Beitrag melden
11.12.2017 22:03 (zuletzt bearbeitet: 11.12.2017 22:08)
avatar  Tinette Lathée ( gelöscht )
#7 RE: Bild und Text nebeneinander ohne Float?
Ti
Tinette Lathée ( gelöscht )

Muss mich korrigieren. Das von Mike vorgeschlagene Beispiel funktioniert und ich habe es hinbekommen, dass es auch responsive ist.

Danke Mike für den Tipp mit einer Spalte.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!