Dave,
I would like to reduce the blank space at the top of the search box on the default PT installation.
I looked at the index.php page and header.php page but I couldn't work out how to control that large space?
If you go to the Bargain Bin Tab on hagoole.com.au you will see why I need this change.
Kind Regards
Awesome top margin adjusted... thank you Dave
follow up...
(1) I added an image just above the search box which I have added on the index just above the height adjustment:
print "<div align='center'>";
print "<img src='/image/art-comparison.jpg' />";
print "<div style='height:10px;'> </div>";
Is this acceptable or is there a better place to do this?
(2)but I want to add MAP links to that image for each colour to perform searches...
The code would look something like this:
print "<img src='image/art-comparison.jpg' alt='Art Comparison' width='200' height='162' border='0' usemap='#Map' />";
<map name="Map" id="Map">
<area shape="rect" coords="541,4,597,76" href="#" rel="nofollow" target="_self" title="yellow" alt="yellow" />
<area shape="rect" coords="482,5,537,76" href="#" rel="nofollow" target="_self" title="blue" alt="blue" />
<area shape="rect" coords="422,7,478,76" href="#" rel="nofollow" target="_self" title="red" alt="red" />
<area shape="rect" coords="364,5,418,78" href="#" rel="nofollow" target="_self" title="green" alt="green" />
</map>
PROBLEM:
The problem I'm having is I can't view the image in dreamweaver because it is in PHP and I have difficulty creating the Maps co-ordinates without the help of the dreamweaver tool. Any suggestions how to do this?
Hi,
If you simply replace the PHP with HTML instead, that should enable it to appear within Dreamweaver - so instead of:
print "<img src='/image/art-comparison.jpg' />";
change it to this line:
?><img src='/image/art-comparison.jpg' /><?php
Hope this helps!
Cheers,
David.
Yep that works... I even called up an iframe via html for simplicity when mapping image.
thanks
Hi,
The space is actually created by the following code on line 8 in index.php:
print "<div style='height:120px;'> </div>";
..so you could either remove this line entirely, or adjust the height value to reduce the gap as required...
Cheers,
David.