100% wide links

J

Jeff

I'd like to specify the width of a link. (This would be for a menu).

You can do this easily in quirks mode but I'm having trouble in
standards mode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<div style="width: 400px;border: 1px solid black">
<a href="" style="width: 100%;background-color: green">should go 100%</a>
</div>

What's the trick? The end desired result is to do this using lists,
I've shown the div as it simplifies the example.

I think this wraps up my days worth of questions!

Thanks,
Jeff
 
J

Jonathan N. Little

Jeff said:
I'd like to specify the width of a link. (This would be for a menu).

You can do this easily in quirks mode but I'm having trouble in
standards mode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<div style="width: 400px;border: 1px solid black">
<a href="" style="width: 100%;background-color: green">should go 100%</a>
</div>

What's the trick? The end desired result is to do this using lists,
I've shown the div as it simplifies the example.
Click to expand...

What you have won't work because A elements are inline elements and do
not have a width property. What you can do is make it display as block
then it would have a width.

<a style="display: block; ...
 
D

dorayme

Jeff said:
I'd like to specify the width of a link. (This would be for a menu).

You can do this easily in quirks mode but I'm having trouble in
standards mode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<div style="width: 400px;border: 1px solid black">
<a href="" style="width: 100%;background-color: green">should go 100%</a>
</div>

What's the trick? The end desired result is to do this using lists,
I've shown the div as it simplifies the example.
Click to expand...

Add display: block; to the style for the anchor.
 
J

Jeff

Jonathan said:
What you have won't work because A elements are inline elements and do
not have a width property. What you can do is make it display as block
then it would have a width.

<a style="display: block; ...
Click to expand...

Thanks to you and dorayme. About an hour after I wrote this, as I was
driving down the road, that ocured to me.

Jeff
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Help with Visual Lightbox: Scripts 2
Help with code 0
Having trouble centering contents of td ? 3
Help with my responsive home page 2
Please Help? 0
Need help , Having problem with Drag n Drop ? 9
Need help , Having problem with Drag n Drop... 1
Aligned to the left 3

Members online

Total: 55 (members: 2, guests: 53)
Robots: 115

Forum statistics

Threads
473,754
Messages
2,569,521
Members
44,995
Latest member
PinupduzSap

Latest Threads

Top