Fork me on GitHub

pn 0.750 and AT 0.8 image problem  Bottom

  • Im having problems with the borders on image links

    Code

    img {  border-top-width: 0px; border-right-width: 0px; border-bottom-width:
    0px; border-left-width: 0px}


    And still there is a border around the link images. Its not happening in .726 så eny ideas?
  • The following works for me:

    img { border: none }
  • Well no mather what I make in the style.css and styleNN.css. The problem started with the Postnuke 0.750 Gold
  • Put img { border: none } at the end of your style sheet.
  • Are you abolutely sure that the CSS change is taking effect, many browsers cache stylessheets. In this kind of situation it's always helpful if you actually provide a link to the problem.

    The proper CSS code to fix this borders is

    a img (
    border: 0px;
    }

    This sets a 0 pixel border on any image tag inside an anchor tag.

    -Mark

    --
    Visit My homepage and Zikula themes.
  • markwest

    Are you abolutely sure that the CSS change is taking effect, many browsers cache stylessheets. In this kind of situation it's always helpful if you actually provide a link to the problem.

    The proper CSS code to fix this borders is

    a img (
    border: 0px;
    }

    This sets a 0 pixel border on any image tag inside an anchor tag.

    -Mark


    Ah thats how you do it - I always went

    img (
    border: 0px;
    }

    because I though that could the link would involve

    img a:link(
    border: 0px;
    }

    like in classes.... and it didn't work

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • GenixDK


    Code

    img {  border-top-width: 0px; border-right-width: 0px; border-bottom-width:
    0px; border-left-width: 0px}



    Should be like this:

    Code

    a img {border: 0px;}


    Or if you had different widths, like this:

    Code

    img {border: 1px 2px 3px 4px;}


    1px - top width
    2px - right width
    3px - bottom width
    4px - left width

    Just think clockwise from the top (like a clock) :)

    This can also be applied to other elements:

    margin: 1px 2px 3px 4px;
    padding: 1px 2px 3px 4px;

    --
    -Lobos
    Professional PHP Framework Services: Concept, Development and Deployment
  • Ive give up. It doesn't freaking working, with either one of them. Whats the difference in AT or postnuke.. Because as I mentioned it works on previus versions.

    Code

    body         { font-family: Tahoma; font-size: 12px; background-color:#F5F5F5; color:#000000 }
    table        { font-family: Tahoma; font-size: 12px }
    .welcome     { color: #0000C0; font-weight: bold }
    .sitename    { color: #0000C0; font-size: 24px; font-weight: bold }
    .siteslogan  { color: #0000C0; font-size: 14px; font-weight: bold }
    .left-title  { color: #FFFFFF; font-size: 12px; font-weight: bold }
    .right-title { color: #FFFFFF; font-size: 12px; font-weight: bold }
    .center-title { color: #0000C0; font-size: 12px; font-weight: bold }
    input        { font-size: 10px }
    a:link       { color: #0000C0; text-decoration:none }
    a:active     { color: #0000C0; text-decoration:none }
    a:visited    { color: #0000C0; text-decoration:none }
    a:hover      { color: #0000C0; text-decoration:overline underline }
    .pn-logo, .pn-title, .pn-pagetitle  { font-weight: bold; font-size: 14px; color: #0000c0 }
    .welcome a:link   { color: #0000C0}
    .welcome a:active { color: #0000C0 }
    .welcome a:visited{ color: #0000C0 }
    .welcome a:hover  { color: #0000C0 }
    .news a:link   { color: #FFFFFF }
    .news a:active { color: #FFFFFF }
    .news a:visited{ color: #FFFFFF }
    .news a:hover  { color: #FFFFFF }
    .pn-logo {
         FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000
    }
    .pn-title {
         FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000
     }
    .pn-pagetitle {
         FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000
    }
    a img {
    border: 0px;}
  • This CSS definately works so it's either something your doing or something environmental so again please post a link - any other suggestions will be purely speculcation without it.

    -Mark

    --
    Visit My homepage and Zikula themes.
  • Yes its soo wierd. I have a demo page at http://www.justgeek.dk/swim you can login as swim//admin
  • I don't see any image borders on that link.
  • ..i see them in the sponsors block on the right.. : \
  • Yes thats the place you can see it on the front page. But if you access the the admin section you see it clearly
  • I'd start by validating your CSS. It looks like errors in your stylesheet a preventing this style from being picked up.

    -Mark

    --
    Visit My homepage and Zikula themes.
  • Hi mark and co. Hmm looked at the validating link that mark posted and edited my CSS completly and it worked! The little devil was these lines!

    Code

    .pn-logo {
         FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000
    }
    .pn-title {
         FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000
     }
    .pn-pagetitle {
         FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000
    }


    Thanks for all your time. Love this forum!

This list is based on users active over the last 60 minutes.