...

View Full Version : image maps & tables



Selenia
10-23-2002, 05:00 AM
Hi,

I'm having troubles with image maps inside tables, and getting a somehow broken layout. The code is as follows:

<div align="right"><right>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="lovebattler_01.jpg"></td>
<td><img src="lovebattler_02.jpg"></td>
<td><img src="lovebattler_03.jpg"></td>
<td><img src="lovebattler_04.jpg"></td>
<td><img src="lovebattler_05.jpg"></td>
<td><img src="lovebattler_06.jpg"></td>
<tr>
<td><img src="lovebattler_07.jpg"></td>
<td><img src="lovebattler_08.jpg"></td>
<td><img src="lovebattler_09.jpg"></td>
<td><img src="lovebattler_10.jpg"></td>
<td><img src="lovebattler_11.jpg"></td>
<td><img src="lovebattler_12.jpg"></td>
<tr>
<td><img src="lovebattler_13.jpg"></td>
<td><img src="lovebattler_14.jpg"></td>
<td><img src="lovebattler_15.jpg"></td>
<td><img src="lovebattler_16.jpg"></td>
<td><img src="lovebattler_17.jpg"></td>
<td><img src="lovebattler_18.jpg"></td>
<tr>
<td><img src="lovebattler_19.jpg" WIDTH=116 HEIGHT=100 BORDER=0 ISMAP
USEMAP="#lovebattler_19_Map">
<MAP NAME="lovebattler_19_Map">
<AREA SHAPE="rect" ALT="" COORDS="16,80,96,90" href="layout.html">
<AREA SHAPE="rect" ALT="" COORDS="17,61,97,71" href="other.html">
<AREA SHAPE="rect" ALT="" COORDS="17,40,97,50" href="siblings.html">
<AREA SHAPE="rect" ALT="" COORDS="18,19,98,29" href="contact.html">
<AREA SHAPE="rect" ALT="" COORDS="17,0,97,10" href="me.html">
</map></td>
<td><img src="lovebattler_20.jpg"></td>
<td><img src="lovebattler_21.jpg"></td>
<td><img src="lovebattler_22.jpg"></td>
<td><img src="lovebattler_23.jpg"></td>
<td><img src="lovebattler_24.jpg"></td>
<tr>
<td><IMG SRC="lovebattler_25.jpg" WIDTH=116 HEIGHT=100 BORDER=0 ISMAP
USEMAP="#lovebattler_25_Map">
<MAP NAME="lovebattler_25_Map">
<AREA SHAPE="rect" ALT="" COORDS="16,60,96,70" HREF="powered.html">
<AREA SHAPE="rect" ALT="" COORDS="16,41,96,51" HREF="linkage.html">
<AREA SHAPE="rect" ALT="" COORDS="16,21,96,31" HREF="downloads.html">
<AREA SHAPE="rect" ALT="" COORDS="16,0,96,10" HREF="hangouts.html">
</MAP></td>
<td><img src="lovebattler_26.jpg"></td>
<td><img src="lovebattler_27.jpg"></td>
<td><img src="lovebattler_28.jpg"></td>
<td><img src="lovebattler_29.jpg"></td>
<td><img src="lovebattler_30.jpg"></td>
<tr>
<td><img src="lovebattler_31.jpg"></td>
<td><img src="lovebattler_32.jpg"></td>
<td><img src="lovebattler_33.jpg"></td>
<td><img src="lovebattler_34.jpg"></td>
<td><img src="lovebattler_35.jpg"></td>
<td><img src="lovebattler_36.jpg"></td>
</tr>
</td></table></right>
<div align="right"><right>

If anyone could help, I'd be grateful forever!! Also, if needed, I can provide a screenshot of the layout for you to see.

Thank you! ^_^

dauvm
10-23-2002, 06:26 AM
I personally would need to see your page layout... if you can stick a link in it would be easier to help...

and btw, what's this? <right> Did I miss something? ;)

-Doug

MCookie
10-23-2002, 11:58 AM
Hi, try this:

<html>
<head>
<title>Untitled</title>
</head>
<body>
<div align="right">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="lovebattler_01.jpg"></td>
<td><img src="lovebattler_02.jpg"></td>
<td><img src="lovebattler_03.jpg"></td>
<td><img src="lovebattler_04.jpg"></td>
<td><img src="lovebattler_05.jpg"></td>
<td><img src="lovebattler_06.jpg"></td></tr>
<tr>
<td><img src="lovebattler_07.jpg"></td>
<td><img src="lovebattler_08.jpg"></td>
<td><img src="lovebattler_09.jpg"></td>
<td><img src="lovebattler_10.jpg"></td>
<td><img src="lovebattler_11.jpg"></td>
<td><img src="lovebattler_12.jpg"></td></tr>
<tr>
<td><img src="lovebattler_13.jpg"></td>
<td><img src="lovebattler_14.jpg"></td>
<td><img src="lovebattler_15.jpg"></td>
<td><img src="lovebattler_16.jpg"></td>
<td><img src="lovebattler_17.jpg"></td>
<td><img src="lovebattler_18.jpg"></td></tr>
<tr>
<td><img src="lovebattler_19.jpg" width="116" height="100" border="0" usemap="#lovebattler_19_Map"></td>
<td><img src="lovebattler_20.jpg"></td>
<td><img src="lovebattler_21.jpg"></td>
<td><img src="lovebattler_22.jpg"></td>
<td><img src="lovebattler_23.jpg"></td>
<td><img src="lovebattler_24.jpg"></td></tr>
<tr>
<td><img src="lovebattler_25.jpg" width="116" height="100" border="0" usemap="#lovebattler_25_Map"></td>
<td><img src="lovebattler_26.jpg"></td>
<td><img src="lovebattler_27.jpg"></td>
<td><img src="lovebattler_28.jpg"></td>
<td><img src="lovebattler_29.jpg"></td>
<td><img src="lovebattler_30.jpg"></td></tr>
<tr>
<td><img src="lovebattler_31.jpg"></td>
<td><img src="lovebattler_32.jpg"></td>
<td><img src="lovebattler_33.jpg"></td>
<td><img src="lovebattler_34.jpg"></td>
<td><img src="lovebattler_35.jpg"></td>
<td><img src="lovebattler_36.jpg"></td></tr></table></div>
<map name="lovebattler_19_Map">
<area shape="rect" alt="" coords="16,80,96,90" href="layout.html">
<area shape="rect" alt="" coords="17,61,97,71" href="other.html">
<area shape="rect" alt="" coords="17,40,97,50" href="siblings.html">
<area shape="rect" alt="" coords="18,19,98,29" href="contact.html">
<area shape="rect" alt="" coords="17,0,97,10" href="me.html"></map>
<map name="lovebattler_25_Map">
<area shape="rect" alt="" coords="16,60,96,70" href="powered.html">
<area shape="rect" alt="" coords="16,41,96,51" href="linkage.html">
<area shape="rect" alt="" coords="16,21,96,31" href="downloads.html">
<area shape="rect" alt="" coords="16,0,96,10" href="hangouts.html"></map>
</body>
</html>

Selenia
10-24-2002, 02:49 AM
Thanks, really.

You can take a look at my page here:
http://romu-romu.imess.net/log013.html
I ended up using div layers (I always do that >0<), but I'll change it so I can see how it works in different ways.

Will be too much ask for help to stick the background on the right side, so it won't move everytime you use the 'favorites' window? You'll understand when you see the layout, tehe.

Anyway, thank you again! #^_^#

ronaldb66
10-24-2002, 11:54 AM
You'll understand when you see the layout
Er... no. By the way, your links are practically unlegible; i'd make the text a bit lighter.

PlatinumProject
10-26-2002, 01:02 AM
Originally posted by Selenia



Will be too much ask for help to stick the background on the right side, so it won't move everytime you use the 'favorites' window? You'll understand when you see the layout, tehe.

Anyway, thank you again! #^_^#

Frist off i don't think you can do that considering that when you click on the favorites icon it loads where it was programed by the browser to load and i really think that you can't do that much for that and why would you want that done newayz??
:confused:
after using the favorites wouldn't you close it????



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum