Bild/Text

Ich möchte ein Bild & rechts davon einen Text. ich habe den dazu passenden Code auf der HP von ramnip gefunden, doch soabld ich ihn auf meiner HP verwende funktioniert er i-wie nicht.
Bei dem blauen Teil füge ich den URL von dem Bild ein.
Der rote Teil ist auf der HP als text zusehen (zu dem zusäzlichen Text)
& das Bild wird durch ein rotes Kreuz erstetzt, was aber nur mit dem Code so ist, denn ohne funktioniert es auch.
Kann mir jemand saqgen was ich falsch mache bzw. ändern muss?

<img src="[color:"blue"]http://www..../bild.jpg[/color][color:"red"]" align="left">[/color]

Bild-Code:
<img src="http://i307.photobucket.com/albums/nn292/kashowtime/Fanta.gif">

Den Code kann man ja auch heutzutage nicht mehr gebrauchen... So geht das:

<img src="http://i307.photobucket.com/albums/nn292/kashowtime/Fanta.gif" style="float: left;" alt="" /> Text, der neben dem Bild steht.

Ich kann mir ehrlich gesagt auch nicht erklären, was bzw. wie genau du gearbeitet hast. Und wenn Basti und Aboleo das hier sehn, köpfen die dich, weil man das align-Attribut nicht mehr benutzt. Man soll ab jetzt float benutzen. Aber wenn du drauf bestehst:

<img src="http://i307.photobucket.com/albums/nn292/kashowtime/Fanta.gif" align="left">Text text text ...

Soll der Text nicht so am Bild kleben bzw. soll der Code im allgemeinen "richtiger" werden, kann ich dir folgenden ans Herz legen. So würde ich das ganze nämlich lösen:

<img src="http://i307.photobucket.com/albums/nn292/kashowtime/Fanta.gif" style="float:left; padding-right:10px;">Text text text ...

Sieht nicht nur schöner aus, wenn man den Quelltext betrachtet, sondern vermittelt auch den Eindruck, du hättest Ahnung von dem, was du da tust... *hust*


Gruß, Kat

& Ja, er soll am Text 'kleben', so mit einem mini Abstand...
Ja, Danke..das mit dem Ahnung vermitteln ist vielleicht gar keine so schlechte Sache, auch wenn ich wikrlich keine Ahnung hab :D
Normaleweise wird/wurde Ramnip ja immer empfohlen, aber kann mir dann jemand wenn es sowas gibt eien neuee Seite sagen? :D

Ich werde euren Rat gerne befolgen & den geposteten Code mit float benutzen. Danke :)

Du solltest auf SelfHTML zurückgreifen. glücklich

Bei den Codes ist der text soo weit weg von dem Bild. Wie bekomme ich den denn da näher dran?^^

Dazu beliest du dich mal bei Padding und Margin.

also soll ich jetzt
{margin:20px 30px 40px 50px;}
mit meinen gewünschten werten an diese stelle einfügen:
<img src="http://i307.photobucket.com/albums/nn292/kashowtime/Fanta.gif" style="float: left;" alt="" /> [color:"blue"] {margin:20px 30px 40px 50px;} [/color] Text...

Das Padding/Margin muss in ein Style-Attribut.

So ists besser.


Gruß, Kat

sry wenn ich mich jezz en bisschn blöd anstell^^, aber der Text ist immer noch so weit von dem Bild entfernt. Ich hab verschiedene Zahlenwerte ausprobiert.

Das hat nichts mit Margin zu tun, Margin ist der Außenabstand. Hier muss mit Padding gearbeitet werden.

<img src="http://i307.photobucket.com/albums/nn292/kashowtime/Fanta.gif" style="float: left; padding-right: 5px;" alt="" />Text...

Das liegt an deinem zentrierten Div-Container, denn du nie abgeschlossen hast <div align="center"> ..... [color:"#EE0000"]</div>[/color]
das Rote Fehlt.

@Vorposter
Daran kann bzw. darf es nicht liegen, denn ein padding, kann man keine negativen Werte mitgeben, was in dem Fall aber noetig waere.

ich habe jetzt den geposteten Code verwendet (Danke) & den <div-container wieder geschlossen, so wie hier (hoffentlich) meintet.(Zahlenwerte auch verändert). aber an dem Abstand hat sich immer noch nichts geändert.

Am besten ist es wohl, du fängst mit deinem Code nochmal von vorne an, denn ich pfusche ungern in unfertigen Sachen rum.
Sag uns was du willst und wir unterstützen dich dabei, okay? Am besten mit Beispiel. Oder sehr genau beschrieben. Denk dir was aus. Denn langsam versteh ich nicht mehr was du willst bzw. wo das Problem liegt.


Gruß, Kat

[color:"blue"]BILD BILD[/color]Text...
[color:"blue"]BILD BILD[/color]Text...
[color:"blue"]BILD BILD[/color]Text...
[color:"blue"]BILD BILD[/color]Text...
[color:"blue"]BILD BILD[/color]Text...
Text...Text...Text...Text...Text......
....

so etwas.

Vorschau:
[img]http://i37.tinypic.com/2le4eo3.jpg[/img]



Bitte alle Zeilenumbrüche entfernen, um es knuddelstauglich zu machen.


Gruß, Kat

Dankeschöön :)
Funktioniert alles prima. Kann geschlossen werden^^