[Osamu]

Hey Leute,
ich wollte mal was Fragen!
Also ich will bei mir in einer extra Seite auf der Rechten Seite ein Bild habe und auf der Linken Seite ein Text!
Aber ich habe keine Ahnung wie der html code aussehen muss!
es sieht bis jetzt immer so(Anhang) aus.
Könnt ihr mir den richtigen Code sagen?
Hier mein Code!

Code:

test <div align="right"><img src="http://www.forumgo.de/images/DarkOrange/logo.png"></div>
test<br/>
test<br/>

[ows]

Code:

<img src="http://www.forumgo.de/images/DarkOrange/logo.png" style="float:right;">test<br />
test<br />
test<br />

Evtl. dann noch mit margin die Abstände zum Text anpassen.

[Osamu]

wie meinst du das die Abstände?
Kannst du vllt. mal ein Code posten?

[Osamu]

Ich habe es jetzt mit einer Scrollbox versucht!
De Code sieht jetzt so aus:

Code:

<div style="width: 300px; height: 100px; background-color: 000000; font-family: arial; font-size: 12px; color: FFFFFF; font-weight: normal; font-style: normal; text-align: left; overflow: auto; padding: 5px;">Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</div><div align="right"><img src="http://www.forumgo.de/images/DarkOrange/logo.png"></div>

Und wird so(Anhang) angezeigt!

[Garlant]

Hallo Osamu,
Dies könnte dir bei der Umsetzung helfen.

Bitte nutzde das nächste mal die richtige Kategorie.

edit: Dies sollte funktionieren.

Code:

<div style="width: 300px; height: 100px; background-color: 000000; font-family: arial; font-size: 12px; color: FFFFFF; font-weight: normal; font-style: normal; text-align: left; overflow: auto; padding: 5px; float:left;">Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</div>
<div align="right"><img src="http://www.forumgo.de/images/DarkOrange/logo.png"></div>
<br style="clear:left;" />

Mfg Garlant

[ows]

Soll das Bild rechts neben dem Text sein; soll der Text dabei eine feste Breite haben oder soll das Bild rechts am Browserrand sein?

Mit margin kannst Du die Abstände des Bildes festlegen. Also z.B.

<img src="http://www.forumgo.de/images/DarkOrange/logo.png" style="float:right; margin:0px 0px 0px 30px;">

1. Wert: Abstand von oben
2. Wert: Abstand von rechts
3. Wert: Abstand von unten
4. Wert: Abstand von links

[Michael]

Wenn das Bild einfach nur auf der rechten Seite angezeigt werden soll, kannst du einfach mit align arbeiten:

Code:

<img src="http://www.forumgo.de/images/DarkOrange/logo.png" align="right" border="0" alt="" />

[Osamu]

Danke die Information von Garlant hat mir geholfen jetzt ist es richtig =)

Jetzt sieht es so(Anhang) aus und so wollte ich es =)
Danke an alle

[Osamu]

Eine Frage habe ich doch noch!
Wie kann ich es machen das ich den Hintergrund vom Kasten und die von der Schrift ändern kann?
Wenn ich

Code:

background-color: 000000

in

Code:

background-color: FFFFFF

und

Code:

color: FFFFFF

in

Code:

color: 000000

ändere passiert gar nichts Oo

[Don Carlos]

Dies könnte dir bei der Umsetzung helfen.

Ist die Seite zu schwer für dich?