Hallo iedereen,
Ik heb in mijn layout bij mijn menu links staan, maar als ik naast de tekst van de link klik doet hij niets,
Dit omdat de link niet zo groot is.
Ik wil dus ervoor zorgen dat als ik in de rode aangeduide vorm sta en dan klik dat hij het ook voor die link neemt.
Pas als ik echt op de tekst staat doet die het.
Hoe kan ik dat aanpassen?
Ik heb al a:link, enzo maar snap dit niet echt goed hoe ik dit kan regelen...
Dit is men css:
Code
.sidebar { height: 100%; width: 182px; float: left; margin-top: 4px; margin-bottom: 8px; color: white;}
.sidebar .title { background: url(img/bg-title.png) no-repeat; padding-top: 12px; padding-left: 7px; height: 37px; border-bottom: 1px solid #1f1f1f;}
.sidebar .menu { min-height: 50px; width: 100%; background: url(img/bg-sidebar-menu.png); padding-top: 9px; }
.sidebar .menu ul { list-style-image: url(img/bullet.png); list-style-position:inside; }
.sidebar .menu li { padding-left: 7px; height: 25px; font-family: Cambria; color: #b1a595; border-bottom: 1px solid #4a4949; padding-top: 3px; }
.sidebar .menu li.selected, .sidebar .menu li:hover { background: url(img/bg-menu-selected.png); width: 100%; height: 25px; color: #af8857; cursor: pointer; }
.sidebar .menu .end { min-height: 24px; width: 100%; background: url(img/bg-sidebar-menu.png); padding-top: 9px; }
.sidebar .menu p { padding-left: 7px; font-family: Cambria; color: #b1a595; padding-top: 3px; }
.sidebar .menu li a { font-family: Cambria; color: #b1a595; text-decoration:none; }
Zoals je kan zien is het dus met de ul, li tag dat de mouse over gaat.
Hoe kan ik nu zorgen dat hij het neemt op de plaats dat ik het wil?