Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread David Hucklesby
On 1/31/14, 1:03 PM, Jukka K. Korpela wrote: 2014-01-31 22:53, Tom Livingston wrote: [...] won't the longest link push out the width of the s? In which case setting display: block; on the s will cause them to always be as wise as the widest one? And this will result in what the OP wanted, no?

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Jukka K. Korpela
2014-01-31 22:58, Rod Castello wrote: It seems like this Jukka's solution actually puts the underline across 100% of the display area which can carry it past the end of the longest line. Pardon? That was not my solution but a solution that I commented on (as being a solution to a different pr

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Jukka K. Korpela
2014-01-31 22:53, Tom Livingston wrote: [...] won't the longest link push out the width of the s? In which case setting display: block; on the s will cause them to always be as wise as the widest one? And this will result in what the OP wanted, no? No, the elements too have width: auto by def

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Rod Castello
It seems like this Jukka's solution actually puts the underline across 100% of the display area which can carry it past the end of the longest line. I would love to see a solution that stops at the end of the longest line and increases all of the other underlines as well, regardless of screen or d

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Tom Livingston
On Fri, Jan 31, 2014 at 3:29 PM, Jukka K. Korpela wrote: > 2014-01-31 20:07, Tom Livingston wrote: > > [...] > ul a{ display: block; /* <- Add this */ > [...] > >> Ha ha. As always, I can't see the forest for the trees. Such a simple >> solution David... :-/ > > > But to a

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Jukka K. Korpela
2014-01-31 20:07, Tom Livingston wrote: [...] ul a{ display: block; /* <- Add this */ [...] Ha ha. As always, I can't see the forest for the trees. Such a simple solution David... :-/ But to a problem different from the one asked, which was about setting the width of underlines to

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Tom Livingston
On Fri, Jan 31, 2014 at 12:26 PM, Rod Castello wrote: > Hey David, > That worked great when I tried it. > > > On Fri, Jan 31, 2014 at 9:12 AM, David Hucklesby wrote: >>> >> Wouldn't this do the trick? >> >> ul a{ >> display: block; /* <- Add this */ >> >> text-decoration:none; >>

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Rod Castello
Hey David, That worked great when I tried it. On Fri, Jan 31, 2014 at 9:12 AM, David Hucklesby wrote: > On 1/31/14, 7:13 AM, Rod Castello wrote: > >> John, >> >> Here's a pseudo fix. I wrapped a div around each . >> > [...] > > >> On Fri, Jan 31, 2014 at 6:42 AM, John Johnson >> wrote: >> >> i

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread David Hucklesby
On 1/31/14, 7:13 AM, Rod Castello wrote: John, Here's a pseudo fix. I wrapped a div around each . [...] On Fri, Jan 31, 2014 at 6:42 AM, John Johnson wrote: in a ul/li set of links/nav, is it possible to make all of the border-bottoms of equal length, regardless of how long the linked word

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread John Johnson
On Jan 31, 2014, at 8:09 AM, Rod Castello wrote: > John, pseudo was probably not the correct word to use. Make-shift would have > been better. > You are correct, you can place the width and underline styling on the > ul li { > width: 320px; > border-bottom:1px dotted rgb(0,0,0);

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Jukka K. Korpela
2014-01-31 16:42, John Johnson wrote: in a ul/li set of links/nav, is it possible to make all of the border-bottoms of equal length, regardless of how long the linked word(s) are? [...] So, the border-bottom would have to be as long as the longest thing, so all would need to be that long. Yo

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Tom Livingston
On Fri, Jan 31, 2014 at 10:13 AM, Rod Castello wrote: > John, > > Here's a pseudo fix. I wrapped a div around each . > This will give you an equal length for the underline, but it's not > determined by the longest text line, it's a length you have to set. > > CSS > > ul a{ > text-decorat

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Rod Castello
John, Here's a pseudo fix. I wrapped a div around each . This will give you an equal length for the underline, but it's not determined by the longest text line, it's a length you have to set. CSS ul a{ text-decoration:none; /* border-bottom:1px dotted rgb(0,0,0); */ } .length

Re: [css-d] Make all link border-bottom of equal length?

2014-01-31 Thread Tom Livingston
On Fri, Jan 31, 2014 at 9:42 AM, John Johnson wrote: > in a ul/li set of links/nav, is it possible to make all of the border-bottoms > of equal length, regardless of how long the linked word(s) are? > > Example: > > HTML: > > peas > Triskaidekaphobia > The Rain in Spain s

[css-d] Make all link border-bottom of equal length?

2014-01-31 Thread John Johnson
in a ul/li set of links/nav, is it possible to make all of the border-bottoms of equal length, regardless of how long the linked word(s) are? Example: HTML: peas Triskaidekaphobia The Rain in Spain stays Mainly in the Plain CSS: ul a{ text-decoration:n