Making the LI a link

[cheechm]

Hi,
Is it possible to make the Li a link, instead of just having a link inside?

<a href="#"><li>Link</li></a>

instead of

<li><a href="#">Link</a></li>

How could I do this?

Thanks

[maxvee8]

in my opinion no ... same amount of code ... what would be the gaim from doing that ?

[VIPStephan]

No, it’s not possible to do that. An anchor element is an inline element while a list item is a block level element. Blocks can contain inline elements but not vice versa. However, you can style elements using CSS to make the appear as block or inline (among other options). What you wanna do is make the link inside the list item display: block;.

You will probably run into problems with IE, though (too much space between list items), which can be fixed by applying layout to the list items.

[cheechm]

Originally Posted by VIPStephan

No, it’s not possible to do that. An anchor element is an inline element while a list item is a block level element. Blocks can contain inline elements but not vice versa. However, you can style elements using CSS to make the appear as block or inline (among other options). What you wanna do is make the link inside the list item display: block;.

You will probably run into problems with IE, though (too much space between list items), which can be fixed by applying layout to the list items.

So what exactly should I do? (Don't quite understand)

[VIPStephan]

What’s there to not understand?

1. Make the link inside the list item display as block by applying display: block; to it in your stylesheet.
2. Apply layout to the list items (i.e. by applying height: 1%;)

[codingdoggie]

If you use the following code it will achieve the result you are looking for.

<li onclick="document.location.href='thelink.html'"><p>Other Stuff</p></li>