Door
Kobar Secret
op 04-02-2012 08:26
gewijzigd op 04-02-2012 08:53
1.633 views
oke naar flink tobben en lezen en proberen heb ik wat opgesteld, mijn background staat nu in mijn css, deze staat gecentered in de pagina en veranderd mee met de browser groote...
Nu de vraag, waarin in mijn volgende script, De navigatie alleen niet meerekt
hoe kan ik ervoor zorgen dat mijn navigatie op de zelfde plek op de achtergrond blijft no matter de browsergroote?
De A linken werken niet, En met deze div instellingen staat het menu goed voor 1920xnogiets weet mijn resolutie zo niet, alleen wanneer ik hem bijv kleiner maak, raaks alles in de war, staat het menu niet meer op de goede plek
#navigatie
{
width: 100px; /* voorbeeldje */
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px; /* - de helft van de hoogte */
margin-left: -50px; /* - de helft van de breedte */
}
Je gebruikt div#navigatie, dit is trager en een id is uniek dus hoef je niet per se die div te schrijven. Dat maakt je code wat sneller.
Verder is een navigatie een lijst. Die hoort dus in een lijst te staan:
[code]<div id="navigatie">
<ul>
<li><a href="/home">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>[code]
dat kan ook met css je moet hem geen absolute een plek geven anders blijft hij op die plek maar een float bijv float left dan blijft hij links hangen en spatiies in je navigatie is ook niet meer van deze tijd ik zou het met css oplossen, ook de target hoef je niet er bij te zetten hedendaags want hij gaat automatisch al in dezelfde tab naar de volgende link, misschien als je een _blank gebruikt dan is het nog handig. :)
@ Wouter, oke nu staat me nav in het midden, en kan aanpassen aan de heigts en width war ik wil (ja margins halveer ik) en toch wil hij niet ''lager'' komen dan nu, omhoog krijg ik hem wel maak laten zakken op de pagina niet...
Ik wil mijn navigatie onderaan de pagina
Ook nu ik de cms aangepast heb, Zet hij mij navigatie menu onder elkaar en niet meer naast elkaar?
@ reshadd ik zal idd later vandaag als ik dit opgelost heb die spatie`s vervangen voor een stukje cms dat er een x-aantal ruimte tussen houd maar deed het zo ff snel omdat ik deze manier al wel ken en cms mij nog een beetje een raadsel is xD
[size=xsmall]Toevoeging op 04/02/2012 11:14:20:[/size]
en door die ul`s komen er bolletjes voor... Ik geen geen uls of ols omdat dat niet mooi is in een menu, kan de ul er gewoon uit halen denk ik?
Oke, en hoe kan ik het menu nu lager op me site krijgen?
de top en left veranderen?
[size=xsmall]Toevoeging op 04/02/2012 11:24:48:[/size]
thnx dat heeft de bolletjes de das omgedaan :)
laatste 2 vraagjes (ja weet het ben lastig :))
hoe krijg ik mijn menu meer naar beneden? (top en left aanpassen?)
En hoe krijg ik de 'buttons' naast elkaar ipv onder elkaar net als nu (de <li>`s weghalen? of is dit ook weer een css iets?)
sorry ik ben hier echt nog heel slecht mee :P
[size=xsmall]Toevoeging op 04/02/2012 12:24:17:[/size]
ja nu heb ik de top aangepast, en zakt hij wel, probleem is nu weer terug bij het begin dan, Wanneer ik het formaat van de browser veranders, verplaatst het menu zich
Zoals je ziet, staat het plaatje netjes in het midden, en wanneer je je browser formaat aanpast blijft dit zo...
nu is alleen het hele euvel dat mijn ff snel opgestelde menu links boven in de hoek blijft staan, Terwijl deze op de doorzichtige lijn moet komen naast kobar designs
en hij moet daar dan natuurlijk ook blijven ongeacht de browsergroote :)
<div class=menu>
// hier je navigatie in
</div>
<!-- en dan zit je css er zo uit -->
.menu {
float:left;
width:110px;
height:90px;
margin:5px;
position:fixed;
top:100px;
right:250px;
}
met de top en de right moet je even spelen ik heb hierboven maar wat ingevuld maar als je zelf de goede waarden erin zet dan moet het lukken :)
