page bar altered when page scrunched & loses color

  • Hi,

    My webpage chessinstructor.net, with Arclite theme, wordpress verion 2.8.5,
    has an issue with the page bar across the edge of the header. When I open in explorer instead of mozilla, the fonts are a little bigger, and so the page bar is too long and the end of it gets moved down to the next line. But then it loses it’s distinctive blue color, so I’m worried that it will go unnoticed or look funny. This can happen with mozilla, too, if the browser window isn’t full screen size, or on a small lap top full screen.

    Is there a plausible way to have the page bar retain it’s blue color, even when part of if gets moved down?

    -thanks,
    mario

Viewing 5 replies - 1 through 5 (of 5 total)

  • I couldn’t see anything wrong I’m afraid in IE or FF.

    Option 1, if you still think there’s a problem.

    Get it working for FF, and then mess around with fonts and stuff by specifying a separate stylesheet for IE. Make this the last of the style sheets

    <!--[if IE]>
<link rel="stylesheet" type="text/css"  media="screen"  href="<?php bloginfo('template_directory'); ?>/styleinternetexplorer.css" />
<![endif]-->

    Option 2
    Change Welcome to Home, which will decrease the overall length of text along the blue bar.

    ?? Guess which one I would use?

    Thread Starter obipawn

    (@obipawn)

    Thanks, Richard. That helps.

    I shortened some of the titles. But how do I change welcome to home in the home bar without also having to see ‘Home’ as part of the body? That’s why I originally changed home to welcome, because I don’t know how to manipulate it.

    thanks for all your help!
    mario

    Thread Starter obipawn

    (@obipawn)

    btw, I have explorer 8, with windows xp. I tried shortening the page names, but explorer still pushes part of the bar below.
    -mario

    What you have is a horizontal nav. bar with the nav links being the titles of posts by the look of it.

    I’m guessing you don’t know much about CSS etc. from the nature of your questions.

    What you’d have to do as a down and dirty hack is create an internal style sheet.
    Between the <head> and </head> tags insert this:

    <style type="text/css">
h2.post-title {display:none;}
</style>

    Then in the Welcome post put something like <h2>Welcome</h2> at the top of the post.

    Thread Starter obipawn

    (@obipawn)

    You guessed right Richard. I don’t know much about css!

    I may give your latest suggestion a try or pass it on to my bro – in law, who originally got the ball rolling with my website. Either way,
    thanks!
    -mario

    PS. maybe time to take a class.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘page bar altered when page scrunched & loses color’ is closed to new replies.