Support » Themes and Templates » 2 Theme Problems

  • carnold

    (@carnold)


    I use 2.7.1 and am having problems with, i believe, CSS. I am trying to do something simply but having unexpected problems.
    The first problem i am having is i am trying to place a line in the sidebar which is in an image. Here is the code:
    <img src="/images/menudivider.jpg" width="165" height="3" border="0" class="menudivider" alt="" /> and the CSS for this bit of code is:

    .menudivider{
    position: relative;
    left: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    }

    What happens is the image (line) appears and then disappears. I have checked permissions on the image. I have also renamed the extension to gif. The apache log shows this:
    "GET /images/menudivider.jpg HTTP/1.1" 404 1774 and that is all.

    The second problem is when i add this code:
    <li>►<a href="http://teknerds.net/contact-us.php">Click HERE to schedule services</a></div></li> all h ref’s turn red and i don’t want them red. I assume this bit of CSS is making them red:
    a{ color: #CF0303; }.
    Can anyone help me out with these 2 issues? Much appreciated. Link is http://teknerds.net

Viewing 3 replies - 1 through 3 (of 3 total)
  • stvwlf

    (@stvwlf)

    My browser is not finding your image at /images/menudivider.jpg

    Is the full url http://teknerds.net/images/menudivider.jpg or is that address supposed to be relative to your theme folder? That address would be looking for http://teknerds.net/images/menudivider.jpg so if that’s where its supposed to be, its not there. If that address is relative to the theme folder, the URL should be
    <?php bloginfo('template_directory'); ?>/images/menudivider.jpg

    all h ref’s turn red and i don’t want them red. I assume this bit of CSS is making them red:
    a{ color: #CF0303; }.

    You are correct about that – change the color code

    if you want only one link to be blue, for example, assign it a class
    <a class="blue" href="http://teknerds.net/contact-us.php"

    and add to your css
    a.blue{ color: #0000a0; }

    Clayton James

    (@claytonjames)

    I assume this bit of CSS is making them red:
    a{ color: #CF0303; }.

    ‘Yup. Change #CF0303 to #000 and the link will turn from red to black.

    ..and this may just be my third 7and7 talking, but why not just trade the image (I looked at it http://teknerds.net/wp-content/themes/hight-tech-10/images/menudivider.jpg) for a horizontal line? < hr /> then style the hr instead of the image?

    Try removing all of this:

    <img height="3" border="0" width="165" alt="" class="menudivider" src="/images/menudivider.jpg"/>

    and replace it with this:

    <hr />

    (I think that’s xhtml compliant) Then if need be, style the hr in the css.

    Just a suggestion…

    Thread Starter carnold

    (@carnold)

    Duho!!! The <?php bloginfo('template_directory'); ?> took care of the line issue. Thanks for that. Now about the link turning red with the insertion of code;
    i have removed that bit of code that i inserted….now check out the site. See under Customer Access, the “login” link? This is the color i want all links to be. And when you hover, they turn red, which is what i want. So the question is why is this code making the links turn red?
    <li>?<a href="http://teknerds.net/contact-us.php">Click HERE to schedule services</a></div></li>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘2 Theme Problems’ is closed to new replies.