Topic awaiting preservation: unwanted space $Pages that link to <a href="https://ozoneasylum.com/backlink?for=8561" title="Pages that link to Topic awaiting preservation: unwanted space" rel="nofollow" >Topic awaiting preservation: unwanted space\$

Author	Thread
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 03-04-2003 21:51 Hi, guys. How are you? I am dying to make rollover button. I don't know what wrong with. I got a wee space between each button. Please see my code. It works fine as rollover but between each button, there is unwanted space. Each my images is 70px x 50px. Really strange. quote: <html> <head> <link rel="stylesheet" type="text/css" href="../css/text.css"/> <script language="JavaScript"> function HiroRollover(imgName,imgSrc) {document.images[imgName].src=imgSrc;} </script> <body> <body bgcolor="99ff66"> <table border="1" width="95%" height="100%" align=center> <tr> <td colspan="3" height="15%">1</td> </tr> <tr> <td colspan="3" height="10%" align="right"> <a href="homestay.htm" onMouseover="HiroRollover('myImage1','../button/homestayrollover-nomore.gif');" onMouseout="HiroRollover('myImage1','../button/homestay-nomore4.gif');"> <img src="../button/homestay-nomore4.gif" border="0" name="myImage1"> </a> <a href="food.htm" onMouseover="HiroRollover('myImage2','../button/triprollover-nomore.gif');" onMouseout="HiroRollover('myImage2','../button/trip-nomore.gif');"> <img src="../button/trip-nomore.gif" border="0" name="myImage2"> </a> </td> </tr> <tr> <td rowspan="3" width="20%"> <p>~Tell me about IT!~ <br> 1.Anybody, married?!<br> 2.Anybody, children?<br> 3.Find good shop?<br> 4.Tell me favorite food!<br> 5.Tell me favorite place!<br> </p></td> <td rowspan="3"> <p> Hello,this is Hiroki! This is my first own planed web site. </p> </td> <td width="20%">5</td> </tr> <tr> <td>6</td> </tr> <tr> <td>7</td> </tr> </table> </body> </html> Do you see any problems. Please help me. Hiroki Kozai
bitdamaged Maniac (V) Mad Scientist From: 100101010011 <-- right about here Insane since: Mar 2000	posted 03-04-2003 23:24 remove all spaces between the brackets <a href ... ><img src...></a><a href...> etc. .:[ Never resist a perfect moment ]:.
Slime Lunatic (VI) Mad Scientist From: Massachusetts, USA Insane since: Mar 2000	posted 03-04-2003 23:56 Are you using a proper DOCTYPE? If not, try doing that first; it may remove (some) of the whitespace.
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 03-05-2003 06:58 HI, bitdamaged, Hi, Slime. Thanks a lot. I already removed those space between rollovers. It didn't work, Bitdamaged. I didn't use DTD at all. So it worth trying. Thank you very much. See ya. Ps. I am cooking dinner now. I am making fried rice. It will be good. Are you hungry? Hiroki Kozai
Archonian Nervous Wreck (II) Inmate From: Sweden, Malmoe Insane since: Jan 2003	posted 03-05-2003 21:14 Hey, I was thinking... Are you using cellspacing="0" and cellpadding="0" If you are, Try putting the A-tags in seperate TDs. You know, create a new table inside the TD that they are in now, and put the A-tags in seperate TDs inside that new table. If that just doesn't work, try putting a BR-tag after each A-tag. [This message has been edited by Archonian (edited 03-05-2003).]
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 03-05-2003 21:25 Hi, guys. Thanks for your helps. I finaly got it. I got rid of all those "space" between rollovers. It looks difficult to understand when I see. But works perfectly. My code is following: quote: <html> <head> <title>Template</title> <link rel="stylesheet" type="text/css" href="../css/text.css"/> <script language="JavaScript"> function HiroRollover(imgName,imgSrc) {document.images[imgName].src=imgSrc;} </script> <head> <body> <table border="1" cellpadding="0" width="100%" height="30%" > <tr> <td height="18%" colspan="3" align="right"> <a href="homestay.htm" onMouseover="HiroRollover('myImage1','../button/homestayrollover-nomore.gif');" onMouseout="HiroRollover('myImage1','../button/homestay-nomore4.gif');"> <img src="../button/homestay-nomore4.gif" border="0" name="myImage1"></a><a href="food.htm"onMouseover="HiroRollover('myImage2','../button/triprollover-nomore.gif');" onMouseout="HiroRollover('myImage2','../button/trip-nomore.gif');"><img src="../button/trip-nomore.gif" border="0" name="myImage2"></a><a href="trip.htm"onMouseover="HiroRollover('myImage3','../button/foodrollover-nomore.gif');" onMouseout="HiroRollover('myImage3','../button/food-nomore.gif');"><img src="../button/food-nomore.gif" border="0" name="myImage3"></a><a href="photo.htm" onMouseover="HiroRollover('myImage4','../button/photorollover-nomore.gif');" onMouseout="HiroRollover('myImage4','../button/photo-nomore.gif');"><img src="../button/photo-nomore.gif" border="0" name="myImage4"></a><a href="aboutme.htm"onMouseover="HiroRollover('myImage5','../button/aboutmerollover-nomore.gif');" onMouseout="HiroRollover('myImage5','../button/aboutme-nomore.gif');"><img src="../button/aboutme-nomore.gif" border="0" name="myImage5"></a><a href="japan.htm" onMouseover="HiroRollover('myImage6','../button/japanrollover-nomore.gif');"onMouseout="HiroRollover('myImage6','../button/japan-nomore.gif');"><img src="../button/japan-nomore.gif" border="0" name="myImage6"></a><a href="contactme.htm"onMouseover="HiroRollover('myImage7','../button/contactmerollover-nomore.gif');" onMouseout="HiroRollover('myImage7','../button/contactme-nomore.gif');"><img src="../button/contactme-nomore.gif" border="0" name="myImage7"></a> </td> </tr> </table> </body> </html> Again, thanks a lot. And Archonian, Excuse me. Would you explain what you mean, Please? I quite don't understand what to do. Hiroki Kozai
bitdamaged Maniac (V) Mad Scientist From: 100101010011 <-- right about here Insane since: Mar 2000	posted 03-05-2003 22:05 ~ bangs head on keyboard ~ .:[ Never resist a perfect moment ]:. [This message has been edited by bitdamaged (edited 03-05-2003).]
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 03-06-2003 00:52 Thank you, Archonian. You have changed your massage for me. Kind of you. I just realized now. And thanks for your advices, guys. Now there is no space between them. I feel so good. See ya. Hiroki Kozai
RoyW Bipolar (III) Inmate From: Insane since: Aug 2001	posted 03-06-2003 20:21 Just my 2c You know HTML was written befor WYSIWYG HTML editors and so should be readable by humans as well as computers. What you have done is put all your HTML on one line to remove the gaps. This does work but is very ureadable by humans. If this is what you wanted then that's OK but if you want to insert another rollover you may find your code difficult to read. You may be interested in a page I wrote a couple of years ago about what I discovered about HTML Formatting. EDIT:To correct URL [This message has been edited by RoyW (edited 03-06-2003).]
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 03-07-2003 08:15 Hi, Royw. Thanks a lot. How did you read my mind. It is exactly what I wanted to know. Yes, I made them all one line. It worked. But looks unatractive. Thanks so much. See you later on the net. Have a good weekend. See ya. Hiroki Kozai

Topic awaiting preservation: unwanted space\$

Author

Thread

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 03-04-2003 21:51

Hi, guys. How are you? I am dying to make rollover button.
I don't know what wrong with. I got a wee space between each button. Please see my code. It works fine as rollover but between each button, there is unwanted space. Each my images is 70px x 50px. Really strange.

quote:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/text.css"/>
<script language="JavaScript">
function HiroRollover(imgName,imgSrc)
{document.images[imgName].src=imgSrc;}
</script>

<body>

<body bgcolor="99ff66">

<table border="1" width="95%" height="100%" align=center>
<tr>
<td colspan="3" height="15%">1</td>
</tr>

<tr>
<td colspan="3" height="10%" align="right">

<a href="homestay.htm"
onMouseover="HiroRollover('myImage1','../button/homestayrollover-nomore.gif');"
onMouseout="HiroRollover('myImage1','../button/homestay-nomore4.gif');">
<img src="../button/homestay-nomore4.gif" border="0" name="myImage1">
</a>
<a href="food.htm"
onMouseover="HiroRollover('myImage2','../button/triprollover-nomore.gif');"
onMouseout="HiroRollover('myImage2','../button/trip-nomore.gif');">
<img src="../button/trip-nomore.gif" border="0" name="myImage2">
</a>

</td>
</tr>

<tr>
<td rowspan="3" width="20%">
<p>~Tell me about IT!~ <br>
1.Anybody, married?!<br>
2.Anybody, children?<br>
3.Find good shop?<br>
4.Tell me favorite food!<br>
5.Tell me favorite place!<br>
</p></td>

<td rowspan="3">
<p>
Hello,this is Hiroki! This is my first own planed web site.
</p>
</td>
<td width="20%">5</td>
</tr>

<tr>
<td>6</td>
</tr>

<tr>
<td>7</td>
</tr>

</table>
</body>
</html>

Do you see any problems. Please help me.

Hiroki Kozai

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted 03-04-2003 23:24

remove all spaces between the brackets

<a href ... ><img src...></a><a href...> etc.

.:[ Never resist a perfect moment ]:.

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted 03-04-2003 23:56

Are you using a proper DOCTYPE? If not, try doing that first; it may remove (some) of the whitespace.

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 03-05-2003 06:58

HI, bitdamaged, Hi, Slime. Thanks a lot.
I already removed those space between rollovers. It didn't work, Bitdamaged.
I didn't use DTD at all. So it worth trying.
Thank you very much.
See ya.

Ps. I am cooking dinner now. I am making fried rice. It will be good. Are you hungry?

Hiroki Kozai

Archonian
Nervous Wreck (II) Inmate

From: Sweden, Malmoe
Insane since: Jan 2003

posted 03-05-2003 21:14

Hey, I was thinking...
Are you using cellspacing="0" and cellpadding="0"

If you are,
Try putting the A-tags in seperate TDs.
You know, create a new table inside the TD that they are in now, and put the A-tags in seperate TDs inside that new table. If that just doesn't work, try putting a BR-tag after each A-tag.

[This message has been edited by Archonian (edited 03-05-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 03-05-2003 21:25

Hi, guys. Thanks for your helps. I finaly got it.
I got rid of all those "space" between rollovers. It looks difficult to understand when I see. But works perfectly.
My code is following:

quote:
<html>
<head>
<title>Template</title>
<link rel="stylesheet" type="text/css" href="../css/text.css"/>
<script language="JavaScript">
function HiroRollover(imgName,imgSrc)
{document.images[imgName].src=imgSrc;}
</script>
<head>

<body>
<table border="1" cellpadding="0" width="100%" height="30%" >
<tr>
<td height="18%" colspan="3" align="right">
<a href="homestay.htm"
onMouseover="HiroRollover('myImage1','../button/homestayrollover-nomore.gif');"
onMouseout="HiroRollover('myImage1','../button/homestay-nomore4.gif');">
<img src="../button/homestay-nomore4.gif" border="0" name="myImage1"></a><a href="food.htm"onMouseover="HiroRollover('myImage2','../button/triprollover-nomore.gif');"
onMouseout="HiroRollover('myImage2','../button/trip-nomore.gif');"><img src="../button/trip-nomore.gif" border="0" name="myImage2"></a><a href="trip.htm"onMouseover="HiroRollover('myImage3','../button/foodrollover-nomore.gif');"
onMouseout="HiroRollover('myImage3','../button/food-nomore.gif');"><img src="../button/food-nomore.gif" border="0" name="myImage3"></a><a href="photo.htm" onMouseover="HiroRollover('myImage4','../button/photorollover-nomore.gif');"
onMouseout="HiroRollover('myImage4','../button/photo-nomore.gif');"><img src="../button/photo-nomore.gif" border="0" name="myImage4"></a><a href="aboutme.htm"onMouseover="HiroRollover('myImage5','../button/aboutmerollover-nomore.gif');"
onMouseout="HiroRollover('myImage5','../button/aboutme-nomore.gif');"><img src="../button/aboutme-nomore.gif" border="0" name="myImage5"></a><a href="japan.htm" onMouseover="HiroRollover('myImage6','../button/japanrollover-nomore.gif');"onMouseout="HiroRollover('myImage6','../button/japan-nomore.gif');"><img src="../button/japan-nomore.gif" border="0" name="myImage6"></a><a href="contactme.htm"onMouseover="HiroRollover('myImage7','../button/contactmerollover-nomore.gif');" onMouseout="HiroRollover('myImage7','../button/contactme-nomore.gif');"><img src="../button/contactme-nomore.gif" border="0" name="myImage7"></a>
</td>
</tr>

</table>
</body>
</html>

Again, thanks a lot.

And Archonian, Excuse me. Would you explain what you mean, Please? I quite don't understand what to do.

Hiroki Kozai

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted 03-05-2003 22:05

~ bangs head on keyboard ~

.:[ Never resist a perfect moment ]:.

[This message has been edited by bitdamaged (edited 03-05-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 03-06-2003 00:52

Thank you, Archonian. You have changed your massage for me. Kind of you. I just realized now. And thanks for your advices, guys. Now there is no space between them.
I feel so good.
See ya.

Hiroki Kozai

RoyW
Bipolar (III) Inmate

From:
Insane since: Aug 2001

posted 03-06-2003 20:21

Just my 2c
You know HTML was written befor WYSIWYG HTML editors and so should be readable by humans as well as computers. What you have done is put all your HTML on one line to remove the gaps. This does work but is very ureadable by humans. If this is what you wanted then that's OK but if you want to insert another rollover you may find your code difficult to read. You may be interested in a page I wrote a couple of years ago about what I discovered about HTML Formatting.

EDIT:To correct URL

[This message has been edited by RoyW (edited 03-06-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 03-07-2003 08:15

Hi, Royw. Thanks a lot. How did you read my mind. It is exactly what I wanted to know. Yes, I made them all one line. It worked. But looks unatractive. Thanks so much.
See you later on the net.
Have a good weekend.
See ya.

Hiroki Kozai