Re: [css-d] Underlining back a text inside an a
On 8/31/07, Marcelo de Moraes Serpa [EMAIL PROTECTED] wrote:
Hello list,
I'm creating a horizontal icon-based menu. Each item has an icon and a
legend. Here's the XHTML:
div style=padding-left:10px
ul class=horizontal_list
lia href=editdivimg alt=User_48 src=/images/icons/user_48.png
//divdivEdit Profile/div/a/li
lia href=checkdivimg alt=Okdate_48
src=/images/icons/okdate_48.png //divdivCheck payment
history/div/a/li
lia href=editdivimg alt=User_48 src=/images/icons/user_48.png
//divdivEdit Profile/div/a/li
lia href=checkdivimg alt=Okdate_48
src=/images/icons/okdate_48.png //divdivCheck payment
history/div/a/li
/ul
/div
The question is: How can I get this legend link to be underlined like any
other default link text?
By writing valid xhtml: a is inline - it may not contain block
elements, so the compliant rendering engines will close the a before
commencing the first div (you might even find that it isn't
clickable).
Try this:
liaimg /span class=legendfoo/span/a/li
and style .legend {display:block; text-align:center;}
--
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Underlining back a text inside an a
Marcelo de Moraes Serpa wrote: Hello list, I'm creating a horizontal icon-based menu. Each item has an icon and a legend. Here's the XHTML: snip The question is: How can I get this legend link to be underlined like any other default link text? You can see the rendered menu in the attached JPG. Thanks in advance, Marcelo. Hi Marcelo, This list, like most, strips out binary attachments, so your jpg file was not received. Might you include a link to the problematic page for us to review? Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Underlining back a text inside an a
Hello list, I'm creating a horizontal icon-based menu. Each item has an icon and a legend. Here's the XHTML: div style=padding-left:10px ul class=horizontal_list lia href=editdivimg alt=User_48 src=/images/icons/user_48.png //divdivEdit Profile/div/a/li lia href=checkdivimg alt=Okdate_48 src=/images/icons/okdate_48.png //divdivCheck payment history/div/a/li lia href=editdivimg alt=User_48 src=/images/icons/user_48.png //divdivEdit Profile/div/a/li lia href=checkdivimg alt=Okdate_48 src=/images/icons/okdate_48.png //divdivCheck payment history/div/a/li /ul /div Being a container, il elements will stack over one another. So, I floated them left. There's a div wrapping the img. There's another div for the legend. I let the default block behaviour: They stack ontop of one another, and this is what I want since I want the legend to be below the icon. I then make the text centered by applying a text-align:center; to the second div. However, wrapping both the image and the text inside an a, I've lost the default browser behaviour of underlining the text link. The question is: How can I get this legend link to be underlined like any other default link text? You can see the rendered menu in the attached JPG. Thanks in advance, Marcelo. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
