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