WordPress.org

1. douglasbell01
   Member
   Posted 10 months ago #

   Hi, and thank you so much for looking/helping.

   please have a look at http://www.ro7.co.uk where I'm having a logo crisis. I want the logo to remain on the top left of the site, and be followed by the Nav bar, with the post/page headline & text should follow up soon after. There shouldn't be a big gap below the nav bar and the text, but there is because the coding is not designed for a tall logo.

   The trouble is, the logo is quite tall... This is the root of my problem. Originally, with this theme, the logo sits in the header. This tall logo forces the header container to be really tall. As the post/page text is coded to appear below the logo, it is* way too* low down on the page (not user friendly). I need your help getting the text up, if you have any ideas.

   So I tried various things, including messing around with all the margins, and DIVS. No joy. I then cut the logo code out of header.php - sticking the graphic in the left hand side column, below where the original/proper header would go. No joy. Same problem, made worse.

   The graphic/logo on the left is currently styled as ".border_grey" on the CSS. It replaces another image that is less important.

   My best theory is that inappropriate DIVs and related CSS are causing the problem. Experimenting with this has caused more trouble. So far, over 4 hours have gone into this, and I'm needing it done really soon! Panic. It is exhausting.

   With your help, this might be fixable. My knowledge of containers/divs/CSS is evidently not good enough. Perhaps you have some friendly advice?

   Text from Index.php to give you an idea of how it is laid our right now.

   <div id="page">
   <div id="left">
   <div class="padding">
   </div><!-- end .padding -->
   <div class="border-gray"></div>

   <?php if (have_posts()) : ?>
   <?php while (have_posts()) : the_post(); ?>
   <div class="post" id="post-<?php the_ID(); ?>">
   <div class="padding">
   <h2>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></h2>

2. alchymyth
   The Sweeper
   Posted 10 months ago #

   edit style.css and see if changing this:

   .border-gray { width:100%; height: 200px; background:url(images/bg_post_border.png) no-repeat; }

   to this works:

   .border-gray { width:130px; float:left; height: 200px; background:url(images/bg_post_border.png) no-repeat; }

   (only checked in firefox)

3. douglasbell01
   Member
   Posted 10 months ago #

   Thanks Alchymyth - a very neat fix. The text has moved up, as desired. This fix might have to do... depending on whether the following is possible, or not.

   Ideally, the logo will sit at the top-left corner, before the Nav bar (see http://www.ro7.co.uk). I've put 2 logos up now (1 at the top (ideal location, but causing text-location problems), and one as an alternative/imperfect fix - as described above - text is now working, but the logo is not in the best place).

   The site now demonstrates the problem with having a logo next to the Nav bar - it forces the text under a container, which means that the text displays too low on the site. Is this fixable too?

   Many many thanks,

   Douglas

4. douglasbell01
   Member
   Posted 10 months ago #

   I've chopped the logo in 2 - the most simple way of fixing the problem I can think of... the header container is much shorter now, so the text is published closer to the nav bar. The remainder of the logo is inserted afterwards - with no margin/padding, so it looks like 1 complete logo to the naked eye.

Reply

You must log in to post.