Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Oct 2005
    Posts
    124
    Thanks
    7
    Thanked 0 Times in 0 Posts

    IE a img underline

    see http://lax4mike.myftp.org:2580/css/imageUnderline.htm

    i have these view links that have an icon that indicate that the link will open in a new window.

    when viewed in FF, the anchor underline goes under the image, and in ie, the underline doesn't go under the image.

    Code:
    FF:
    view [ ]
    
    IE:
    view [ ]
    i've already tried
    Code:
    a img {
    	border: 0;
    	text-decoration: underline;
    }


    i either want it to look like it does in firefox, or look like this:
    Code:
    view [ ]
    but i want the space between and the text and the picture to still be part of the link.

    any ideas?

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    have you tried this?

    Code:
    <a href="#">view </a><img src="_blank.gif">
    instead of this

    Code:
    <a href="#">view <img src="_blank.gif"></a>

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    124
    Thanks
    7
    Thanked 0 Times in 0 Posts
    well, i want the image to be part of the link too.

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    ok, if you are only using the word view, your best bet is too make a background image for the link. Make it to where the boxes will move past the word. Not sure if anyone has other suggestions, but thats all i can think of right now!

  • Users who have thanked jcdevelopment for this post:

    Duffman12 (05-12-2008)

  • #5
    Regular Coder Candygirl's Avatar
    Join Date
    Apr 2008
    Location
    Switzerland
    Posts
    183
    Thanks
    3
    Thanked 56 Times in 56 Posts
    Your image has no interest being in the html (has it ?). You can attribute it as background-image and use the title to explain it's open in a new window (if it's the purpose). Something like this:
    Code:
    <a href="#" title="open in new window">view</a>
    Code:
    a {
      color: #00c;
      padding-right:15px;
      background:url(_blank.gif) no-repeat center right
    }
    EDIT: Sorry, I've jumped over your answer jcdevelopment; this is what you've said
    Last edited by Candygirl; 05-08-2008 at 10:18 PM.
    "Imagination was given to man to compensate for what he is not;
    a sense of humour to console him for what he is."
    -Francis Bacon

  • Users who have thanked Candygirl for this post:

    Duffman12 (05-12-2008)

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    no problem, you wrote the code out so its better!!

  • #7
    Regular Coder
    Join Date
    Oct 2005
    Posts
    124
    Thanks
    7
    Thanked 0 Times in 0 Posts
    awesome, that did the trick!
    Code:
    view [ ]


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •