Hallo,

Het werkt niet als ik dit doe:

<?php
a
{
    width: 150px;
}
?>

Dit is nodig ivm met dat de :hover niet in IE wordt ondersteund bij een li. Lang verhaal, maar het gaat erom hoe je een a een breedte meegeeft.

Groeten,
Jonathan

PS: In FF kan ik PHPhulp niet openen, Opera en IE wel. Raar...
Ik nu wel gewoon in FF...
Heb je 2.0 al?
Misschien dat het daar aan ligt?
Je kunt een <a> geen breedte meegeven omdat het een inline element is. Is het voor in een navigatiemenu? Dus zoiets?

<ul class="menu">
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
</ul>
kan er niet aan liggen, ie (nja, wat ís ie eigenlijk) en opera doen het ook niet, dus daar lig het nie aan
[edit]@Jan:
ja. Maar het probleem is dat als ik a:hover heb, dus als er over de hele li heen wordt gegaan, en dus niet alleen de tekst van de hyperlink (daarom moest de hyperlink dus zo breed als de li worden) dat de hele li een ander achtergrondkleur + borderkleur krijgt. li:hover kan niet ivm IE, en JS kan niet ivm gebruikersinstellingen. of li:hover + JS nemen, en de gebruiker waaarschuwen als ze allebei niet werken. Maar Jan, jij bent dé persoon op CSS gebied, dus wat raad je aan?
Off-topic

Wat irritant is het om zonder UBBbar [ignore] en [/ignore] te moeten toepassen :S

[/edit]
Okee, ik raad je het volgende aan, er van uit gaande dat je als class 'menu' gebruikt:

ul.menu {
	list-style: none;
}

ul.menu li {
	float: left;
	width: 150px;
}

ul.menu li a {
	display: block;
}

Omdat de <a>'s zich binnen in de <li>'s bevinden, kun je ze display: block geven.
Prima Jan!!!
Hoe ken jij al dat CSS? Je weet echt overal een oplossing voor!!!
Het is een gave ;-)
@Luke: je had gelijk, PHPhulp doet het wel in FF2. Raar :S
@Jan: waar kan je die krijgen?

Reageren