Supportnet / Forum / Webseiten/HTML
3 Grafiken nebeneinander
Frage
Hallo zusammen,
ich entwerfe zur Zeit ein Briefpapier für Outlook mit HTML. Das Briefpapier hat im Kopf 3 Grafiken. Die erste Grafik ist <align=left>, die zweite Grafik ist <center> und die letzte Grafik ist <align=right>. Das PROBLEM ist jedoch, das er die letzte Grafik in die NÄCHSTE Zeile setzt. Zwar rechtsbündig, aber trotzdem falsch, halt in die nächste Zeile.
Ich bekomme es nicht hin und hänge fest, vielleicht hat jemand einen TIpp für mich.
1000 Dank ihr lieben Leute ! :-)
Grüsse
Antwort 1 von rfb
Zitat:
jedoch, das er
wer ist ER?jedoch, das er
Das Problem ist, dass du dein Problem mit zuwenig Quellcode beschreibst.
Also:
Antwort 2 von Wuschl32
Ok der Quelltext sieht so aus:
<body>
<img src="Kopf_left.gif" width="116" height="89" align="left">
<center><img src="Kopf_middle.gif" width="261" height="89"></center>
<img src="Kopf_right.gif" width="255" height="88" align="right">
.... usw usw
in EINE Grafik soll das nicht, weil ich möchte dass sich die Bilder quasi ausbreiten wenn ich die Email maximiere.
"jedoch, dass er" jaaa worüber sprechen wir hier, womit stellt man denn HTML dar ? Mit Counterstrike ? Nein, gemeint ist der Browser, bzw. Outlook in diesem Fall.
Danke fpr die Antworten !
<body>
<img src="Kopf_left.gif" width="116" height="89" align="left">
<center><img src="Kopf_middle.gif" width="261" height="89"></center>
<img src="Kopf_right.gif" width="255" height="88" align="right">
.... usw usw
in EINE Grafik soll das nicht, weil ich möchte dass sich die Bilder quasi ausbreiten wenn ich die Email maximiere.
"jedoch, dass er" jaaa worüber sprechen wir hier, womit stellt man denn HTML dar ? Mit Counterstrike ? Nein, gemeint ist der Browser, bzw. Outlook in diesem Fall.
Danke fpr die Antworten !
Antwort 3 von rfb
Zitat:
jaaa worüber sprechen wir hier ... gemeint ist der Browser
dann sollte dir auch klar sein, dass Browser (in diesem Fall eine IE-Instanz innerhalb Outlook) nix irgendwo hinsetzen, wenn dann machst du das mit deinem Quellcode.jaaa worüber sprechen wir hier ... gemeint ist der Browser
Lass das center weg! center erzeugt einen Absatz - damit schiebst DU natürlich das folgende Bild in die nächste Zeile.
Antwort 4 von Wuschl32
stimmt leider so nicht, der Befehl align="right" erzeugt den Absatz wie ich soeben rausbekommen habe. Gibt es noch eine andere Möglichkeit die Grafiken nach dem Prinzip Links-Mitte-Rechts anzuordnen ? Danke
Antwort 5 von Wuschl32
stimmt so aber auch nicht ganz, wenn ich die grafik in der Mitte rausnehme, ordnet er die rechte grafik KORREKT an.... hmmm sehr misteriös...
Antwort 6 von Wuschl32
Aha, da gibts die Experten :-)
http://forum.de.selfhtml.org/archiv/2002/8/t20321/
http://forum.de.selfhtml.org/archiv/2002/8/t20321/
Antwort 7 von rfb
Zitat:
stimmt leider so nicht, der Befehl align="right" erzeugt den Absatz wie ich soeben rausbekommen habe.
ich weiß zwar nicht wo du das "rausbekommen" hast, aber es ist einfach Unsinn.stimmt leider so nicht, der Befehl align="right" erzeugt den Absatz wie ich soeben rausbekommen habe.
align
ist ein Attribut und kein Befehl, und ein neuer Absatz wird in diesem Fall durch das Blockelement center
erzeugtMach einfach eine Layouttabelle, für sowas unwichtiges wie HTML-Mails geht das (für richtige Internetseiten natürlich nicht)
<table><tr><td><img ...></td><td><img ...></td><td><img ...></td></tr></table>
und fertig ist der Kram!
Antwort 8 von rfb
Zitat:
Aha, da gibts die Experten
2002? Es sollte wohl heißen "gabs". Aktuell würden die Antworten im SelfHTML-Forum sicherlich anders ausfallen.Aha, da gibts die Experten
Antwort 9 von LoLo
Hi, wenn alle 3 Bilder breiter sind , als der zur Verfügung stehende Platz auf der Seite, dann rutscht das letzte Bild automatisch in die nächste Zeile. verringere mal eine Bildbreite und versuchs damit.
Antwort 10 von Wuschl32
wozu habe ich die ganze Zeit von dem Align Befehl geschrieben, damit ich ihn nicht einfüge ?? Das klappt so nicht wie du das schreibst, er setzt es trotzdem in die Zeile darunter.....
Also, wie ich bei Selfhtml gerade gesehen habe, ist die Lösung ganz einfach, so klappts:
<img src="Kopf_left.gif" width="116" height="89" align="left">
<img src="Kopf_right.gif" width="255" height="88" align="right">
<center><img src="Kopf_middle.gif" width="261" height="89"></center>
Und er setzt alles in eine Zeile.
Trotzdem danke das du es versucht hast, grosser Meister der HTML !!
Also, wie ich bei Selfhtml gerade gesehen habe, ist die Lösung ganz einfach, so klappts:
<img src="Kopf_left.gif" width="116" height="89" align="left">
<img src="Kopf_right.gif" width="255" height="88" align="right">
<center><img src="Kopf_middle.gif" width="261" height="89"></center>
Und er setzt alles in eine Zeile.
Trotzdem danke das du es versucht hast, grosser Meister der HTML !!
Antwort 11 von rfb
Zitat:
er setzt es
ach, ER.er setzt es
Zitat:
Align Befehl
gibts trotz Wiederholung nicht.Align Befehl
Und es klappt nur, solange die Viewportbreite und deine Grafikenbreite miteinander harmonieren.
Und:
Bitte, bitte, nehmt diesen Quälcode nicht als Layoutgrundlage für richtige Internetseiten. In modernen Browsern lässt sich sowas einfacher mit CSS lösen. Diese Lösungen hier sind wirklich nur HTML-Mails brauchbar.
Antwort 12 von some1unknown
ist <center> nicht sowieso depraced?