Archief - Hulp gevraagd bij menulijst

f

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #1

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

H

Huxley

Legacy Member

• 28 apr 2012

• #2

indien je dit wilt:

http://o7.no/mCRSrj

uw height op dit element (#menu li a) verwijderen en een width van 100% toevoegen op '#menu li'

f

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #3

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?

E

Exayle

Legacy Member

• 28 apr 2012

• #4

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

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #5

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).

E

Exayle

Legacy Member

• 28 apr 2012

• #6

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

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #7

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

E

Exayle

Legacy Member

• 28 apr 2012

• #8

Zou je uw versie op Dropbox eens kunnen updaten?

f

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #9

Heb hele site op dropbox gezet, dat gaat mssch wat gemakkelijker:
http://dl.dropbox.com/u/32478918/Website IVO new.rar

E

Exayle

Legacy Member

• 28 apr 2012

• #10

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

Code:

list-style: none;

f

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #11

Exayle zei:

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

Code:

list-style: none;

Klik om te vergroten...

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...

E

Exayle

Legacy Member

• 28 apr 2012

• #12

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

f@t_b@$t@rd

Legacy Member

• 28 apr 2012

• #13

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

f

f@t_b@$t@rd

Legacy Member

• 29 apr 2012

• #14

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

Een heel dikke merci voor al jouw hulp!!!