Heading logo not displayed on page? -...

User 2265269 Photo


Registered User
43 posts

I am redesigning a website that I designed several years ago, so that it works with modern devices.
I am trying to use some of the old code and while that part seems to work OK the header picture is not being displayed. It is only displaying the alt picture message, but is displaying the nav bar as plain links, without the attributes I added from the Site Designer program.
As the code that I wrote the original webpage in is PHP, so I must have a .php extension to the file.
The PHP code is connecting to a database so that's why it must be a php file.
<?php

include ("connect_Verses4Cards.php");
$conn = get_db_conn_verse();
//Function to build select options based on passed array
function buildSelectOptions($name, array $options, $current=null){
$htmlString = "<select name='{$name}' id='{$name}'>\n";

foreach($options as $value=>$option){
$htmlString .= "\t<option value='{$value}'";
if($value == $current){
$htmlString .= " selected";
}
$htmlString .= ">{$option}</option>\n";
}
$htmlString .= "</select>\n";
return $htmlString;
}

function getEvents($conn){
$qry = "SELECT id ,Event_Type FROM Events ORDER BY id";
$sql = mysqli_query($conn, $qry)or die(mysqli_error($conn));
if(mysqli_num_rows($sql) < 1){
return array();
}
while($res1 = mysqli_fetch_array($sql)){
$ret1[$res1['id']] = $res1['Event_Type'];

}

return $ret1;
}

function getMoods($conn){
$qry = "SELECT id ,Event_Sub_Type FROM Event_Sub ORDER BY id";
$sql = mysqli_query($conn, $qry)or die(mysqli_error($conn));
if(mysqli_num_rows($sql) < 1){
return array();
}
while($res2 = mysqli_fetch_array($sql)){
$ret2[$res2['id']] = $res2['Event_Sub_Type'];
}

return $ret2;
}
?>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="RSD 5.0.3499">
<title>Verse Chioces</title>
<link rel="stylesheet" href="css/vanillacss.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script class="picturefill" async="async" src="js/picturefill.min.js"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,500">

</head>

<body>
<div class="responsive-picture picture-1">
<picture>
<img alt="Placeholder Picture" width="374" height="179" src="./images/Merge%20Logo.jpg" loading="lazy">
</picture>
</div>
<div class="container container-2">
<a class="link-text navlink" href="index.html" title="Home">Home</a>
<a class="link-text navlink" href="#">Links</a>
<a class="link-text navlink" href="#">Verses</a>
<a class="link-text navlink" href="#">Techniques</a>
<a class="link-text navlink" href="#">Gallery</a>
<a class="link-text navlink" href="#">Contact</a>
<a class="link-text navlink" href="#">About Us</a>
</div>
<div class="container"></div>
<h2>Verse Choices Form</h2>
<p class="paragraph">You can filter the database, by selecting one of the items in each drop down menu and clicking the submit button.<br>This will list the chosen range of greetings by type of event (e.g. Birthday) and sub category (e.g. Mother).<br>There are 2 versions:<br></p>
<ul class="unorder-list">
<li class="list-item">Basic Version - Which will only allow you to choose from a list of font colours.</li>
<li class="list-item">Advance Version - which, using a colour bar, will allow you to choose an infinate choice of colours by moving the pointer over the colour grid.</li>
</ul>
<h4>BASIC VERSION</h4>
<form class="form-container" method="post" action="VerseQuery.php" name="Verse Query"><input type="hidden" name="Name1" value="Value1"></form>
<script src="js/jquery.min.js"></script>
<script src="js/outofview.js"></script>
<form action="VerseQuery.php" method="post">


<?php echo buildSelectOptions('event', getEvents($conn), 1);?>



<?php echo buildSelectOptions('mood', getMoods($conn), 1);?>

<input type="submit" value="submit"/>
</form>
</body>

</html>

Can some one help me solve this problem?
Rocky48
User 2265269 Photo


Registered User
43 posts

Some additional information:
The code that I used is in a container type, Form Container, which is where I added the code from the old site, into the Footer Code box.
There does not seem to be much help in the numerous help files and tutorials about adding code in php to a Site designer page!
Rocky48
User 187934 Photo


Senior Advisor
20,181 posts

Hi Rocky,
Have you checked that this image is on the host and spelled exactly the same?
Taking spaces out of images and file names is also a good idea.
./images/Merge%20Logo.jpg
Can you share a link to your page?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.