PHP: calling from a wild life1.php to wildlife.txt to makepictures show on my page.
<Doctype html>
<title>Wildlife</title>
<head>
<meta name=”viewport” content=”width=device-width,initial-scale=1″>
<meta charset=”UTF-8″>
<title> Image Gallery</title>
<style>
#thumb-area {
background-color: tan;
width: 100px;
height: 1620px;
float:left;
text-align:center;
}
#image-area {
height: 1600px;
background-color: #cccccc;
background-image: linear-gradient(lightyellow, tan,lightyellow);
}
.full-img{
opacity:0;
transition-property:opacity;
transition-duration: 2s;
position:fixed;
left:120px;
top:100px
}
.thumb-img:hover + img {
opacity:100;
}
body {margin:0;}
.navbar {
overflow: hidden;
background-color: tan;
font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: tan;
}
.dropdown-content {
display: none;
position: absolute;
background-color: tan;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: left;
display: block;
color: black;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
border-style: groove;
border-width: 7px;
border-color: tan;
}
.dropdown-content a:hover {
background-color: lightyellow;
}
.dropdown:hover .dropdown-content {
display: block;
}
.main {
padding: 16px;
margin-top:
PayPal Gateway not configured
PayPal Gateway not configured