I've searched around (quickly) about this and haven't found anything that helped me yet...
I'm currently redesigning my website.
<!-- m --><a class="postlink" href="http://jish.lubaway.com/v3/">http://jish.lubaway.com/v3/</a><!-- m -->
I removed the default underline on the links and added a border with css. When you mouse over the links the border becomes dashed.
It's working great (In Firefox). The problem is when I view the page in Internet Explorer. The link on the right hand side has no border at all.
This one has me stumped. Does anyone know why the link on the right has no border when viewed in Internet Explorer?IE was cutting off the bottom of the span, so the border was on the outside and it wasn't being diplayed. You can fix it by adding one little thing:
div.blog span {
float: right;
margin: 0 0 5px 5px;
padding-bottom:1px; }
And that should do it for you!Thanks alot Exuro!
I added padding to the bottom and it works great now.
I'm currently redesigning my website.
<!-- m --><a class="postlink" href="http://jish.lubaway.com/v3/">http://jish.lubaway.com/v3/</a><!-- m -->
I removed the default underline on the links and added a border with css. When you mouse over the links the border becomes dashed.
It's working great (In Firefox). The problem is when I view the page in Internet Explorer. The link on the right hand side has no border at all.
This one has me stumped. Does anyone know why the link on the right has no border when viewed in Internet Explorer?IE was cutting off the bottom of the span, so the border was on the outside and it wasn't being diplayed. You can fix it by adding one little thing:
div.blog span {
float: right;
margin: 0 0 5px 5px;
padding-bottom:1px; }
And that should do it for you!Thanks alot Exuro!
I added padding to the bottom and it works great now.