• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild links und text rechts

R

richiemoor

Neues Mitglied
Hallo zusammen!
bestimmt wurde dieses Thema zig mal behalndelt, habe aber danach gesucht, und alles ausprobiert, leider ohne Erfolg!
Also bin ganz neu mit HTML und überhaupt keine Ahnung!
Ich habe hier folgendes code gemacht:

<div style="background-image:url(http://img851.imageshack.us/img851/1330/back2a.jpg); background-repeat:no-repeat; width:700px; height:960px;">
<p><IMG SRC="http://img543.imageshack.us/img543/9383/logoftu.jpg"vspace="10"hspace="10"align="10"align="left">
<FONT COLOR="#38ACEC><FONT SIZE="10"><font face="Andalus"> TEXT </FONT></FONT>
<BR/>

das sollte folgendes darstellen:
Hintergrundbild
darauf kommt ein anderes Bild, welches oben links platziert ist!
rechts vom Bild sollte ein Text sein! ( und genau das funktioniert überhapt nicht )
Ich hoffe, Ihr habt die richtigen Vorschläge für mich, denn alles, was ich bislang versucht hab, klappt gar nicht!
MfG
 
CSS ist essentiell, wenn es um die Darstellung geht. Wie das geht ist auf der oben von mir verlinkten Seite beschrieben.
 
Kannst Du die Frage mal anders formulieren? Irgendwie fehlt da ein Wort im Satz oder so Oo
 
ich habe jetzt angefangen mit css, die ganze sache scheint zu klappen!
nur bin ich wieder beim positionieren vom text hängen geblieben!
mein code ist folgendens

<style type="text/css"> div.bg { background-image: url( http://img851.imageshack.us/img851/1330/back2a.jpg
); background-color:grey; width:700px;height:960px; border:1px solid red; padding:10px; } </style> ... <body> <div class="bg"> <IMG SRC="http://img543.imageshack.us/img543/9383/logoftu.jpg"vspace="5"hspace="5"align="5"align="left">
</div>

nun möchte den Text rechts von diesem bild positioneiren in diesem Text kommt auch kleines bild, welches als link dient!
und das ganze muß dann komplett neben dem bild sein!
 
Auch Bilder kann man nebeneinander floaten. Ich sehe in deinem Quellcode aber nicht mal den Versuch davon Text neben dem Bild zu floaten.
 
Ich habe zwar versucht, hier nochmal das code:

<style type="text/css"> div.bg { background-image: url( http://img851.imageshack.us/img851/1330/back2a.jpg
); background-color:grey; width:700px;height:960px; border:1px solid red; padding:10px; } </style> ... <body> <div class="bg"> <IMG SRC="http://img543.imageshack.us/img543/9383/logoftu.jpg"vspace="5"hspace="5""float: left;">
<FONT COLOR="#38ACEC><FONT SIZE="10"><font face="Andalus"> MEIN TEXT </FONT></FONT>
</div>

2 Probleme!
1. Text kommt zwar rechts vom Bild, aber ganz unten!
2. Farbe vom Text bleibt immer rot, egal, was ich an Farbe angebe, außerdem ist die Schriftgröße immer gelich, egal, was ich an Größe angebe!
 
Du hast den Style falsch definiert. Das geht so:

HTML: 
<IMG SRC="http://img543.imageshack.us/img543/9383/logoftu.jpg" style="float: left;">

vspace und hspace bitte weglassen.
 
das hat zwar geklapp!
Jetzt ist der Text zwar oben neben bild ( rechts davon ), jedoch möchte ich den Text in dem Bereich neben dem Bild genau in der Mitte haben, und wie gesagt es folgt mitten im Text ein kleines Bild welches als link funktiorien soll!
Schriftgröße und -Farbe bleiben immer gleich, egal was ich angebe, wieso?
 
habe jetzt alles geändert und es klappt mit Farbe und Größe vom Text:

<style type="text/css"> div.bg { background-image: url( http://img851.imageshack.us/img851/1330/back2a.jpg
); background-color:grey; width:700px;height:960px; border:1px white; padding:10px; } </style> ... <body> <div class="bg">
<IMG SRC="http://img543.imageshack.us/img543/9383/logoftu.jpg" style="float: left;">
<CENTER><FONT COLOR=" #38ACEC
"><FONT SIZE="7"><font face="Andalus"> Text </FONT></FONT></CENTER>
</div>

Problem ist: mein Text sieht man nur zu Teil, und zwar ganz rechts, wie kann ich den dann verschieben, gibts da spizielle befehle für?
 
richiemoor schrieb:
das hat zwar geklapp!
Jetzt ist der Text zwar oben neben bild ( rechts davon ), jedoch möchte ich den Text in dem Bereich neben dem Bild genau in der Mitte haben, und wie gesagt es folgt mitten im Text ein kleines Bild welches als link funktiorien soll!
Zum Vergrößern anklicken....

Dann hab ich das übersehen wo du das so formuliert hast ...

Das geht ohne float, imho so:

HTML: 
<img src="bild.png" alt="" style="vertical-align: middle;display: inline;"/><p style="vertical-align: middle;display: inline;">Text daneben</p>

Ansonsten mal hier nachschauen:
http://www.html.de/css/22689-text-mittig-rechts-neben-bild.html

Schriftgröße und -Farbe bleiben immer gleich, egal was ich angebe, wieso?
Zum Vergrößern anklicken....

Die gibt man wie gesagt auch nicht mit HTML sondern mit CSS an. Siehe:
SELFHTML: Stylesheets / CSS-Eigenschaften / Schriftformatierung
SELFHTML: Stylesheets / CSS-Eigenschaften / Schriftformatierung
 
Natürlich. Was meinst Du wie Webseiten heutzutage aufgebaut sind? Schau dir nur mal dieses Forum an. Es besteht aus einem HTML-Grundgerüst und Stylesheets die dieses Grundgerüst zu dem machen was man letztlich sieht. Für einen Einstieg in CSS würde ich dir unsere Quellensammlung empfehlen.
 
code sieht so aus:
<style type="text/css"> div.bg { background-image: url( http://img851.imageshack.us/img851/1330/back2a.jpg
); background-color:grey; width:700px;height:960px; border:1px white; padding:10px; } </style> ... <body> <div class="bg">
<img src="http://img543.imageshack.us/img543/9383/logoftu.jpg" alt="" style="vertical-align: middle;display: inline;"/><p style="vertical-align: middle;display: inline;"><FONT COLOR=" #C11B17
"><FONT SIZE="6"><font face="Andalus"> أهلا بك في الصفحة الرسمية ل </FONT></FONT>
</div>

und ergebnis ist das hier:
â€Ø´Ø¨Ø§Ø¨ العودة - Welcome†| Facebook

jedoch möchte ich, dass mitten von oben in dem leeren Bereich, wo der Text momentan steht, folgendes haben, und zwar von oben nach unten:
Text - kleines Bild als link - Text, weiß jemand, wie ich das machen soll?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben