Problem mit Text neben Bild!

Problem mit Text neben Bild! - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Plugin-Diskussionen (https://www.mybb.de/forum/forum-38.html)
+--- Thema: Problem mit Text neben Bild! (/thread-8847.html)

Seiten: Seiten: 1 2 3

Problem mit Text neben Bild! - Osamu - 05.03.2008

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/>

RE: Problem mit Text neben Bild! - ows - 05.03.2008

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.

RE: Problem mit Text neben Bild! - Osamu - 05.03.2008

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

RE: Problem mit Text neben Bild! - Osamu - 05.03.2008

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!

RE: Problem mit Text neben Bild! - Garlant - 05.03.2008

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

RE: Problem mit Text neben Bild! - ows - 05.03.2008

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

RE: Problem mit Text neben Bild! - Michael - 05.03.2008

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="" />

RE: Problem mit Text neben Bild! - Osamu - 05.03.2008

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 Big Grin

RE: Problem mit Text neben Bild! - Osamu - 05.03.2008

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

Code:
background-color: FFFFFF

und

Code:
color: FFFFFF

Code:
color: 000000

ändere passiert gar nichts Oo

RE: Problem mit Text neben Bild! - Don Carlos - 05.03.2008

Garlant schrieb:Dies könnte dir bei der Umsetzung helfen.

Ist die Seite zu schwer für dich?