WordPress.org

1. nninja1
   Member
   Posted 2 years ago #
   

   Hi there.

   I'm currently building my band website, but i'm having great difficulty when it comes to the picture you are about to see.

   What i'm trying to do is get those two pieces to line up seamlessly, but I think that what i need to do is to somehow put the top picture into a table which is 680px wide (the width of the picture) and aligned left, whilst having that menu being the rest of the width (256px), aligned right. I have absolutely no idea how to do this, any help would be appreciated!

   As you can see below, this is what my style.css looks like, and the two sections that directly affect this.

   style.css
   
   div#header {
       margin: 0 auto;
       width: 936px;
   
   div#header ul {
       color: #000;
       text-transform: uppercase;
       float: right;
       font-size: 1.4em;

   This is the part of header.php too
   

   <div id="header">
   <a href="<?php bloginfo('url') ?>" <img src="<?php bloginfo('stylesheet_directory') ?>/images/header1.png" alt="<?php bloginfo('name') ?>" /></a>
           <ul>
               <?php wp_list_pages('title_li='); ?>
           </ul>
       </div><!-- #header -->

   Thank you in advance if you can help :)

   ~ T.

2. nninja1
   Member
   Posted 2 years ago #
   

   Ugh sorry for the entire post being a link... It's late and i'm stupid.

3. alchymyth
   The Sweeper & Moderator
   Posted 2 years ago #
   

   unfortunately, an image is no good in getting much help with a css issue, as one cannot see the interaction of html/css.

   a link to your site would be much more helpful.

   instead of floating, you could try to position your menu absolute.
   http://www.w3schools.com/css/css_positioning.asp

   or you could try to add a negative margin-top to the lower part of the header image.

4. nninja1
   Member
   Posted 2 years ago #
   

   ah sure, okay. the site is http://www.meetmeincognito.com

   thanks for the advice, i'll try and mess around with it :)

5. DigitalSquid
   Member
   Posted 2 years ago #
   

   Trying to work out how to mash two separate images together like that isn't worth the effort. You'd be far better off making it one image and focusing on getting that to appear in the right place.

6. nninja1
   Member
   Posted 2 years ago #
   

   I can get it to appear in the right place, I'd just need to edit the image to have all of it in the bottom area, and leave the top blank. I was just trying to go for a neat little effect where it looks like the menu is in picture. It is frustrating indeed !

Topic Closed

This topic has been closed to new replies.