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.

Need help placing logo

Discussion in 'HTML & Website Design' started by sarsh11, Jan 20, 2009.

  1. #1
    i am using Monoblock glype theme for my proxy which is www.evilsurfer.info
    but am having trouble putting up my logo which i want in the orange part in the header.
    can anyone help me with a code for it?
    any help is appreciated
    thank you.
     
    sarsh11, Jan 20, 2009 IP
  2. LuckySamurai

    LuckySamurai Active Member

    Messages:
    163
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    88
    Digital Goods:
    1
    #2
    	<div id="logo">
    		<h1><a href="http://www.evilsurfer.info" title="Monoblock - Glype">Monoblock - Glype</a></h1>
    		<p>Without A Trace</p>
    
    	</div>
    Code (markup):
    I think that's the spot :p
     
    LuckySamurai, Jan 20, 2009 IP
    sarsh11 likes this.
  3. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #3
    Or alternatively make this change to your stylesheet;

    Current:
    #header {
    	width: 940px;
    	height: 128px;
    	margin: 0 auto;
    }
    
    Code (markup):
    To...

    #header {
    	width: 940px;
    	height: 128px;
    	margin: 0 auto;
    	background:url(images/logo.jpg) top left no-repeat;
    }
    
    Code (markup):
    Assuming you have a logo image that is located in an 'images' folder called logo.jpg, of course. :)

    This wouldn't be clickable though so you could also go for this edit to your HTML;

    Current:
    <div id="logo">
    		<h1><a href="http://www.evilsurfer.info" title="Monoblock - Glype">Monoblock - Glype</a></h1>
    		<p>Without A Trace</p>
    
    	</div>
    
    Code (markup):
    To...

    <div id="logo">
    		<h1><a href="http://www.evilsurfer.info" title="Monoblock - Glype"><img src="images/logo.jpg" alt="Evil Surfer" class="logo" /></a></h1>
    	</div>
    
    Code (markup):
    Then add this to your stylesheet;

     img.logo { border:0; }
    .logo { float:left; }
    Code (markup):
     
    dlb, Jan 21, 2009 IP
  4. SteveHarold

    SteveHarold Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    hi
    Thanks for that info. I have often wanted to place an item (text or image) in a specific place on my websites and usually end up manually using the <div> codes with specifically stating its locatoon (right, top etc) via Wordpad.
     
    SteveHarold, Jan 21, 2009 IP
  5. dlb

    dlb Member

    Messages:
    203
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    35
    #5
    No problem. If it worked for you feel free to add to my reputation here (by clicking the scales icon on the top-right of my post).
     
    dlb, Jan 21, 2009 IP
    sarsh11 likes this.
  6. sarsh11

    sarsh11 Active Member

    Messages:
    959
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    70
    #6
    thanks dlb and lucky samurai for the help
    its fixed now,just need to clean up the logo.
     
    sarsh11, Jan 21, 2009 IP