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.

Display Logo - Cant figure out how to display image from file

Discussion in 'HTML & Website Design' started by mg3hockey, Jun 24, 2011.

  1. #1
    Hello all,

    Here is my code
    	<div id="header">
    		<div id="logo">
    			<h1><a href="<?php echo optURL;?>" title="<!--[glype:index_header_h1]-->"><!--[glype:index_header_h1]--></a></h1>
    			<p><!--[glype:index_header_h2]--></p>
    		</div>
    	</div>
    	<!-- end #header -->
    PHP:

    I am trying to use my logo I created. it is located at "/Logo.jpg" but I can not seem to get it to appear at the top of the page.

    Thoughts?
     
    mg3hockey, Jun 24, 2011 IP
  2. neil.johnson

    neil.johnson Guest

    Messages:
    59
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hey hi....i just see your question about how to put images. so you just try ../images . you will get the image. thank you.
     
    neil.johnson, Jun 25, 2011 IP
  3. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #3
    PLEASE post the full code. No one can help you otherwise.
     
    BRUm, Jun 25, 2011 IP
  4. mg3hockey

    mg3hockey Active Member

    Messages:
    438
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #4
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><!--[glype:site_name]--></title>
    <meta name="keywords" content="<!--[glype:index_meta_keywords]-->" />
    <meta name="description" content="<!--[glype:index_meta_description]-->" />
    <link rel="stylesheet" type="text/css" href="themes/<?php echo siteSKIN;?>/style.css" media="screen" />
    </head>
    <body>
    	<div id="header">
    		<div id="logo">
    			<h1><a href="<?php echo optURL;?>" title="<!--[glype:index_header_h1]-->"><!--[glype:index_header_h1]--></a></h1>
    			<p><!--[glype:index_header_h2]--></p>
    		</div>
    	</div>
    	<!-- end #header -->
    	<div id="menu">
    	<ul>
    	<li class="first"><a href="<?php echo optURL;?>" title="<!--[glype:index_header_h1]-->">Home</a></li>
    		<!--[glype:index_top_menu]-->
    	</ul>
    	</div>
    	<!-- end #menu -->
    <div id="wrapper">
    <div class="btm">
    	<div id="page">
    		<div id="content">
    			<div class="post">
    				<h1 class="title">Welcome to <!--[glype:site_name]--></h1>
    				<div class="entry">
    	<!-- CONTENT START -->
    				<!--[glype:index_above_description]-->
    				<!--[glype:index_description]-->
    				<!--[glype:index_above_form]-->
    				<!--[glype:error]--> 
        			<?php ## Display error messge if applicable
    					if ( isset($_SESSION['msg']) ) {
    					echo '<div id="error">',$_SESSION['msg'],'</div>';
    					unset($_SESSION['msg']);
    				} ?>    
    
    				<form action="includes/process.php?action=update" method="post">
    					<input type="text" name="u" id="minime_url_textbox" />
    					<input type="submit" value="Visit" id="minime_submit" class="button" />
    					<!--[glype:index_below_form]-->
    				<div id="options">
    					<?php foreach ( $toShow as $option ) {
    						$isChecked = $option['checked'] ? ' checked="checked"' : '';
    
    	echo <<<HTML
    		<input type="checkbox" name="{$option['name']}" id="{$option['name']}"{$isChecked} />
    		<label for="{$option['name']}" class="tooltip" title="{$option['title']}::{$option['desc']}">{$option['title']}</label>
    		
    HTML;
    } ?>
    
    				</div><!--options-->
    	</form>
    	
    	<!--[glype:index_below_options]-->
    	<!-- CONTENT END -->
    				</div>
    			</div>
    		</div>
    		<!-- end #content -->
    		<div id="sidebar">
    			<ul>
    				<li>
    					<!--[glype:index_right_sidebar]-->
    				</li>
    			</ul>
    		</div>
    		<!-- end #sidebar -->
    		<div style="clear: both;">&nbsp;</div>
    	</div>
    	<!-- end #page -->
    </div>
    </div>
    	<div id="footer">
    <!---
    Please retain the links as they are given below.
    -->
    		<p>Powered by <a href="http://www.glype.com/">glype</a> - Ported by <a href="http://www.glypetheme.com" title="glype Theme Collection">Glype Theme Collection</a> - Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
    		<!--[glype:index_footer]-->
    	</div>
    	<!-- end #footer -->
    </body>
    </html>
    
    PHP:

    Thanks in advance
     
    mg3hockey, Jun 25, 2011 IP
  5. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #5
    There are some strange things in that code. Are you using some sort of pre-processor to parse it? I can see things that look like they're to be interpreted by another script or something, like this:

    <title><!--[glype:site_name]--></title>
    Code (markup):
    It's going to be much harder to work out what's going on if so. I'm guessing the image reference is kept in the CSS under div#logo. Have you looked in the stylesheet?
     
    BRUm, Jun 25, 2011 IP
  6. mg3hockey

    mg3hockey Active Member

    Messages:
    438
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #6
    Here is what is in the style sheet

    /* Logo */
    
    #logo {
    	float: left;
    	width: 640px;
    	color: #000000;
    }
    
    #logo h1, #logo p {
    }
    
    #logo h1 {
    	float: left;
    	padding: 30px 0 0 20px;
    	margin-right: 10px;
    	letter-spacing: -1px;
    	text-transform: lowercase;
    	font-size: 2.8em;
    }
    
    #logo h1 a {
    	color: #FF7900;
    }
    
    #logo p {
    	float: left;
    	margin: 44px 0 0 0;
    	padding: 3px 10px 3px 0px;
    	font: normal 13px Georgia, "Times New Roman", Times, serif;
    	font-style: italic;
    } 
    
    #logo a {
    	border: none;
    	background: none;
    	text-decoration: none;
    	color: #000000;
    }
    PHP:
     
    mg3hockey, Jun 25, 2011 IP
  7. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #7
    Hm, there's no image path there.

    Where have you attempted to place your own logo?
     
    BRUm, Jun 25, 2011 IP
  8. mg3hockey

    mg3hockey Active Member

    Messages:
    438
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    55
    #8
    I got it!
    	<div id="header">
    		<div id="logo">
    			<h1><a href="<?php echo optURL;?>" title="<!--[glype:index_header_h1]-->"><img src="Free-Proxy.png" /></a></h1>
    			<p></p>
    		</div>
    	</div>
    PHP:
    Take a look. Free Proxy
     
    mg3hockey, Jun 25, 2011 IP
  9. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #9
    Ah I see. I didn't realise your problem fully.

    Glad your problem is solved.
     
    BRUm, Jun 25, 2011 IP