Results 1 to 8 of 8

Hybrid View

  1. #1
    Join Date
    Mar 2006
    Location
    Melbourne, Australia
    Posts
    377
    Plugin Contributions
    0

    Default logo border problem

    I have read the threads dealing with removing the border around the logo when using css to apply a border to other images. So I have this in my css:

    #logolink {

    border-color: none;
    display: inline;

    }

    and

    a: logolink img {

    border: 0px;

    }

    and I have

    <div id="logolink"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

    in tpl_header.php

    But the border being applied by

    a img {

    border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:0px;
    border-top-color:#c5a481;
    border-right-color:#c5a481;
    border-bottom-color:#c5a481;
    border-left-color:#c5a481;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:none;

    }

    still appears on the logo. Where am I going wrong here?

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: logo border problem

    #logolink is not a default tag. So this must be template specific and you did not post a link to your site
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Mar 2006
    Location
    Melbourne, Australia
    Posts
    377
    Plugin Contributions
    0

    Default Re: logo border problem


  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: logo border problem

    img is a stubborn global declaration

    First for what you have you can reduce it to the following
    Code:
    a img {
       padding: 0.5em;
       border:1px solid #c5a481;
       margin-bottom: 10px;
       }
    I would eliminate the global border and apply it to the images that you want it applied to
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Mar 2006
    Location
    Melbourne, Australia
    Posts
    377
    Plugin Contributions
    0

    Default Re: logo border problem

    Or, how can I safely remove the link from the logo image? I have spent far too much time dealing with formatting categoryListBoxContents. It is extremely unpleasant.

  6. #6
    Join Date
    Mar 2006
    Location
    Melbourne, Australia
    Posts
    377
    Plugin Contributions
    0

    Default Re: logo border problem

    I now have

    a categoryListBoxContents img {

    as above

    and

    a: img {

    border: 0px;

    }

    but the logo is behaving the same way as the category images.

 

 

Similar Threads

  1. Logo Image Border
    By bravo14 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 14 Nov 2009, 01:08 AM
  2. Problem with Logo Border
    By confettiantiques in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 2 Jun 2009, 11:52 PM
  3. Logo border
    By Berserker in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 7 Feb 2007, 03:14 AM

Posting Permissions

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