PDA

Click to See Complete Forum and Search --> : Centering Multiple Images w/ Hyperlinks

jddockery
01-10-2006, 12:21 AM
Okay, here is the conundrum.

I have created a patterned images w/ multiple embedded hyperlinks (ie. like a logo)

How do center this so that independant of the resolution the user is using it will maintain the overall images integrity.

Looked into iframe, css, javascript...hmmm at a loss. :confused:

Thank you in advance for your responses

jdockery
bathurst_guy
01-10-2006, 12:23 AM
i dont really understand, do you have a link to the page so I can see it
jddockery
01-10-2006, 12:33 AM
sure, thegrey.us

this was created using frontpage 2000.

greets
bathurst_guy
01-10-2006, 12:36 AM
ok, try wrapping the whole thing in a div, and give it a style="position:relative;margin:0 auto;" and tell me what happens
jddockery
01-10-2006, 12:50 AM
heres what i did.

<body bgcolor="#000000" link="#000000" vlink="#000000" alink="#000000">

:) <div style="position:relative;margin:0 auto;"> :)

<p align="center"><span style="position: absolute; left: 11; top: 16"><a href="javascript:doPrompt1(page1)"
><img border="0" src="CAL.jpg" width="279" height="209"></a></span><span style="position: absolute; left: 290; top: 16"><a href="javascript:doPrompt1(page2)"
><img border="0" src="Forum.jpg" width="297" height="151"></a></span></p>
<p align="center"><span style="position: absolute; left: 426; top: 335"><a href="javascript:doPrompt1(page3)"
><img border="0" src="Music.jpg" width="161" height="244"></a></span><span style="position: absolute; left: 431; top: 166"><a href="javascript:doPrompt1(page4)"
><img border="0" src="Bios.jpg" width="156" height="174"></a></span><span style="position: absolute; left: 10; top: 225"><a href="javascript:doPrompt1(page5)"
><img border="0" src="Prod.jpg" width="175" height="354"></a></span><span style="position: absolute; left: 185; top: 490"><a href="javascript:doPrompt1(page6)"
><img border="0" src="Galler.jpg" width="241" height="89"></a></span></p>
<p align="center"><span style="position: absolute; left: 167; top: 162"><img border="0" src="Logo.jpg" width="265" height="263"></span></p>

:) </div> :)
</body>

the script is seperate. I put smily faces between your idea so they would be easy to see.

checked in preview...no avail.

thanx
jddockery
01-10-2006, 12:58 AM
oh yeah, dig the "answer to all these questions is google". It's my primary feed supply.

koodos on the response. I tried something similiar.

jdockery
bathurst_guy
01-10-2006, 01:06 AM
so as in you have it working now
jddockery
01-10-2006, 11:42 AM
You really didn't think it would be that easy did you. Yeah for a second I did. Silly Rabbit....(kill bill vol. 1)

No, i think div works with images or text that does not use absolute positioning albeit my images do.

thanx
jddockery
01-11-2006, 01:13 PM
ok, fixed the problem. Abandoned using absolute positioning and recut images.

thanx for the help bathurst_guy
jddockery
01-14-2006, 12:45 PM
Well interesting, I went back and viewed the page in other resolutions. Everything above 800 X 600 is getting uncentered. Went back into the code re-added the "div" statement and TaDah! it works.

Thnx again Bathurst_guy the suggestion actually was quite useful.

Adios...im outta here