Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.06.2010 um 10:19 (UTC)    
Titel: bild hinter text, html code?

hallo. nehmen wir an, ich habe einen text der so aussieht:

---------------------------
------------------------------
-----------------------
------------------------------
----------------------------- (y) X
-------------------------------
----------------------------
------------------------

jetzt da bei x hat es aber noch eine menge platz und ich möchte dort ein bild einfügen, dass logishcerweise grösser als die schriftgrösse ist. wenn ich es aber auf die folgende linie (y) lege, dann rutscht der text unter y immer nach. darum müsste ich den html code für ein bild hinter dem text haben, dann könnte ich es mit einigen leerschlägen zuvor bei X platzieren. danke
Beitrag20.06.2010 um 11:33 (UTC)    
Titel:

Wie man ein Bild direkt hinter den Text verlegen kann, weiß ich auch nicht aus dem Efef. Aber wie du den Text um das Bild herum bekommst kann ich dir erklären.

Du hast 2 Möglichkeiten:

1) Du erstellst eine Tabelle mir 1 Zeile und 2 Spalten.
Das Bild kommt entweder nach links oder rechts je nach dem was du möchtest. Der Text dementsprechend auf die andere Seite. Unter der Tabelle kannst du dan weiteren Text einfügen.
Das Ergebniss kann z.B so aussehen:
http://badweb.de.tl/Heitz.htm

2) Du versiehst das Bild mit einem float-Befehl.
Füge das Bild ganz normal in den Text ein. Anschließend klickst du im Editor auf "Quellcode". Nun sollte dein Bild aus folgendem Code (eventuell leicht abweichend) bestehen:
Code:
<img src="Bildadresse>

Ändere den Code zu:
Code:
 <img style=" float: left;" src="Bildadresse">

Ob links (left) oder rechts (right) kannst du nach belieben entscheiden. Wichtig ist, dass du bedenkst, dass das Bild sich dann am jeweiligen Rand der Seite positioniert.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag20.06.2010 um 11:42 (UTC)    
Titel:

Hey,
ein Bild bekommst so hinter einen Text:

Zitat:
<div style="background: url(BILDADRESSE.PNG);color:#XXXXXX;}>TEXT</div>


Bei dem roten fügst du die Bildadresse ein.
Bei dem grünen die Farbe des Textes in Hex-Code (Farbcodetabelle)
Und beim blauen selbstverständlich deinen Text.

Wichtig ist, dass der Text einen lesbaren Kontrast zum Hintergrund bildet.

Schlecht: dunkelblauer Text auf schwarzem Hintergrund
Gut: weißer Text auf schwarzem Hintergrund

Mfg
GamingParadise
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de