MyBB.de Forum

Normale Version: Problem mit Text neben Bild!
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2 3
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/>
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.
wie meinst du das die Abstände?
Kannst du vllt. mal ein Code posten?
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!
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
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
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="" />
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
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

Garlant schrieb:Dies könnte dir bei der Umsetzung helfen.
Ist die Seite zu schwer für dich?
Seiten: 1 2 3