HTML Bild links + rechts neben Text

14. Mai 2017 11:17

Eigentlich eine einfache Sache, aber ich bekomme es einfach nicht hin.

Hier mal der Code:

<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 1</FONT></STRONG></P>

<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 2</FONT></STRONG></P>

<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 3</FONT></STRONG></P>

<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 4</FONT></STRONG></P>

<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 5</FONT></STRONG></P>
<P align=center><IMG src="http://www.meineseite.de/Bild.jpg"</P>

Soweit so gut. Ich brauche aber unbedingt noch 2 kleine Bilder links + rechts neben den Text.
So wie hier:

Bis auf die beiden kleinen Bilder links + rechts, soll der Rest weiterhin mittig ausgerichtet sein.
Die 2 kleinen Bilder links + rechts sollen 5 Leerzeichen vom Text entfernt stehen.
Kann mir das jemand mal eben schreiben? Danke im Voaus.

14. Mai 2017 12:09

So gehts ganz schnell, muss man halt schaun ob es befriedigend funktioniert.
Vor allem im mobilen Bereich könnte es weniger gut aussehen.

Code: Alles auswählen

<P style="float:left;"><IMG src="http://g-ec2.images-amazon.com/images/G/01/social/api-share/amazon_logo_500500.png" width="200"></P>
<P style="float:right;"><IMG src="http://g-ec2.images-amazon.com/images/G/01/social/api-share/amazon_logo_500500.png" width="200"></P>
<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 1</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 2</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 3</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#0000ff size=5>Zeile 4</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#0000ff size=5>Amazon.com, Inc. ist ein börsennotierter amerikanischer Online-Versandhändler mit einer breit gefächerten Produktpalette. Nach eigenen Angaben hat Amazon als Marktführer des Handels im Internet die weltweit größte Auswahl für Bücher, CDs und Videos. Wikipedia</FONT></STRONG></P>
<P align=center><IMG src="http://g-ec2.images-amazon.com/images/G/01/social/api-share/amazon_logo_500500.png"></P>
<p style="clear:both"></p>

14. Mai 2017 16:56

shoppy39 hat geschrieben:Hier mal der Code:

Rein aus Interesse - wo kommt denn so etwas her? Das ist ja noch aus dem letzten Jahrtausend. align=, und sollten nun wirklich nicht mehr eingesetzt werden.

Zu Sache selbst: Entweder oldschool als Tabelle mit 3 Spalten definieren (dann ist es auch schön einfach mit der mittigen Positionierung der Bilder in den Spalten links und rechts). Oder als drei floated DIV's mit display:table-cell.

14. Mai 2017 17:10

Ralf hat geschrieben:Rein aus Interesse - wo kommt denn so etwas her? Das ist ja noch aus dem letzten Jahrtausend. align=, und sollten nun wirklich nicht mehr eingesetzt werden.

Das ist ein Code aus dem Turbolister, wenn man dort in dem Editor den normalen formatierten Text eingibt, dann sieht der Code im HTML-Fenster halt so aus wie von mir geschrieben.

Turbolister ist ja auch aus dem letzten Jahrtausend. Geschenkt.
Aber nach deiner Aussage dazu, habe ich mal den gleichen normalen formatierten Text in JTL eingegeben. Der HMTL-Code den JTL ausgibt ist so ziemlich das selbe wie im Turbolister.

Ist jetzt JTL aus dem letzten Jahrtausend? Sind die Programmierer von JTL veraltet?
Ich bin kein Programmierer und kann das nicht beurteilen.

14. Mai 2017 18:41

Die HTML-Editor-Komponente aus der JTL Wawi ist auch veraltet, aber da sucht mal auch schon länger nach einer Alternative. Das "Problem" ist eher ein anderes:

"Best Practice" ist die Kombination aus HTML und CSS. Diese Editoren können / erstellen aber kein CSS und nutzen daher nur die "altbackenen" Formatierungsmöglichkeiten, die HTML mit dem FONT-Element bietet.

15. Mai 2017 08:58

Und was wäre jetzt der Vorteil, wenn ich die Mischung aus HTML und CSS nehmen würde?
Bei mir geht es mal eben um 1400 Artikelbeschreibung die eben noch die alten FONT-Elemente drin haben.

Lohnt sich das Umzuändern ins neue moderne Format wie CSS?

Jetzt mal abgesehen von den Bildern rechts+links und abgesehen von Tabelle. Lohnt sich das bei einfachen Text?

15. Mai 2017 10:24

shoppy39 hat geschrieben: Jetzt mal abgesehen von den Bildern rechts+links und abgesehen von Tabelle. Lohnt sich das bei einfachen Text?

Ob es sich für dich lohnt, weiß ich nicht. Aber wenn Du es nicht benutzen möchtest, solltest Du mit einer anderen Lösung vertraut sein. "Kann das mal eben jemand für mich machen", ist da vermutlich nicht immer erfolgreich.

15. Mai 2017 10:45

roemerhaardesign hat geschrieben:
shoppy39 hat geschrieben: Jetzt mal abgesehen von den Bildern rechts+links und abgesehen von Tabelle. Lohnt sich das bei einfachen Text?
Ob es sich für dich lohnt, weiß ich nicht. Aber wenn Du es nicht benutzen möchtest, solltest Du mit einer anderen Lösung vertraut sein. "Kann das mal eben jemand für mich machen", ist da vermutlich nicht immer erfolgreich.

Es ist ja wohl ein großer Unterschied ob ich für zukünftige Artikelbeschreibung eine aktuelle Programmier-Sprache nutze (da sehe ich eigentlich kein Problem), oder ob ich jetzt 1400 Artikel ändern muss. Deswegen meine Frage wo jetzt der Vorteil ist und ob sich das lohnt die alten 1400 Artikel zu ändern.

15. Mai 2017 13:11

Aus

shoppy39 hat geschrieben:Ich brauche aber unbedingt noch 2 kleine Bilder links + rechts neben den Text.

ist jetzt

shoppy39 hat geschrieben:.......Deswegen meine Frage wo jetzt der Vorteil ist und ob sich das lohnt die alten 1400 Artikel zu ändern.

geworden.

Ging es Dir zu Beginn gar nicht darum, diese 1400 Artikel zu ändern?
Es gibt objektiv wohl keinen Vorteil, wenn Du nicht noch weitere, ausgefallene Formatierungswünsche hast.
Ich denke nicht, dass Online Kunden sich den Quelltext ansehen und ihre Kaufentscheidung davon abhängig machen.

15. Mai 2017 13:31

roemerhaardesign hat geschrieben:Aus
shoppy39 hat geschrieben:Ich brauche aber unbedingt noch 2 kleine Bilder links + rechts neben den Text.
ist jetzt
shoppy39 hat geschrieben:.......Deswegen meine Frage wo jetzt der Vorteil ist und ob sich das lohnt die alten 1400 Artikel zu ändern.
geworden.

Ging es Dir zu Beginn gar nicht darum, diese 1400 Artikel zu ändern?

Nein, zu Beginn ging es mir nur um einen Artikel wo ich die beiden Bilder links+rechts haben wollte. Und das hat mir cellar ja auch erklärt wie das geht.

Ralf machte mich aber dann darauf aufmerksam das mein HTML-Code ja so veraltet ist.
Ab da an drifteten meine weiteren Fragen dann ab.

Und deswegen die Frage ob ich was ändern muss. Ich bin nämlich gerade dabei die aktiven Inhalte aus meinen Ebay-Beschreibungen zu entfernen, bei 1400 Artikel.
Und wenn jetzt der alte HTML-Code so dramatisch wäre, könnte ich das ja auch direkt in Angriff nehmen.

Aber ich glaube auch das es keinen Vorteil gibt (für den Besucher / Käufer).

Ob jetzt 10 Print "Zeile1" oder Echo Zeile1 oder Zeile 1 bekommt der Käufer nicht mit.

Es sei denn Google oder ebay algorithmus stehen nicht auf align=

15. Mai 2017 15:40

Vermutlich werden die Browser auch noch in 1, 2 oder 5 Jahren solche veralteten Deklarationen darstellen. Besucher werden also den Inhalt wahrnehmen können. Ob der dann in der gewünschten Farbe bzw. Größe etc. dargestellt wird, bleibt abzuwarten. Ist ja aber bei ebay auch völlig egal ...

Valider Code soll bei Google durchaus ein Rankingfaktor sein. Aber kaum bei ebay-Angeboten.

Ich war einfach nur neugierig, wo so ein alter Schrott herkommt.

15. Mai 2017 22:55

shoppy39 hat geschrieben:Und was wäre jetzt der Vorteil, wenn ich die Mischung aus HTML und CSS nehmen würde?

Du kannst vermutlich in der Zukunft erheblich leichter Änderungen am Aussehen vornehmen ...

HTML ist vom Grundsatz her eine "semantische Auszeichnungssprache": Es gibt Überschriften, Absätze, Listen, Tabellen usw. Man kann damit auch die Inhalte formatieren, aber dafür ist eigentlich CSS vorgesehen. Damit kannst Du angeben, welche Schriftart, Farbe, usw. bestimmte Elemente haben sollen.

Wenn Du also jetzt auf HTML & CSS umsteigst, dann sollten Anpassungen in Zukunft leichter möglich sein. Oder ein responsive Design überhaupt erst möglich werden:

http://verkaeuferportal.ebay.de/respons ... h-erklaert

HTML Bild links + rechts neben Text

HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Re: HTML Bild links + rechts neben Text

Wer ist online?