Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Background no repeat in td möglich





Frage

Hallo, ich such gerad eine Möglichkeit, ein Hintergrundbild in eine Zelle einzubinden, ohne dass es sich wiederholt. Ich habs über "background" für td als auch über wie folgt als über CSS versucht, aber weder im Mozilla noch im IE funzt es. Weiss jemand , wo ich hier auf dem Schlauch steh? In der Html-datei steht folgendes [code]<td id=zellenname>test</td>[/code] Im CSS-Sheet steht momentan: [code] .zellenname {background-image: url(images/bild.gif); background-repeat: no-repeat;}[/code] Danke Euch Mel

Antwort 1 von rfb

du vermischst class und id
also muss es entweder
<td id="zellenname">

und
#zellenname {...

oder
<td class="zellenname">

und
.zellenname {...

heißen.

Antwort 2 von Mel

Zitat:
du vermischst class und id


sorry, ich hab falsch kopiert.
Hier noch einmal das Problem zur Hintergrundgrafik:


Ich hab jetzt in der *.html:

<td id="blau">test </td>


Und in der *.css steht:

.blau {
	background-image: url(../images/bild..gif);
	background-repeat: no-repeat;


Der Link zum Bild ist korrekt, aber die Browser - weder IE nochc Mozilla zeigen ein Bild an. Woran kann das liegen?

Danke Euch

Mel

Antwort 3 von rabies

Du bist Dir sicher, dass der Pfad stimmt? "bild..gif"? ... Versuch mal das:


.blau { background: url(../images/bild.gif) no-repeat; }


CSS4You: background

hth, Sven.

Antwort 4 von Friedel

Nach wie vor gilt Antwort 1 von rfb. Ändere
Zitat:
<td id="blau">test </td>
zu
Zitat:
<td class="blau">test </td>
. Dann sollte es funktionieren.

Antwort 5 von Mel

Danke Euch,

nach wie vor will es nicht klappen, daher probier ich das ganze gleich noch einmal in einer neuen Datei....

Und melde mich dann


Gruss Mel

Antwort 6 von Mel

Ja, vielen Dank nochmals,
die Browser können natürlich ohne den richtigen Pfad nichts finden :-)))

background: url (../images/bild.gif);

In der Tat lag es an ".." und daran, daß auf der Seite noch ein anderes Style definiert war, was die Browser IE und Mozilla wohl irritiert hat.

Vielen dank nochmals für die hilfe
Mel