[css-d] how can i reduce the space between border and content

2012-06-25 Thread meera kibe 
Hi
i wanted to style the underline on a anchor with a dotted red.
Read an article saying i could do

a:hover{
text-decoration:none;
border-bottom: 1px dotted red;
}

but there is a wide gap between the text and the bottom-border.
how do i remove that
Thanks
Meera
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how can i reduce the space between border and content

2012-06-25 Thread Tom Livingston 
Is there padding on your a?

Sent from iOS 5

On Jun 25, 2012, at 4:09 AM, meera kibe meera_k...@yahoo.com wrote:

 Hi
 i wanted to style the underline on a anchor with a dotted red.
 Read an article saying i could do
 
 a:hover{
 text-decoration:none;
 border-bottom: 1px dotted red;
 }
 
 but there is a wide gap between the text and the bottom-border.
 how do i remove that
 Thanks
 Meera
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how can i reduce the space between border and content

2012-06-25 Thread John D 


A link to your page would be very useful here.



 Hi
 i wanted to style the underline on a anchor with a dotted red.
 Read an article saying i could do
 
 a:hover{
 text-decoration:none;
 border-bottom: 1px dotted red;
 }
 
 but there is a wide gap between the text and the bottom-border.
 how do i remove that

  
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] how can i reduce the space between border and content

2012-06-25 Thread David Hucklesby 

On 6/25/12 1:09 AM, meera kibe wrote:

Hi i wanted to style the underline on a anchor with a dotted red. Read an
article saying i could do

a:hover{ text-decoration:none; border-bottom: 1px dotted red; }

but there is a wide gap between the text and the bottom-border. how do i
remove that


The gap is likely caused by the text's line height. That's not something you
are likely to want to change, so I'd look for another way to put a dotted
red underline on your hovered links. One solution may be to use a background
image two pixels wide, one red the other transparent, and repeat-x at a
suitable vertical position. Something like this, perhaps -

a:hover {
  background: transparent url(images/red-dot.gif) repeat-x 0 1.1em;
  text-decoration: none;
}

Adjust 1.1em to taste.

HTH
--
Cordially,
David




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/