Help With Rolling Over Images

@Zach_ElfersDec 01.2002 — #You would have to position the images with CSS to make them in a circle like you want. You could do this like this:

<style type="text/css">

img {

position:absolute;

top:50px;

left:20px;

}

</style>

You would have to change the pixel value to whatever you want to make it look right.

The thing where the text appears in the center could probably be done this way.

<head>

<script language="JavaScript" type="text/JavaScript">



</script>

</head>

<body>

<img src="img1.gif" name="img1" onMouseOver="return changeMenu('menu1');" onMouseOut="return changeMenu('menu1');">

<img src="img2.gif" name="img2" onMouseOver="return changeMenu('menu2');" onMouseOut="return changeMenu('menu2');">

<center>

<div id="menu1" style="display:none;">

Text for the center

</div>

<div id="menu2" style="display:none;">

Text for the center

</div>

</center>

</body>

@kitora18authorDec 02.2002 — #Hello

Your a genius, thanks for your help. There's two problems, the pictures are overlapping instead of going in a circle and the text is displaying in the center of the page instead of the center of the circle.

Thanks again for your help. I don't mean to bother you.

Kitora

Help With Rolling Over Images

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Help With Rolling Over Images

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴