Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Problem mit Text neben Bild!
#1
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/>


Angehängte Dateien Thumbnail(s)
   
Zitieren
#2
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.
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#3
wie meinst du das die Abstände?
Kannst du vllt. mal ein Code posten?
Zitieren
#4
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!


Angehängte Dateien Thumbnail(s)
   
Zitieren
#5
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
Ich gebe keinen Support per Messenger oder PN!
Zitieren
#6
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
 
The User, Formerly Known As "En-Gedi"
 
Zitieren
#7
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="" />

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#8
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


Angehängte Dateien Thumbnail(s)
   
Zitieren
#9
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
Zitieren
#10
Garlant schrieb:Dies könnte dir bei der Umsetzung helfen.
Ist die Seite zu schwer für dich?
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
Wink Neben jedem Forum eine Grafik/Icon/Bild whitenexx 2 1.531 11.08.2010, 12:48
Letzter Beitrag: whitenexx