PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [CSS] Grafik als Tabellenhintergrund in Opera 6

Dominic Suter
21.04.2002, 21:05
Weis jemand, wie man Grafiken als Tabellenhintergund so einbindet, dass Opera diesen auch darstellt? Ich habe die Tabelle folgendermasen definiert (Ausschnitt aus einem externen CSS-File):
Im IE funktioniert es, unter NN und Opera leider nicht :(

table.navimt {
/*muss der Breite der Hintergrundsgraphik der Navigationangepasst werden! */
background-color : #00CCFF;
background-image : url(c:/server/pictures/navigation/button.gif);
background-position : center;
background-repeat : no-repeat;
border-collapse : collapse;
border-width : 0px;
font-family : Arial, Helvetiva,sans-serif;
font-size : 10pt;
font-weight : bold;
margin-bottom : 0pt;
margin-left : 15pt;
margin-top : 0pt;
table-layout : fixed;
text-indent : 1.5mm;
text-shadow : #000000;
vertical-align : middle;
width : 210px;
}

Mein CSS Validator zeigt keinen Fehler an, aber wenn ich das ganze im Opera anschaue, kann ich die Hintergrundgraphik leider nicht sehen.
Möglicherweise liegt es daran, dass ich über die Graphik schreibe.
Weiss jemand einen Rat? (Ich möchte nach Möglichkeit kein Java Script verwenden und auch nicht die Graphiken mit der Schrift darauf erstellen)

Apraxas
21.04.2002, 21:28
Der Fehler liegt hier:
background-image : url(c:/server/pictures/navigation/button.gif);

bei mir wäre der Pfad natürlich auch c:.....
aber liegt das Bild bei mir auch auf c: und im selben pfad?
NEIN!

Du musst den Relativen Pfad angeben, z.b.:
http://127.0.0.1/pictures/navigation/button.gif
oder
/pictures/navigation/button.gif

also NIE den Lokalenpfad angeben (sprich c:, d: etc)
Dominic Suter
21.04.2002, 21:37
Eigentlich müsste ich dir recht geben.

Ich habe den Pfad nun geändert:
background-image : url(http://localhost/pictures/navigation/button.gif);
Leider half das nichts...
cYrus
21.04.2002, 22:28
opera kann kein bg-image darstellen, jedenfalls hab ichs auch noch ned fertig gebracht. Siehe nur mal das GBB im IE hats eins im Opera ned..

so long
cYrus
Mac Fly
21.04.2002, 22:32
Du musst den Relativen Pfad angeben, z.b.:
http://127.0.0.1/pictures/navigation/button.gif

^^ Das is kein relativer Pfad :p
Dominic Suter
22.04.2002, 08:19
Opera KANN das! Wer Opera als Browser hat, soll doch einmal auf diese URL gehen: http://www.military.ch/anthem.htm

Dort kann man das sehr gut sehen. Ein Bild in einer Tabelle als Background, darüber ist ein Text.

@cYrus
Hast du die Graphik per CSS eingebunden? Möglicherweise liegt es daran, denn auf der oben genannten Page ist die Graphik folgendermassen eingebunden:


<div align=&quot;center&quot;>
<center>

<table border=&quot;1&quot; width=&quot;404&quot; background=&quot;drapeau.jpg&quot;>
<tr>
<td width=&quot;50%&quot; valign=&quot;top&quot; align=&quot;left&quot;>

<p align=&quot;left&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;> <b> Sur nos monts, quand le soleil<br>
Annonce un brillant réveil,<br>
Et prédit d&acute;un plus beau jour<br>
Le retour<br>
Les beautés de la patrie<br>
Parlent à l&acute;âme attendrie.<br>
Au ciel montent plus joyeux<br>
Au ciel montent plus joyeux&nbsp;<br>
Les accents d&acute;un cœur pieux,<br>
Les accents émus d&acute;un cœur pieux.</b></font></p>

</td>
<td width=&quot;50%&quot; valign=&quot;top&quot; align=&quot;left&quot;>

<p align=&quot;left&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;><b>Trittst im Morgenrot daher,<br>
Seh&acute; ich dich im Strahlenmeer,<br>
Dich, du Hocherhabener, Herrlicher!<br>
Wenn der Alpenfirn sich rötet,<br>
Betet, freie Schweizer betet!<br>
Eure fromme Seele ahnt,<br>
eure fromme Seele ahnt<br>
Gott im hehren Vaterland,<br>
Gott, im hehren Vaterland.</b></font></p>
</td>
</tr>

..usw.
maulwurf
22.04.2002, 08:25
hiho

versuch mal in die table mit dem bg-image noch eine table zu packen, in die du dann den inhalt tust.

der inneren table musst du dann aber background=&quot;&quot; geben, damit die transparent ist.

könnte klappen...

cya
Dominic Suter
22.04.2002, 08:57
Das ist eine Idee. Werde ich gleich einmal ausprobieren.

@Maulwurf

Habe gerade bemerk, dass es funktioniert, auch OHNE dass ich die Tabellen verschachtle. Der Fehler lag darin, dass ich die Hintergrundgrafik 2x definiert habe (da der blöde IE das externe Style-Sheet nicht richtig interpretiert und die Hintergrundgraphik nicht lädt. Wenn ich das ganze im Source definiere funktioniert aber alles wunderbar :mauer:

Vieleicht kann ich dieses Problem mit einer verschachtelten Tabelle lösen...
cYrus
22.04.2002, 09:44
Original von Stoenggi
Opera KANN das!

@cYrus
Hast du die Graphik per CSS eingebunden? Möglicherweise liegt es daran, denn auf der oben genannten Page ist die Graphik folgendermassen eingebunden:


[CSS] Grafik als Tabellenhintergrund in Opera 6

hmm wenn das Topic CSS lautet, dann verstehe ich auch Cascading Style Sheet darunter.. und das kann Opera mit grosser wahrscheinlichkeit ned, jedenfalls funktionierts beim wbb auch ned..

so long
cYrus
Dominic Suter
22.04.2002, 11:42
@ cYrus

Ok, hab das Topic missachted.
Aber: Opera KANN Graphiken als Hintergrund einbinden, habe es ja gerade selbst gesehen und gemacht. Du musst lediglich ein style Tag bei der Tabellendefinition einfügen, dann klappt es. Komischerweise funktioniert es nicht, wenn genau die gleiche Definition im CSS File liegt :(
Übrigens hat der IE 6 bei mir genau das selbe Verhalten!