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