XHTMLforum - ebay Layout

XHTMLforum (http://xhtmlforum.de/index.php)

- (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)

- - ebay Layout (http://xhtmlforum.de/showthread.php?t=62645)

HTML_Susi

11.10.2010 17:37

ebay Layout

Hallo zusammen,

ich benötige dringend eure Hilfe.
Leider habe ich so gut wie keine HTML-Kenntnisse, somit reicht es noch nicht aus, um ein eigenes e-Bay Layout zu erstellen.

Habe folgendes Problem:
Eine Grafik wurde von einem externen Server bereit gestellt (s. HTML-Code).
Nun möchte ich einen Textbaustein für die Artikelbeschreibung einfügen.
Das jpg sollte eigentlich im Hintergrund liegen, damit ich den Textbaustein zentriert darüber legen kann.
Was muss ich an dem Code ändern, damit es funktioniert?

Vielen Dank im Voraus.

Susi

HTML-Code:

<img src="http://www...jpg" height="2120" width="933"></div><!-- supreme spacer --><br>

<!-- supreme spacer End-->

zeji	11.10.2010 17:50

Dazu musst du mittels CSS dem <div> das Bild als Hintergrundbild geben.
Das erreichst du mit

Code:

background:url(PFAD/ZUM/BILD)

Um das Bild vollständig zu sehen musst du dem <div> noch die Höhe und Breite in Pixeln(px) des Bildes geben.
Also in etwa so:

Code:

<div style="background:url('PFAD/ZUM/BILD'); height:HÖHE px; width:BREITE px;">TEXT</div>

HTML_Susi

11.10.2010 18:14

Hallo zeji,

danke für deine Antwort.
Habe es gerade versucht umzusetzen. Leider wird das Bild nun nicht mehr angezeigt - ist wohl noch ein Fehler im Code?!

Grüße

Susi

HTML-Code:

<!-- supreme spacer -->

<div style="background:&lt;img src=" http:="" www....jpg"="" height="2120" width="933"><br><br></div>

<!-- supreme spacer End-->

<div style="display: none; height: 1px;" id="SupremeWidgetCode">supremewidgets</div>

Thielo

11.10.2010 20:19

Zitat:

Zitat von HTML_Susi (Beitrag 477206)

Hallo zeji,

danke für deine Antwort.
Habe es gerade versucht umzusetzen. Leider wird das Bild nun nicht mehr angezeigt - ist wohl noch ein Fehler im Code?!

Grüße

Susi

HTML-Code:

<!-- supreme spacer -->

<div style="background:&lt;img src=" http:="" www....jpg"="" height="2120" width="933"><br><br></div>

<!-- supreme spacer End-->

<div style="display: none; height: 1px;" id="SupremeWidgetCode">supremewidgets</div>

Interessant ist das zeji etwas schreibt und du in deinem Code etwas komplett anderes stehen hast :P orientier dich doch mal an seinem Code... was du schreibst ist ohne jeglichen sinn. wieso ein img? :P

Alle Zeitangaben in WEZ +2. Es ist jetzt 03:03 Uhr.