I can't figure out how to get rid of them and it's making my website look awful. I've tried the border=0 and border=none tricks and nothing works. Would someone mind looking at the code and figure out what's wrong? Pretty please and thank you.

http://austinmartin.us/apparel.html
  • Patrick

    Looks fine to me
  • MSTR_CTRL

    Jägerpat said: Looks fine to me

    You must not be opening it in firefox.
  • treycook

    Fix it with CSS:

    a img { border: none !important; }

    I only added the !important note because I don't feel like going through the rest of your code to see what's causing it, haha.
  • Craig Robson

    can you turn them white?
  • MSTR_CTRL

    treycook said: Fix it with CSS:

    a img { border: none !important; }

    I only added the !important note because I don't feel like going through the rest of your code to see what's causing it, haha.

    Tried it and it's still not working: http://austinmartin.us/photography.html

    Craig Robson said: can you turn them white?

    I don't see anywhere to input the color code.
  • VIHMIRU

    treycook said: Fix it with CSS:

    a img { border: none !important; }

    I only added the !important note because I don't feel like going through the rest of your code to see what's causing it, haha.

    any image that is linked automatically has the border applied unless it is coded not to do so in the 'a' tag i.e. border="none" or with an overall css instruction like you've suggested.
  • treycook

    Here's an early stage of a lightbox gallery I was working on a while back, you can check out my code (make sure to click the stylesheet in view source):
    http://teamadamant.com/projects/crownpoint/photos.php
  • MSTR_CTRL

    VIHMIRU said:
    treycook said: Fix it with CSS:

    a img { border: none !important; }

    I only added the !important note because I don't feel like going through the rest of your code to see what's causing it, haha.

    any image that is linked automatically has the border applied unless it is coded not to do so in the 'a' tag i.e. border="none" or with an overall css instruction like you've suggested.

    By changing a img { border: none; } is that what you mean? If so, I've done this and the blue borders still show up.
  • VIHMIRU

    MSTR_CTRL said:
    VIHMIRU said:
    treycook said: Fix it with CSS:

    a img { border: none !important; }

    I only added the !important note because I don't feel like going through the rest of your code to see what's causing it, haha.

    any image that is linked automatically has the border applied unless it is coded not to do so in the 'a' tag i.e. border="none" or with an overall css instruction like you've suggested.

    By changing a img { border: none; } is that what you mean? If so, I've done this and the blue borders still show up.

    i've checked your code and it's wrong. your html would need a lightbox id for it to link back to the css.

    if you remove the code you've just input and replace with:

    a img{ border: 0; }

    it'll work... but your spacing will be shot so you'll have to re-align.
  • VIHMIRU

    or as already suggested:

    a img{border-color: #FFF}

    will turn the blue white and save you re-aligning.
  • treycook

    VIHMIRU said: or as already suggested:

    a img{border-color: #FFF}

    will turn the blue white and save you re-aligning.

    Realigning would be nothing more than adding 2px of padding or margin to either side, of course.
  • MSTR_CTRL

    I'm an idiot when it comes to html and css. This stuff is going over my head. I'm trying to fix it in dreamweaver and not having any luck yet. Do I need to make these changes in my lightbox.css coding?
  • treycook

    Email it to me, I'll fix it for ya.
  • MSTR_CTRL

    treycook said: Email it to me, I'll fix it for ya.

    Thanks man! I just emailed you.
  • treycook

    Emailed you back by the way!
  • MSTR_CTRL

    treycook said: Emailed you back by the way!

    Thanks so much dude!

Advertise with us

Advertise with us


Sign Up

Forgot Your Password?