Fragen und Antworten » Text und Bild ausrichtung CSS Code

04.03.2019 11:37

Freya
#1 Text und Bild ausrichtung CSS Code

Hallo zusammen.
Ich suche nun schon seit etlicher Zeit einen Code der es schafft das ein Text links angezeigt wird, gefolgt von einem Bild in der mitte und wieder einem Text rechts davon angezeigt wird, dass ganze in einer Zeile. Das ganze voll in einem Profil gestaltet werden.
Ich habe auch schon die ganzen Hilfen und Anleitungen durchgeforstet, komme mir jetzt aber langsam wie der letzte Vollidiot vor.
Könnt ihr mir da helfen? Wäre echt dankbar.
lG

Antworten

Beitrag melden

#2

04.03.2019 13:22 (zuletzt bearbeitet: 04.03.2019 13:23)

F. Peters
#2 RE: Text und Bild ausrichtung CSS Code

F. Peters

Die einfachste und beste Lösung wäre wahrscheinlich, eine kleine dreispaltige Tabelle zu erstellen, wo Text + Bild + Text reinkommen.
Hier mal ein Beispiel zum Ausprobieren:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 

<table>
<tr>
<td style="width: 30%; text-align: justify;">
 
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 
</td>
<td style="width: 30%; text-align: center;">
 
<img src="https://files.homepagemodules.de/b624252/a_40_a1518824.jpg" />
 
</td>
 
<td style="width: 30%; text-align: justify;">
 
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 
</td>
</tr>
</table>
 

Bei Bedarf und Gefallen einfach nur die Texte ab Zeile 6 und Zeile 17, sowie die img Adresse in Zeile 11 austauschen.

Vielen Dank
MfG, F. Peters

(Business TP)

Antworten

Beitrag melden

#3

04.03.2019 13:46

Freya
#3 RE: Text und Bild ausrichtung CSS Code

Freya

uuuh super, vielen Dank erstmal dafür, funktioniert super!
Nun aber noch eine frage: Ist es möglich den Code für die Iconbar zu komprimieren? bzw daraus einen CSS code zu machen, damit man diesen per klick einfügen kann? (ich muss mich anhören wie der letzte Anfänger, aber das macht mich echt fertig)

Antworten

Beitrag melden

#4

04.03.2019 13:52 (zuletzt bearbeitet: 04.03.2019 13:53)

F. Peters
#4 RE: Text und Bild ausrichtung CSS Code

F. Peters

... ein bis zwei Codes sollten eigentlich bereits in der Iconbar vorhanden sein.
Guckst Du mal hier, da wurde darüber berichtet, (hab ich mal beispielhaft herausgesucht) :

→> 3 Spalten in der Iconbar

Vielen Dank
MfG, F. Peters

(Business TP)