Wil 'n button erbij

[volcom]

Hey,
Heb hier nog niet zo lang geleden een post gehad met vragen over de codering van m'n website.
http://droogkuis-castermans.be/nieuw/

Maar nu wil ik een button erbij.
Welke stappen moet ik dan allemaal gaan doen?

Mvg,
volcom

PS: Goeroeboeroe had me hier veel bij geholpen bij die website

 

[5i5]

Hoe wil je de button toevoegen? Wil je de buttons smaller maken, nog een regel toevoegen of de pagina breder maken?

Om nog een button toevoegen moet je het volgende doen:
Voeg binnen

<ul id="menu">

Het volgende toe

<li><a href="link.html" title="Nr vijf" id="vijf"><img height="64" width="93" src="vijf.jpg" alt="Nr vijf"></a></li>

Afhankelijk van waar je de nieuwe button wilt moet je bekijken na welke </li> deze komt.

Verder aan je CSS dan toevoegen.

a#vijf {
display:inline-block;
height:64px;
width:168px;
}

 

[volcom]

Ik had eraan gedacht om de PSD te veranderen , dus de button mee in het design doen [de rest van de buttons opschuiven].
Opnieuw slicen en dan de css / html te veranderen. Kan dit ook? of is dit te moeilijk ?

 

[Leon d]

Gewoon in de css de width van de ul#menu li aanpassen naar bijvoorbeeld 175px en een nieuwe <li> erbij plaatsen.

Je geeft de knoppen nu een vaste breedte, maar wellicht kun je deze beter een margin geven.

 

[volcom]

Okay ik heb de button gewoon apart gemaakt en zoals 5i5 zei alles toegevoegd alleen komt hij nu niet in de menubalk te staan maar eronder.
Hoe schuif ik de knoppen allemaal op naar links zodat de promotie knop er toch nog bij kan?

Hier kan je het zien:
http://droogkuis-castermans.be/nieuw/

Het staat wel nog alleen op de index pagina , dus je zult 't op de andere niet zien

EDIT: ik heb de width in de ul#menu li aangepast van 200 naar 160. Nu kan de promoties knop erbij maar 't lijkt me een beetje te hard op elkaar gepropt en ik zie dat de ruimte tussen info & diensten veel te groot is , die zou ik kleiner willen maken zodat het beter oogt. maar hoe doe ik dat dan?

EDIT2: ik heb de width van de knop Diensten verkleint en dat ziet er wel goed uit , alleen gaat het nu mis met de hover. kan ik de width van de hover ook veranderen in css?