Image code problems...simple ?

Discussion in 'HTML & Website Design' started by Whippet75, Oct 19, 2009.

  1. #1
    Someone has kindly designed a header logo (with transparent background for my marathon site at http://marathoneffort.com.

    I am wanting to add the header however, need to know what the code is !

    This is what I am trying to achieve:
    [​IMG]

    Here is part of the header code:
    
    </head>
    <body>
    <div class="container_16">
    <div id="header" class="grid_16">
    
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a><span class="description"><?php bloginfo('description'); ?></span></h1>	
    <ul id="nav">
    
      <li class="last-child"><a href="http://marathoneffort.com">home</a></li>
      <li class="last-child"><a href="http://marathoneffort.com/about">about</a></li>
      <li class="last-child"><a href="http://marathoneffort.com/sponsorship">Sponsorship</a></li>
      <li class="last-child"><a href="http://marathoneffort.com/media">media</a></li>
      <?php wp_list_pages('title_li=Pages'); ?>
      <?php wp_list_categories('title_li=Categories'); ?>
      <li class="last-child"><a href="<?php bloginfo('rss2_url'); ?>" class="rss">RSS</a></li>
    	
    </ul>
      
    </div>
    <hr />
    Code (markup):
    Please can someone tell what I need to add to insert the image so that the links to the right stay aligned with the header image.

    Thanks
     
    Whippet75, Oct 19, 2009 IP
  2. icebaby4u

    icebaby4u Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    where do you want to put the banner?
     
    icebaby4u, Oct 21, 2009 IP
  3. dhaval300

    dhaval300 Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    plz be clear about yr question....
     
    dhaval300, Oct 22, 2009 IP
  4. wansong2008

    wansong2008 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    sorry I don't know!
     
    wansong2008, Oct 23, 2009 IP
  5. forextrendalerts

    forextrendalerts Guest

    Messages:
    132
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This is one of the most simple image HTML tags available because it has no other attributes other than the src attribute. When using this Tag, as-is, it is important to remember the actual size of the image will display on the page.

    HTML Code For Adding A Image

    <img src="http://www.goldcoastwebdesigns.com/web.jpg">
     
    forextrendalerts, Oct 28, 2009 IP
  6. adwebtiser

    adwebtiser Peon

    Messages:
    95
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    The best way is to clean the image from any links and writings and logo and then use that as a background image in your header div then put the logo and links as text on top of the header
     
    adwebtiser, Oct 28, 2009 IP