So, I created some links and I have a bottom border set for them, but I want the border to expand to the width of the parent container. I tried setting the width of the the #UrgentNav li a but that didn’t help. This must be a simple fix. thanks for the help.
Sonds like you need the links set to display: block; but we’d need to see more to be sure … some code or a screen shot.
Sorry I meant to include a link http://bankruptcyimmigrationlaw.com/NEWSTARTLAW/Bankruptcy.html
#UrgentNav li:first-child {
padding: 5px [COLOR="#FF0000"]0[/COLOR];
border-top: thin white solid;
margin-top: 25px;
text-decoration: none;
color: white;
}
#UrgentNav li a {
padding: 5px 5px;
border-bottom: thin white solid;
text-decoration: none;
color: white;
[COLOR="#FF0000"] display: block;[/COLOR]
}
Thanks that extended the lines to the full width, but I don’t get why it inserted more lines between the list items? Why did it do that? I checked for multiple borders but don’t have any on there?
Have a peek at your HTML. Each <li> has an extra, empty <a> element in there.
<li><a href="STOP_Foreclosure.html"> STOP a Foreclosure</a>[COLOR="#FF0000"]<a> </a>[/COLOR]</li>
Thx. I didn’t see the double element but I did see that I didn’t close the hyperlink and I had a <a> instead of </a>.