De bedoeling is dat dit een vaste balk word met linkjes naar delen van de pagina (Daarom ook die posision). Echter is het de bedoeling dat het woord "Tekst" IN het andere gedeelte komt, zodat je dus een ronde hoek hebt met daarin een ronde hoek. Echter komt het nu onder elkaar te staan. Wat moet ik doen?
Je bedoeld dat je een menubalk hebt met ronde hoeken en daarin menu items met ook rondehoeken? Als dat niet is wat je bedoeld, dan heb ik geen idee wat het wel moet zijn. Uit je naamgeving wordt ook niet veel duidelijk.
<style>
* {
margin: 0;
padding: 0;
}
ul {
width: 960px;
height: 35px;
margin: 20px auto;
list-style: none;
border-radius: 10px;
background-color: #666666;
}
ul li {
margin: 0;
padding: 0;
}
ul li a {
height: 35px;
float: left;
padding: 0 8px;
line-height: 35px;
border-radius: 10px;
}
ul li a:hover {
background-color: #CCCCCC;
}
</style>
Wellicht als je iets korter kon omschrijven wat je nu precies bedoelde kun je het zelf ook heel snel vinden. Dan hoef je niet op antwoord van eens van ons te wachten.
Je weet bijvoorbeeld dat je een menu wilt maken, maar ook dat dat moet gaan gebeuren met HTML en CSS. Probeer die 3 zaken eens bij google "html css menu"? Dan krijg je echt duizende items die jou hadden kunnen helpen.
Want weet jij nu waarom hij nu wel werkt en bij jou niet? En waarom het nu een ongeordende lijst is i.p.v een div?
Probeer dat eens allemaal eens uit te zoeken en je kunt het de volgende keer zelf!
Het ging er vooral om dat er een round corner in een round corner kwam. Dit kon ik niet vinden waarna ik het hier heb gevraagd. Ik zal er even mee gaan puzzelen om te kijken hoe het in elkaar zit zodat ik het voortaan zelf kan. Nogmaals Bedankt!
De twee rounded corners had je natuurlijk al. Het geen wat ontbrak was de correcte HTML en de juiste CSS elementen om het horizontaal goed te krijgen...
