Archief - Hulp gevraagd bij menulijst

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

f@t_b@$t@rd

Legacy Member
Hey all!

Ik heb een klein vraagje ivm een website die ik maak voor mijn vader zijn bedrijf. Ik weet niet hoe ik "value creation model" en "Board Duties" mooi in het linkermenu kan zetten: als ik de hoogte doe toenemen dan herhalen die speciale bullets zich en ziet de rest er ook niet zo mooi uit vind ik.

Zou er iemand mij hierbij kunnen helpen alstublieft, ik heb de css en 1 van de sites bijgevoegd zodat je kan zien waarover ik spreek.

Vriendelijk bedankt!

Site: IVO - Services
CSS: http://dl.dropbox.com/u/32478918/style.css

f@t_b@$t@rd

Legacy Member
Zou je mij eens de aanpassing die jij gedaan hebt kunnen posten alstublieft, want het lukt mij percies niet: als ik de height verwijder op #menu li a dan is het toch te klein om de tekst te bevatten?

Exayle

Legacy Member
Vervang #menu li en #menu li a eens met onderstaande:

Code:
#menu li {
	border-bottom: 1px solid #dadada;
	list-style-type: none;
}

#menu li a {
	display: block;
	padding: 6px 0;
	color: #4C7413;
	text-decoration: none;
	background: scroll url(images/menudot.gif) 0 8px no-repeat;
}

f@t_b@$t@rd

Legacy Member
Als ik het vervang met hetgeen je voorstelde, loopt er iets mis met de uitlijning links, de tekst zit dan namelijk over de bullets geschreven en er begint ook een nieuwe bullet in hetzelfde vakje (nog niet helemaal zichtbaar).

Exayle

Legacy Member
Probeer deze eens, heb de padding aangepast:

Code:
#menu li {
	border-bottom: 1px solid #dadada;
	list-style-type: none;
}

#menu li a {
	display: block;
	padding: 6px 6px 6px 28px;
	color: #4C7413;
	text-decoration: none;
	background: scroll url(images/menudot.gif) 0 8px no-repeat;
}

f@t_b@$t@rd

Legacy Member
Yep, nu werkt het wel, alleen verschijnen er nu 2 bullet punten bij ze allemaal.

Exayle

Legacy Member
Hmmm, ik zie nog altijd geen list bullets of images maar voeg dit eens toe aan uw #menu:

Code:
list-style: none;

f@t_b@$t@rd

Legacy Member
Exayle zei:
Hmmm, ik zie nog altijd geen list bullets of images maar voeg dit eens toe aan uw #menu:

Code:
list-style: none;

Zelfs niet nu dat ik de hele site erop heb gezet? (realiseerde mij dat je de bullets niet kon zien omdat de img daarva ner niet bijzat :) )

list-style: none; verandert niets...

Exayle

Legacy Member
Had de download niet gezien.

Zie nu pas dat je met een sprite werkt ;p
Omdat we nu met padding werken i.p.v. height, denk ik dat je die sprite best splitst in 2 images, ene voor de normal en de andere voor een hover/actieve link.

f@t_b@$t@rd

Legacy Member
Ik zal hem morgen eens opsplitsen en dan zien of het werkt en terugposten.
Alleszins al bedankt voor de hulp!

f@t_b@$t@rd

Legacy Member
Heb de sprite in 2 gedeeld en nu werkt het perfect!

Een heel dikke merci voor al jouw hulp!!!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan