Keine Hintergrundbilder für Links? => Opera

[Dogfish]

Hallo ihr da draußen,

Jetzt funktioniert meine Navigation endlich in Opera && M$IE, da hab ich schon das nächste Opera-Problem: Ein Link kann anscheinend kein Hintergrundbild enthalten. Ich habs grad nochmal ganz einfach probiert:

<a href="#" style="background: url(image.png);">
  Hoffentlich mit Hintergrundbild
</a>

aber es kommt in Opera keins (in den anderen Browsern gehts).
Woran liegt das? (Ich bin eigentlich der Meinung, dass das schon mal irgendjemandem aufgefallen sein muss)

Grüße von hier drinnen, aus Biberach an der Riss (http://www.stadt-biberach.de),
Dogfish--
Let's close our eyes and see what happens

(http://dogfish.net.tc / http://dogfishus.net.tc)

[Tobias K.]

Hallo Dogfish,

<a href="#" style="background: url(image.png);">

bei mir (opera7b2) gibt es kein Problem allerdings zeigt mein opera6.05 auch kein Hintergrundbild (auch mit background-image:url(image.gif); nicht - also mit einem gif wobei ich mir nicht vorstellen kann, das das daran liegt). Scheint also wirklich ein Fehler im 6er Opera zu sein. -> 7er benutzen :-) dürfte ja nicht mehr allzu lange dauern, bis die endgültige Version rauskommt.

Dogfish--
Let's close our eyes and see what happens

deine Signatur ist kaputt, du musst hinter 'Dogfish' einen Zeilenumbruch machen und hinter die zwei Striche ein Leerzeichen (also so: '-- ')

Grüße aus Nürnberg
Tobias

[Christian Seiler]

Hallo Tobias,

wobei ich mir nicht vorstellen kann, das das daran liegt).

Ähm, ich hab' jetzt keinen 6er da, von daher mal ein Schuss ins blaue, aber kann es sein, dass Opera 6 der einzige Browser ist, der das korrekt macht? Sollte ein Hintergrundbild nicht _ausschließlich_ auf Blockelemente angewandt werden können? Oder täusche ich mich da? *duck* Könnte jemand mal ein display: block; probieren?

Grüße,

Christian

[MudGuard]

Hi,

Ähm, ich hab' jetzt keinen 6er da, von daher mal ein Schuss ins blaue, aber kann es sein, dass Opera 6 der einzige Browser ist, der das korrekt macht? Sollte ein Hintergrundbild nicht _ausschließlich_ auf Blockelemente angewandt werden können? Oder täusche ich mich da? *duck*

Da täuschst Du Dich.

Bei background-image steht in der Tabelle nichts in der Spalte, in der steht, auf welche Elemente die Eigenschaft zutrifft (applies to). Und das bedeutet, daß es auf alle Elemente zutrifft (default: all).
http://localhost/Doku/CSS/propidx.html

cu,
Andreas

[Tobias K.]

Hallo Christian,

Ähm, ich hab' jetzt keinen 6er da,

pfui :-) marsch nach http://www.opera.com/download/ und den 6er saugen *scnr* (wenn ich gewusst hätte was für ein Betriebssystem du hast hätte ich den genauen Link gesetzt :-))

von daher mal ein Schuss ins blaue, aber kann es sein, dass Opera 6 der einzige Browser ist, der das korrekt macht? Sollte ein Hintergrundbild nicht _ausschließlich_ auf Blockelemente angewandt werden können?

das hieße doch, dass es mit z.B. <span> auch nicht funktionert mit <div> dagegen schon, richtig? *test* So ist es! :-) vielleicht macht er es ja doch richtig, ich kenn mich auf der Seite vom w3c aber nicht so gut aus, um die Definition für background-image zu finden...

Könnte jemand mal ein display: block; probieren?

meinst du im style="" von <a> drin? *test* ja, so funktioniert es... :-)

Grüße aus Nürnberg
Tobias

[Christian Seiler]

Hallo Tobias,

Ähm, ich hab' jetzt keinen 6er da,
pfui :-) marsch nach http://www.opera.com/download/ und den 6er saugen *scnr*

Schon erledigt, jetzt läuft ein 6.11er auf meinem System. :-)

(wenn ich gewusst hätte was für ein Betriebssystem du hast hätte ich den genauen Link gesetzt :-))

FYI: Debian GNU/Linux testing.

das hieße doch, dass es mit z.B. <span> auch nicht funktionert mit <div> dagegen schon, richtig? *test* So ist es! :-) vielleicht macht er es ja doch richtig,

Nein, er macht es zwar so wie ich es vermutet habe, aber trotzdem falsch, sie MudGuards erklärung.

ich kenn mich auf der Seite vom w3c aber nicht so gut aus, um die Definition für background-image zu finden...

http://www.w3.org/TR/REC-CSS2/colors.html, das schweigt sich aber tot über die Anwendbarkeit auf die Elemente.

http://www.w3.org/TR/REC-CSS2/propidx.html, welches MudGuard schon gepostet hat (ich hatte vergessen, dass es das auch noch gab...) sagt aber klar, wie MudGuard schon erklärt hat, dass background-* für _alle_ Elemente gilt.

Grüße,

Christian

[MudGuard]

Hi,

http://www.w3.org/TR/REC-CSS2/colors.html, das schweigt sich aber tot über die Anwendbarkeit auf die Elemente.

Also wenn ich die Seite angucke, steht da:

'background-image'
        Value:       <uri> | none | inherit
        Initial:     none
===>    Applies to:  all elements             <===
        Inherited:   no
        Percentages: N/A
        Media:       visual

http://www.w3.org/TR/REC-CSS2/propidx.html, welches MudGuard schon gepostet hat (ich hatte vergessen, dass es das auch noch gab...) sagt aber klar, wie MudGuard schon erklärt hat, dass background-* für _alle_ Elemente gilt.

Nicht ganz. background-position gilt nur für "block-level and replaced elements"

cu,
Andreas

[Christian Seiler]

Hallo Andreas,

===>    Applies to:  all elements             <===

Waaaaah! Das nennt man betriebsblind. :-(

Nicht ganz. background-position gilt nur für "block-level and replaced elements"

Grmpf. Ich sollte die Spec vielleicht wirklich noch mal von hinten bis vorne durchlesen...

Grüße,

Christian

[MudGuard]

Hi,

Grmpf. Ich sollte die Spec vielleicht wirklich noch mal von hinten bis vorne durchlesen...

Naja, dann hast Du ja Deine Feiertagslektüre... ;-)
Wobei: Auswendiglernen ist Unsinn. Man muß nur wissen, wo in der Spec nach was zu suchen ist ;-)

cu,
Andreas

[Christian Seiler]

Hallo Andreas,

Wobei: Auswendiglernen ist Unsinn. Man muß nur wissen, wo in der Spec nach was zu suchen ist ;-)

Ist mir auch klar, ist aber schon 'ne ganze Weile her, dass ich sie überhaupt gelesen habe. (ich glaube nicht mal vollständig) Von daher sollte ich mein 'Lokalisierungsgedächntnis' wieder etwas auffrischen.

Grüße,

Christian

P.S.: Ich schlage EOT vor, da das hier in Live-Geplaudere ausartet.