PDA

View Full Version : Scrollable content in firefox



TicTacWoe
12-01-2008, 01:17 PM
1) Script Title: Scrollable content II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm

3) Describe problem: When previewd on IE it works/looks fine but on firefox the little up down arrows are lower than they appear in DW and lower than I want them to be, there isn't a huge difference but certainly noticable, is it possible to fix this?

Snookerman
12-01-2008, 01:22 PM
Could you post a link to your site? And what do you mean by DW? Dreamweaver???

TicTacWoe
12-01-2008, 05:06 PM
sorry yeah Dreamweaver, I don't know how to post a link when it isn't up and running yet (im just learning web design), but it happens if you insert the sript on a blank page or whatever, the arrows always appear lower then inteneded in firefox with this script for some reason.

Snookerman
12-01-2008, 06:13 PM
You should always check your page in a browser, not in Dreamweaver. The reason why you get these discrepancies is because the arrows are inside a table and a p tag:

<table width="175px"><td><p align="right">
<a href="#" onMouseover="moveup()"
onMouseout="clearTimeout(moveupvar)"><img src="up.gif"
border=0></a> <a href="#" onMouseover="movedown()"
onMouseout="clearTimeout(movedownvar)"><img src="down.gif"
border=0></a></p></td>
</table>
If you instead remove all that ugly old code and replace it with a div container you should get what you want:

<div id="arrows"><a href="#" onmouseover="moveup()" onmouseout="clearTimeout(moveupvar)"><img src="scrollc2_files/up.gif" border="0"></a><a href="#" onmouseover="movedown()" onmouseout="clearTimeout(movedownvar)"><img src="scrollc2_files/down.gif" border="0"></a></div>
You can then use the id of the container to set the width to 175px or what you need, etc.