WordPress.org

Support

Support » Themes and Templates » Would love some help with css/php theme issues…

Would love some help with css/php theme issues…

  • 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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ugh sorry for the entire post being a link… It’s late and i’m stupid.

    Michael

    @alchymyth

    Forum Moderator

    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.

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

    thanks for the advice, i’ll try and mess around with it 🙂

    DigitalSquid

    @twelvefootsnowman

    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.

    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 !

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Would love some help with css/php theme issues…’ is closed to new replies.
Skip to toolbar