list style

[jeel2008]

hallo, ik wilde een rode stip laten verschijnen iedere keer als ik over een menuitem zou gaan. mn menu heeft de class 'menulinks'
en de menuitems staan in in een ul, dus hebben allemaal <li></li>

bji zowel list1 en list2 verscheen er gewoon niks in beeld
hoe kan dat?

dit is mn css code

.menulinks{
	font-family: "Adobe Garamond Pro";
	font-size: 16px;
	color: #000066;
	line-height: 22px;
	width: 200px;
	font-style: normal;	
}

.menulinks li a:hover{
		list-style-position: outside;
	list-style-image: url(../images/rondje.png);
}

 

[RoboticPro]

.menulinks{
	font-family: "Adobe Garamond Pro";
	font-size: 16px;
	color: #000066;
	line-height: 22px;
	width: 200px;
	font-style: normal;	
}

.menulinks li:hover{
		list-style-position: outside;
	list-style-image: url(../images/rondje.png);
}

Zoek de verschillen
(De link tag kan namelijk geen css van je list item nemen)

 

[csshunter]

Vragen roepen vragen op!

• Misschien niet geüpload, of naar verkeerde map, of met hoofdletters ipv kleine letters in mapnaam of bestandsnaam; e.d.?
• Misschien nog andere css voor de <ul> en <li>'s gebruikt, waarin met margin of padding wordt gewerkt?
• In alle browsers geen effect?

Van dat soort!
Of heb je een testpagina met dit brokje?

Met vriendelijke groet,
CSShunter
_____________
PS:
Soms is het werken zonder list-style-image maar met een background-img handiger.
Zie bv. gigastyle-index.html, linksonder in het "Links" ringbandje.
Of deze Big List Buttons: met een bg-img heb je veel meer vrijheid van formaat en positie.

Edit:
@RoboticPro : a! Da's een goeie! :thumb:
(en daarom zijn bg-img's zo handig )

 

[jeel2008]

rondje

hallo css hunter, roboticpro,
hee, met

.menulinks li:hover{
		list-style-position: outside;
	list-style-image: url(../images/rondje.png);
}

werkt het inderdaad wel

zie: http://www.vlinderkas.com/test/test.php

hmmm, mijn denkwijze van een a:hover in een li (menulinks li a:hover)
was dan toch niet juist blijkbaar

in ieder geval bedankt voor de medewerking
jeel2008

ps zit alleen nog met die verspringing bij 'Zoo is 't in 't blije Vlinderland'
omdat dat niet als 'Gulden Snede Rijnwaalpad' bij elkaar hoort heb ik de regelafstand wat aangepast , maar op een of andere manier werkt dat niet helemaal lekker

ps2 heb ik gebrobeerd hoor , csshunter, met een background, maar dat pakte ook niet helemaal lekker uit

 

[RoboticPro]

Voeg is de class menuppp toe aan de list item met van vlinderland.

 

[jeel2008]

nou ja, ik zou toch zweren dat ik dat gedaan had
maar na alle geknoei stond die class er uiteindelijk toch niet voor
bedankt, niet verspringt ie inderdaad niet meer