WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Mystery Line around Logo, etc. (21 posts)

  1. AyeAaron
    Member
    Posted 1 year ago #

    Hi,

    At http://ckeg.net/ I am getting a line around the logo that shouldn't be there. Anyone know where i fix this?

    Also, I am getting a lot of extra text in my side bar that shouldn't be there. And when I click on ADMIN in the sidebar I would like the white of the body to move down with it.

    Thanks,

    Aaron

  2. Steven Jones
    Member
    Posted 1 year ago #

    Which browser are you getting the line in? Looks ok in Chrome.

  3. Mathias Gomig
    Member
    Posted 1 year ago #

    Your background image is 4.23 mb big... I think that is the problem for the slow-loading-sidebar...
    Try to use this version of your background image. It is just 0.36 mb big...

    https://dl.dropbox.com/u/17629053/Justice_in_concert_small.jpg

  4. Dave
    Member
    Posted 1 year ago #

    When viewed in Mozilla, Chrome, and Safari, it is fine; but in IE9 there is a border around the logo and the left menu is over the main text.
    In Opera, the left menu is over the main text, as well, but no border.

    Try border:0 none; in "header h1" or "h1 a" in your css to loose the line around the logo.

    Also, there are some float problems in your theme which are causing the menu not to be where it should be.

    Edit: after looking under Firebug, it seems your logo is in the Left Column under "#logo a" (odd place for it), so in your css, try the border:0 none; there.

  5. AyeAaron
    Member
    Posted 1 year ago #

    Getting the line in Firefox 3.6 and IE. It's also on this page around this image:

  6. AyeAaron
    Member
    Posted 1 year ago #

    Thanks MoreSympathy, I updated all the bg images to be a lot smaller.

  7. AyeAaron
    Member
    Posted 1 year ago #

    Thanks RoseAndMoon that worked for the logo. I'm still trying to find out how to remove it from

  8. AyeAaron
    Member
    Posted 1 year ago #

  9. Dave
    Member
    Posted 1 year ago #

    In your CSS, right under:
    html, body{ width:825px; padding:40px 0px 30px 0px; margin: 5%; text-align:center; font-family:verdana; font-size: 13px; }

    put:

    a:link, a:visited, a:hover, a:active{
    border:0 none;
    }

    This should eliminate the border from any link.

  10. AyeAaron
    Member
    Posted 1 year ago #

    Thanks, I added that code but the line on the "CLIENT EXP" & "CELEBRITIES" pages are still there. http://ckeg.net/client-experience/

  11. Dave
    Member
    Posted 1 year ago #

    Then try targeting the image link specifically:

    #page h4 a, #page p a{
    border:0 none;
    }
  12. AyeAaron
    Member
    Posted 1 year ago #

    hmmm, bummer, the line is still there.

  13. AyeAaron
    Member
    Posted 1 year ago #

    Hey RoseAndMoon, can you help me with my float problems, please?

    Thank you,

    Aaron

  14. Dave
    Member
    Posted 1 year ago #

    Change

    #page h4 a, #page p a{
    border:0 none;
    }

    to:

    #maincol h4 a, #maincol p a{
    border:0 none;
    }

    And, what is the float problem?

  15. AyeAaron
    Member
    Posted 1 year ago #

    The float problem is:

    In IE9 & Opera the left menu is over the main text. Do you know how to fix this?

    Thank you,

    Aaron

  16. Dave
    Member
    Posted 1 year ago #

    First, in your Left Column menu, you seem to alot of menu items which are not visible:

    <div class="menucontent">
    <ul>
    <li><a href="http://codex.wordpress.org/">Documentation</a></li>
    <li><a href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
    <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
    <li><a href="http://wordpress.org/support/">Support Forums</a></li>
    <li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
    <li><a href="http://wordpress.org/news/">WordPress Blog</a></li>
    <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
    </ul>
    
    </div>
    
    <ul>
    <li><a href="http://ckeg.net/about/">About</a></li>
    <li><a href="http://ckeg.net/category/work/">Work</a></li>
    <li><a href="http://ckeg.net/services/">Services</a></li>
    <li><a href="http://ckeg.net/celebrities/">Celebrities</a></li>
    <li><a href="http://ckeg.net/client-experience/">Client Experience</a></li>
    <li><a href="http://ckeg.net/free-advice/">Free Advice</a></li>
    <li><a href="http://ckeg.net/contact-us/">Contact</a></li>
    
    </ul>
    
    <h2 class="menuheader";></h2>
    <div class="menucontent">
    
    <ul>
    <li><a href="#" onclick="setActiveStyleSheet('white'); return false;">White</a></li>
    <li><a href="#" onclick="setActiveStyleSheet('black'); return false;">Black</a></li>
    </ul>
    
    </div>
    
    <h2 class="menuheader">admin</h2><div class="menucontent">			<ul>
    			<li><a href="http://ckeg.net/wp-login.php?action=register">Register</a></li>			<li><a href="http://ckeg.net/wp-login.php">Log in</a></li>
    			<li><a href="http://ckeg.net/feed/" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    			<li><a href="http://ckeg.net/comments/feed/" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    			<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
    						</ul>
    </div>

    Are all these necessary?
    The ones which are not, you should remove the widgets from the sidebar in Appearance > Widgets

  17. AyeAaron
    Member
    Posted 1 year ago #

    Ok, I took some code out. Does it look like some of that extra stuff is gone now?

    Thank you,

    Aaron

  18. Dave
    Member
    Posted 1 year ago #

    In the css, there is:

    #menu ul {
        clear: left;
        float: right;
        list-style: none outside none;
        margin: 0;
        padding: 2px 0;
        width: auto;
    }

    first, alter it to read:

    #menu ul {
        list-style: none outside none;
        margin: 0;
        padding: 2px 0;
        width: auto;
    }

    and see if this corrects the problem.
    If not, it may have to be:

    #menu ul {
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 2px 0;
        width: auto;
    }
  19. AyeAaron
    Member
    Posted 1 year ago #

    That worked for me, but my client is still saying he is seeing the sidebar text over the middle of the page. I see this when I test against browsers previous to IE 8. And when that's not happening, I see that some of the sidebar text is either repeated or doubled.

    Thanks for all your help,

    Aaron

  20. AyeAaron
    Member
    Posted 1 year ago #

    I took out some code in the sidebar and the client says it's improved.

    My new problem is that in IE 9 the white color of the body is extending further than it should be. Can you have a look at it in IE9 vs. Chrome and Firefox, please?

    Thanks,

    Aaron

  21. AyeAaron
    Member
    Posted 1 year ago #

    Thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic