Thanks for the help, i have it working kinda
http://www.twitoosearch.com/?p=Podcasts&g=Technology
however as you can see it seems to be showing the next and back button next to the logos when it should be showing it at the bottom.
here is some of the code
Code:
while($row = mysql_fetch_array($SearchResult))
{
echo "<div class='podcastlist'><a href='http://www.twitoosearch.com/?p=Podcasts&g=view&q={$row['1']}&tags={$row['2']}&group={$row['3']}'><img class='podimg' border='0' alt='{$row['4']}' src='{$row['image']}' width='100' height='100' /></a></div>";
}
$Nav="";
If($page > 1) {
$Nav .= "<br /><A HREF=\"?p=Podcasts&g=" .urlencode($g) . "&page=" . ($page-1) . "\"><< Prev</A>";
}
For($i = 1 ; $i <= $NumberOfPages ; $i++) {
If($i == $page) {
$Nav .= "<B>$i</B>";
}Else{
$Nav .= "<A HREF=\"?p=Podcasts&g=" .urlencode($g) . "&page=" . $i . "\">$i</A>";
}
}
If($page < $NumberOfPages) {
$Nav .= "<A HREF=\"/?p=Podcasts&g=" .urlencode($g) . "&page=" . ($page+1) . "\">Next >></A>";
}
Echo "<div class='searchr'>" . $Nav;
Echo "</div>";
?>
Part of the CSS
Code:
div.podcastlist{
background-image:URL(http://www.twitoosearch.com/images/div.png);
width:120px;
float:left;
position:inherit;
height:120px;
margin-right:0.5em;
margin-bottom:0.5em;
}
div.podcastlist:hover{
background-image:URL(http://www.twitoosearch.com/images/div_hover.png);
width:120px;
height:120px;
}
div.searchr{
width:100%;
}
Thx
Bookmarks