Rollover image link

doran_lum

I have a rollover image but how do i insert a link to bring the user to the next php page.
Should I use onclick ?

onclick="window.location.href='SearchCD.php

Here are my codes on the home page.

<a href="#" class="searchbutton"></a>

<html>
<head>
<style type="text/css">

body {
background-image: url('<?php echo $backgroundpic;?>');
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
width: 100%;
}
.searchbutton {
display: block;
width: 300px;
height: 300px;
background-image: url('<?php echo $searchpic;?>');
}
.searchbutton:hover {
display: block;
width: 300px;
height: 300px;
background-image: url('<?php echo $searchhoverpic;?>');
}

</PHP>

Weedpacket

No, you'd just put the URL in the <a> element's href= attribute.

doran_lum

Thanks I got it

doran_lum

I'm trying to place a image & hover image above my table. I was trying to play around with the css position such as absolute/relative/fixed/static. But somehow it will either appear on top of the table or push the table to the bottom of the page.

How can i place the image just above my table ?

CSS:

.searchbutton {
position: relative;
top: 10%;
left: 40%;
display: block;
width: 450px;
height: 450px;
background-image: url('<?php echo $searchpic;?>');
background-repeat:no-repeat;
}

.searchbutton:hover {
position: relative;
top: 10%;
left: 20%;
display: block;
width: 450px;
height: 450px;
background-image: url('<?php echo $searchhoverpic;?>');
background-repeat:no-repeat;
}

<PHP>

include 'database_conn.php';	

$sql = "SELECT tablename.ID, tablename.Title, tablename.Year, tablename2.catDesc,tablename.catID
            FROM tablename
            LEFT JOIN tablename2 ON tablename.catID=tablename2.catID"; 

$queryresult = mysqli_query($conn, $sql)
or die (mysqli_error($conn));       


    echo '<table cellpadding="0" cellspacing="0" class="db-table" table align="center">';
    echo"<tr><th>Title</th><th>Year</th><th>Category</th>  </tr>"; 

while($row = mysqli_fetch_assoc($queryresult)) {
   	$iCDID = $row['ID'];
  	$CDTitle = $row['Title'];
            $CDYear = $row['Year'];
            $CDCatID = $row['catID'];

            echo "<tr><td>"; 
            echo "<div> <a href = \"editCDForm.php?itemCode=$iCDID\">$CDTitle</a> </div>\n";
            echo "</td><td>";   
            echo $row['CDYear'];
            echo "</TD></tr>"; 
}

    echo "</table>"; 

mysqli_free_result($queryresult); 
mysqli_close($conn);

</PHP>