[CSS] random backgroundimage worden niet weergeven

[Verwijderd]

Hey,

Ik ben bezig met een site en ben op dit moment het menu aan het maken.
Ik maar hiervoor gebruik van een list en bijbehorende css.

het losstaande menu met (inline) css is hier te vinden:

http://www.marketingfocus.nl/~basfood/test.htm

Hier werkt het allemaal.

Maar wanneer ik het in mijn lay-out zet, verschijnt het niet meer.
Op dat moment zit de(zelfde) css in een apart bestand:

( hij werkt nu wel, probleem opgelost )

http://www.marketingfocus.nl/~basfood/index2.html
http://www.marketingfocus.nl/~basfood/css/default.css

Nu heb ik onderzocht hoe ik het menu weer kan terugkrijgen, elke keer heb ik vanuit het nietwerkende voorbeeld maar 1 ding veranderd.

• Door de css van het menu weer inline te zetten
  Hierbij werkt het menu bij de volgende 2 syntaxes:
  • url(assets/random_image.gif)
  • url("assets/random_image.gif")
• Een absolute url gebruiken in m'n stylesheet (niet inline)
• Deze vraagt om wat meer uitleg. Ik vervang de normale afbeelding door een andere. Er zijn 2 situaties. Ik heb niet kunnen vinden wanneer de ene geldt en wanneer de andere. Het enige dat ik weet is dat het bij al mijn menu-afbeeldingen niet werkt en bij andere gebruikte afbeeldingen wel.
  1. De afbeelding verschijnt wanneer deze syntaxes worden gebruikt:
     • url(/assets/random_image.gif)
     • url("/assets/random_image.gif")
  2. De afbeelding verschijnt bij geen enkele syntax.
  Ik denk dat hier de grootte van de afbeelding uitmaakt wanneer hij wel verschijnt, maar ik heb het niet kunnen 'nabootsen' met zelfgemaakte afbeeldingen.

Een van de raarste dingen die mij opvalt is de / die ik moet toevoegen als ik de css in een apart bestand zet om de afbeelding te laten weergeven.

Ik kan het dus wel op verschillende manieren oplossen, maar het inline zetten van m'n css is niet echt netjes en niet handig. Absolute urls in m'n css is ook niet handig bij 't overzetten etc en de derde oplossing kan ik helemaal niet gebruiken omdat hij voor mijn menu-afbeeldingen niet opgaat.

Sowieso is het natuurlijk het best als je snapt waarom je code niet doet wat je wilt dat hij doet.

Heeft iemand hier een logische verklaring voor? Ik in ieder geval niet.

[ Voor 11% gewijzigd door Verwijderd op 20-10-2005 17:01 . Reden: opgelost ]

[Willem]

Wat dacht je van een relatief pad?

dus in css/piet.css verwijzen naar

Cascading Stylesheet:

bla { background-image:url('../knel.jpg') }

Die ../ zorgt ervoor dat 'ie de background image pakt die een directory lager staat
Of is dit niet het antwoord op je probleem?

[Verwijderd]

willem169 schreef op donderdag 20 oktober 2005 @ 16:50:
Wat dacht je van een relatief pad?

dus in css/piet.css verwijzen naar

Cascading Stylesheet:

bla { background-image:url('../knel.jpg') }

Die ../ zorgt ervoor dat 'ie de background image pakt die een directory lager staat
Of is dit niet het antwoord op je probleem?

Mijn god wat ben ik stom
Dat ik daar niet aan gedacht heb. Ik heb er serieus 3 uur aan zit testen.

Trouwens toch raar dat hij 't bij de derde oplossing bij sommige wel deed en bij andere niet

[ Voor 22% gewijzigd door Verwijderd op 20-10-2005 17:10 ]

[XangadiX]

ik denk dat het cache was dan, dat gedraagt zich op mysterieuze wijze.

ik gooi het topic dicht met u welnemen, het is immers opgelost en het was nu niet een bijster moeilijk probleem