login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Navigatie knoppen

Offline Sirax - 14/11/2009 15:43 (laatste wijziging 14/11/2009 21:32)
Avatar van SiraxNieuw lid Hey,

Ik ben momenteel bezig aan een website voor mijn vader te maken, maar ik vindt geen oplossing voor mijn navigatie knoppen.

Dit is de layout dat ik eerst had:
http://www.sloten-dhont.be/testsite1/
Daar zie je de navigatie knoppen bovenaan staan, en de header eronder, maar dit zou nu anders moeten komen, eerst de header en dan daaronder de navigatieknoppen. Ook moeten die knoppen iets smaller worden en de header iets groter zoals je hier kan zien:
http://users.telenet.be/De.Manu/test/test1.jpg


Om dit te bekomen heb ik in photoshop de images bg.gif, nav_seperator.png en nav_hover.png aangepast en ook in de index.php de div tags van de titel en navigatie verwisseld zodat dus de knoppen onderaan komen te staan.
Dit is het momentele resultaat:
http://www.sloten-dhont.be/testsite/

Zoals je kan zien komen die seperators niet mooi gelijk, en ook als knop als je er op klikt (als die stippenlijn errond komt) komt tot tegen mijn content box eronder.

Heeft iemand hier een idee over hoe ik dat terug netjes kan krijgen zoals op de link van testsite1? Maar dan dus zoals in die test1.jpg?
Ook de nav_hover is te hoog (die verkleuring als je je muis erop houd)

Dit is de CSS van de navigatie:
Plaatscode: 138018

Alvast bedankt!

4 antwoorden

Gesponsorde links
Offline WouterPSV - 15/11/2009 16:24
Avatar van WouterPSV Lid De padding-top: 26px; die je in #navigation li a hebt gebruikt moet je ook in die hover doen. In ieder geval in de div die jij al mouse over gebruikt.
Offline Sirax - 15/11/2009 16:58
Avatar van Sirax Nieuw lid Dus bij dit stukje:

#navigation li a:hover {
background-image: url(images/nav_hover1.gif);
background-repeat: repeat-x;
color: #0087c7;
margin-left: 2px;
}

moet ik dan deze lijn bijvoegen:

padding-top: 26px; ? Want die div is voor de mouse over effect.
Offline WouterPSV - 15/11/2009 21:23
Avatar van WouterPSV Lid Ja, Als dat jou mouse over is. zou je dat daar moeten neer zetten
Offline Sirax - 16/11/2009 07:30
Avatar van Sirax Nieuw lid Ik heb dit geprobeerd maar er verandert helemaal niets...  
Ik hoop echt dat je mij kan helpen met dit probleem want wil dit echt gefixed krijgen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2020 Sitemasters.be - Regels - Laadtijd: 0.177s