1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

I'l give Rep to whoever can solve this simple problem :)

Discussion in 'HTML & Website Design' started by ASM Design, Jul 12, 2007.

0
  1. #1
    Hi all,

    Ive been trying to figure this out for ages now, but i'm not the most experienced and so really want to sort it before moving onto my next project :) Im willing to add rep, stumble, digg whoever helps me out. If it turns out to be more difficult than i first thought, you may have seen some of my design work in the contest forum - i will offer a free logo to that person

    Below is the code from the header.php and sidebar.php files from my WP template and i have made a mock up of what i want the end result to look like.

    Thanks for anyone who can solve this for me,
    Alex

    Header:

    </head>

<body>
	<div id="wrap">
   
   	<div id="header">
      	<div align="right"><a href="<?php echo get_settings('home'); ?>"><img src="../img/healthnews.gif" alt="Health News - Maximum Gains" align="right" /></a></div>
         
        <div class="cleaner"></div>
         
            <div class="menu">         
               <ul>
                  <?php wp_list_pages('sort_column=menu_order&depth=1&title_li=');?>
                </ul>
            </div>             
      </div>
    Code (markup):
    Sidebar

    <div id="sidebar">
<div class="side">
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

         <div class="about">
         <a href="http://technorati.com/faves?sub=addfavbtn&amp;add=http://www.maximumgains.co.uk"><img src="http://static.technorati.com/pix/fave/tech-fav-1.png" alt="Add to Technorati Favorites" border="0" width="145" height="25" align="center" /></a>
         </div>	

        <h2><?php _e('Categories'); ?></h2>
          <ul>
            <?php wp_list_categories('show_count=0&title_li='); ?>
          </ul>
        <h2><?php _e('Archives'); ?></h2>
          <ul>
            <?php wp_get_archives('type=monthly'); ?>
          </ul>

        <h2><?php _e('Links'); ?></h2>
          <ul>
            <?php get_links('-1', '<li>', '</li>', '<br />', FALSE, 'id', FALSE, FALSE, -1, FALSE); ?>
          </ul>

        <h2>Meta</h2>
          <ul>
              <li class="rss"><a href="<?php bloginfo('rss2_url'); ?>">Entries (RSS)</a></li>
              <li class="rss"><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments (RSS)</a></li>
              <li class="wordpress"><a href="http://www.wordpress.org" title="Powered by WordPress">WordPress</a></li>
              <li><a href="http://www.blogge.no/" title="Blogg">Blogg</a></li>
              <li class="login"><?php wp_loginout(); ?></li>
          </ul>

  <?php endif; ?>
</div>
</div>
    Code (markup):
    Here is the site now | Click Here

    and this is what i want it to look like roughly (you can probably get the idea)

    [​IMG]
     
    ASM Design, Jul 12, 2007 IP
  2. demonhale

    demonhale Peon

    Messages:
    352
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #2
    replace this in css

    
#sidebar .about {
	height:60px;
	margin-bottom:15px;
	color:#666666;
}

#sidebar .about img {
        float:left;
	margin:0 5px 0 5px;
}
    Code (markup):
    With this...

    
#sidebar .about {
	height:60px;
	margin-bottom:15px;
	color:#666666;
        text-align:center;
}

#sidebar .about img {
	margin:0 5px 0 5px;
}
    Code (markup):
     
    demonhale, Jul 12, 2007 IP
    ASM Design likes this.
  3. webdesigner

    webdesigner Well-Known Member

    Messages:
    489
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #3
    replace:

    with:

     
    webdesigner, Jul 12, 2007 IP
    ASM Design likes this.
  4. webdesigner

    webdesigner Well-Known Member

    Messages:
    489
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #4
    beaten to it... :)
     
    webdesigner, Jul 12, 2007 IP
  5. ASM Design

    ASM Design Peon

    Messages:
    502
    Likes Received:
    26
    Best Answers:
    0
    Trophy Points:
    0
    #5
    awesome, thats the technorati bit solved, now for someone to help me get some adsense in there! :)

    Thanks to both of you though - rep added for each :D
     
    ASM Design, Jul 12, 2007 IP
  6. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Also don't forget that when you float an element you should give it a width as well.

    I don't recommend width: 100%; though unless you're really sure you know what you're doing (like setting the middle column to 100% then using floats and negative margins to make the left and right columns snap into place by riding up and alongside the content container).
     
    Dan Schulz, Jul 12, 2007 IP
  7. demonhale

    demonhale Peon

    Messages:
    352
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Glad to help...
     
    demonhale, Jul 12, 2007 IP