PDA

View Full Version : Need help with positioning



beefcake
Jan 16th, 2009, 08:35 PM
Hi all,

Im a novice to web site coding, and I have a website I have programmed up but having some problems. I have a header, body (central table) and a footer.

This is loaded from a simple code that uses the include command to load each section in, as below.

I then have some image that can be clicked on that are postioned relative.

After this I am trying to insert text that sits next to each other of these images, however, each time I add each bit of text, it force the footer down the page.

Does any one know why and how to prevent this?? (please make it as simple as possible, Im not great at this)

Please note: I was not able to use a table layout for these images and text cause they are all position differently to each other, and needed to be positions accuratly around the circle they sit in.

many thanks in advance

<?
include("head.php");
include("config/config.lib");
include("$path/class/db.class");
define("thismodule", getenv("SCRIPT_NAME"));
?>
<A HREF="X1.php?id=1"><img src="images/P1.png" style="position:relative; left:45px; top:27px"></A>
<A HREF="X2.php?id=8"><img src="images/P2.png" style="position:relative; left:68px; top:-58px"></A>
<A HREF="X1.php?id=10"><img src="images/P3.png" style="position:relative; left:86px; top:-2px"></A>
<A HREF="X3.php?id=2"><img src="images/P4.png" style="position:relative; left:457px; top:-10px"></A>
<img src="images/P5.png" style="position:relative; left:265px; top:160px">
<img src="images/P6.png" style="position:relative; left:-49px; top:210px">
<A HREF="X2.php?id=7"><img src="images/P7.png" style="position:relative; left:65px; top:30px"></A>
<A HREF="X2.php?id=5"><img src="images/P8.png" style="position:relative; left:-152px; top:-83px"></A>

<div align="center" class="home" style="position:relative; left:40px; top:-345px; z-index:1"><A HREF="X2.php?id=8">sink<BR>Ext</A></div>
<div align="center" class="home" style="position:relative; left:141px; top:-325px; z-index:1"><A HREF="X1.php?id=10">BGA/AGP<BR>sinK</A></div>
<?
include("foot.php");

Excavator
Jan 16th, 2009, 09:17 PM
Hello beefcake,
How can we position anything next to an image we cant see and have no idea what of it's size?
Image related questions really need a link to the test site. There are some very smart people here more than willing to help you but you need to give us some help too.

looselipz
Jan 16th, 2009, 09:21 PM
hi beefcake,

I done a similar thing for a marketing site i created a few months back, where i had five images with writing surrounding a central image. I used a seperate layer for each of the surrounding images. The when i set the position of the image within that layer (ie. align="left") the text lined up relative to that and stayed contained within the layer. Then i set the position of the layer through the attributes contained within the <div style> property.

Theres probably a much quicker way of doing this, by the way but it worked.
Good luck with your website.

beefcake
Jan 16th, 2009, 10:45 PM
Sorry all, I didnt think you add the site, the site link is

www.bluecore-heatsinks.com

thank you for your initial feedback


looselipz - how do you create layers?

beefcake
Jan 17th, 2009, 07:26 PM
any help on this one ladies and gents??

The website that is having the problems is at http://www.bluecore-heatsinks.com