I've created a website , where I'm having some trouble displaying an image with past issues fully. Only half of it is showing up, and I'm not sure what the issue is.
My ultimate goal is to add the image and link it to another site on the same page. Could you help me achieve this using the HTML and CSS code below?
<html>
<head>
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="expires" content="-1"/>
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"/>
<meta name="author" content="Certain, Inc."/>
<meta name="Description" content="Online Registration Form"/>
<meta name="Keywords" content="">
<title>Restaurantinc Subscriptions</title>
</head>
<body>
<div class="page-content">
<a href="index.html" id=bckgrnd></a>
<link rel="stylesheet" type="text/css" href="http://restaurantinc.com/assets/css/page-content2.css">
<div class="wrapper">
<div id="header">
<img src="assets/images/RestINC_subscription_800x200.jpg">
<div class="form_container" style="font-family: arial, sans-serif; font-size: .7em;">
<form action="/" method="post" style="font-family: arial, sans-serif;">
...
CSS
.page-content{
background: url('http://restaurantinc.com/assets/images/RestINC_subscription_350x400.jpg') no-repeat;
width: 800px;
height: 775px;
margin-left:200px;
margin-top:00px;
}
.form_container{
padding-top: 0%;
width: 400px;
height: 400px;
float:right;
}