I am in the process of developing a PHP script that will serve as an inclusion on all my website pages. This script is intended to feature the logo, slogan, and link to the CSS styling for consistent branding across the site. To achieve this, I have implemented the following code snippet at the beginning of each page:
<?php
require_once("home_start.php");
?>
However, on this particular page, I aim to create an empty DIV element where I can dynamically insert the site's logo (in GIF format) using CSS styles that I have customized and like.
My DIV element structure appears as follows:
<div id="title">
</div>
Here is the corresponding CSS styling for the 'title' ID:
#title {
background-color: #FFFFFF;
background-image: url(graphics/logo.gif);
background-repeat: no-repeat;
background-position: center;
width:250px;
display: block;
margin: 0 auto;
-moz-border-radius: 15px;
border-radius: 15px;
}
Despite implementing these changes, I'm encountering difficulties with the image not displaying as expected. It may be due to my limited coding knowledge, so any assistance would be greatly appreciated.