|
HTML - Scrolling Through Album Pictures: Works In Ie But Not Firefox
I'm trying to make an album for a website of mine, and it seems to be working fine in IE but you can't scroll through the pictures in Firefox. Can someone help, please?
http://saeboston.com/Untitled-5.html Similar TutorialsI've seen on some sites that images show up within a block and they scroll left and right when user clicks a button. And many times, these are not flash files, but html, or xhtml or dhtml or asp or php or some other extensions. I am trying to create a database of images all with labels (multiple), so that I can pull all images of a label to a window and have them scroll right and left with buttons. does anyone here know how this may be done? Thanks Navs Hi, Below code works in Internet Explorer but not in firefox. i want the text "USA Travel Agents:" to be appeared in the center of the page. IE displays in the center but firefox displays that in the left side of the page. someone pls correct it. many thanks in advance. ---------------------- HTML Code: <html>
<head>
<title>Find Travel Agents in USA.</title>
<meta name="description" content="10-15 word description of your site read by some search engines">
<meta name="keywords" content="main keywords of your site separated by commas. Read by some search engines">
<style>
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
a:visited { text-decoration:none; }
</style>
</head>
<body>
<br>
<table
width="27%" border=0 bordercolor="#FF0000" >
<tr>
<TD align = 'left' >
<a href = "../index.php" ><FONT face="Arial, Helvetica, sans-serif"
size=2><I> <font color="#FFFFFF"><img src="BENGLIlist.BMP" alt="" width="137" height="39" /></font></I></a>
</TD></TR>
</table>
<A HREF="Top"></A>
<table align="center" border=0 bordercolor="#FF0000" >
<b>USA Travel Agents:</b>
<tr>
<td > <A HREF="#TaxFile">NY </A></td>
<td> <A HREF="#VA">VA </A></td>
<td> <A HREF="#TX">TX </A></td>
<td> <A HREF="#IL">IL</A></td>
<td> <A HREF="#FL">FL</A></td>
<td> <A HREF="#GA">GA</A></td></tr>
</table>
<table align = 'center' width = "55" border = "0" style = 'table-layout:fixed'>
<col width = 290>
<col width = 290>
<col width = 290>
<col align = "Top" />
<col align = "center" />
<col align = "tOP" />
<tr bgcolor = #00FF00>
<th>Name</th>
<th>Address</th>
<th>Contact Info</th>
</tr>
<tr></tr><tr></tr>
<tr > <TD COLSPAN = "4"><A NAME="TaxFile"> <font color = "red"> <b>New York Travel Agents</B></A> </TD>
<TD></TD>
<TD></TD></tR>
<tr bgcolor = "#AFC7C7">
<td ALIGN = "left" valign = "top"><b> TRAVELS</b><br><br></td>
<td ALIGN = "left" valign = "top">67 Dikalob Avenue. Brooklyn.NY</td>
<td ALIGN = "left" valign = "top">Phone: 347 282 9509
<br><a href = "mailto: [email]amarabbuhas@yahoo.com[/email]" > <font color = #0000ff> [email]hasan@yahoo.com[/email]</font></a></td>
</tr>
<tr bgcolor = "#AFC7C7">
<td ALIGN = "left" valign = "top"><b> SERVICE</B><br><br></td>
<td ALIGN = "left" valign = "top">1887 14 Hillside Ave. NY</td>
<td ALIGN = "left" valign = "top">Phone 718 598 5121
<br><a href = "mailto: [email]TRAVELS@GMAIL.COM[/email]" > <font color = #0000ff> [email]TRAVELS@GMAIL.COM[/email]</font></a></td>
</tr>
</body>
</html>
Hi everyone! I am trying to figure out what is going on here. I have this bit of code that works fine in Firefox but not in IE. The problem is that the icons appear on different lines. Just like I have a line break. Everything should appear next to each other on the same line. Anyone know what Im missing here... Code: <div class="printButton"> <a href="" target="_blank"> Document Center <img src="images/download_files_icon21x21.png" alt="Download Files" width="21" height="21" border="0" ></a> <a style="text-decoration: none"> • </a> <a href="<?php echo $currentpage ?>_print.php?id=<?php echo $_GET['id'] ?>" target="_blank"> Print Page <img src="images/print_icon.gif" alt="Print" width="21" height="21" border="0" ></a> <a style="text-decoration: none"> • </a> <a href="print_all.php?id=<?php echo $_GET['id'] ?>" target="_blank"> Print All <img src="images/print_all_icon.gif" alt="Print All" alt="Print All" width="21" height="21" border="0" ></a> </div> Any help would be fantastic! Thanks! I worked up a VERY simple site. Loads fine in firebox, but no IE. I'm at wits ends--what very simple thing am I missing? http://jewelofgardenlakes.com/ Much thanks for any help. -Brent I have multiple buttons on my webpage, in firefox they all show up, but in ie7/8 only the first 2 show. Here is the html HTML Code: <table style='width:auto;'> <tr> <td> <INPUT type=submit id=save name=save value=Save class=btn> </td> <td> <INPUT type=submit id=delete name=delete value=Delete class=btn> </td> <td <INPUT type=submit id=clear name=clear value=Clear class=btn> </td> <td <INPUT type=button id=list name=list value='Shopping List' class=btn onClick='menuselected()'> </td> <td <INPUT type=button id=print name=print value=Print class=btn onclick="window.print()"> </td> </tr> </table> Obviously the css is the same for the 3rd button as the first 2 so I don't think that is an issue. Any ideas? Code: <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<style>
<!--
/* Style Definitions */
div.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
li.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
p.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
ol
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
ul
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
@page
{mso-hyphenate:auto;}
--></style>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Announcements</title>
</head>
<body border="0" width="100%" height="912" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#0000FF">
<tr>
<td colspan="3" height="184">
<table border="0" width="85%" cellpadding="0" height="665" cellspacing="0">
<tr>
<td height="144" width="98%" colspan="3" align="center" bgcolor="#0000FF">
<img border="0" src="images/BannerGMSN.jpg" width="100%" height="144"></td>
</tr>
<tr>
<td height="36" colspan="3" align="center" bordercolor="#FFFFFF">
<p align="center">
<font face="arial" color="#FFFFFF" size="4">
<b><a href="index.htm" style="text-decoration: none">Home</a>
<a href="Announcements.htm" style="text-decoration: none">
Announcements</a>
<a href="Athletics&Activities.htm" style="text-decoration: none">
Athletics & Activities</a>
<a href="GMSN_Information.htm" style="text-decoration: none">
GMSN Information</a>
<a href="https://www.geneva304.org/departments/curriculum_instruction/frameworksformiddleschool.asp" style="text-decoration: none">
Curriculum</a></b> </font></td>
</tr>
<tr>
<td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top">
<!--[if pub]><xml>
<b:ColorScheme type="OplSccm" oty="92" oh="279">
<b:Rgecp type="OplEcp" priv="214">
<b:OplEcp type="OplEcp" priv="411">
</b:OplEcp></b:Rgecp></b:ColorScheme><![if pub11]><xml>
<b:Page type="OplPd" oty="67" oh="265">
<b:PtlvOrigin type="OplPt" priv="511">
<b:Xl>22860000</b:Xl>
<b:Yl>22860000</b:Yl>
</b:PtlvOrigin>
<b:Oid priv="605">(`@`````````</b:Oid>
<b:OhoplWebPageProps priv="90E">266</b:OhoplWebPageProps>
<b:OhpdMaster priv="D0D">263</b:OhpdMaster>
<b:PgtType priv="1004">5</b:PgtType>
<b:PtlvOriginEx type="OplPt" priv="1111">
<b:Xl>110185200</b:Xl>
<b:Yl>110185200</b:Yl>
</b:PtlvOriginEx>
</b:Page>
</xml><style><!--
/* Style Definitions */
div.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
li.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
p.MsoNormal
{mso-style-parent:"";
margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:0pt;
text-align:left;
font-family:"Times New Roman";
font-size:10.0pt;
color:black;
}
ol
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
ul
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
@page
{mso-hyphenate:auto;}
--></style> <![if pub11]><img border="0" src="images/viking.jpg" width="116" height="142"><br>
<font color="#FFFFFF" face="Arial">
<span style="font-weight: 700; background-color: #FFFFFF">
</span>
</font><br>
</td>
<td width="56%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" rowspan="2" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><br>
<span style="font-weight: 700">
<font face="Arial" color="#0000FF" size="6">Announcements</font></span></td>
<td width="28%" bgcolor="#FFFFFF" align="center" bordercolor="#FFFFFF" rowspan="2" valign="top">
<p> </td>
</tr>
<tr>
<td width="16%" bgcolor="#FFFFFF" align="left" bordercolor="#FFFFFF" valign="top" height="348">
<div style="position: absolute; top: 591px; left: 41px; width: 104px; height: 101px; z-index: 1">
<p style="line-height: 150%; margin-top: 6px; margin-bottom: 6px"> <a href="http://www.geneva304.org/">
<img border="0" src="images/Announ1.jpg" width="104" height="101"></a></div>
</td>
</tr>
</table>
</body>
</html>
Hello, my problem is simple, my code works in Safari and Firefox but does not work in Internet Explorer. The code is supposed to open up my other site inside a frame when visiting drewandjess.net. Works perfectly except with IE... it just displays some text that should be commented out. Any advice would be appreciated! Domain: www.drewandjess.net Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Andrew and Jessica's Wedding</title><!-->incase they have javascript turned off<!-->
<script type="text/javascript"><!-->changes title bar to match title on current page in frame<!-->
function changeTitle()
{
if (top.frames['main'].document.title)
{
top.document.title=top.frames['main'].document.title;
}
}
</script>
</head>
<frameset>
<frame name="main" src="http://www.weddingwire.com/youandme"scrolling="auto" target="main" ONLOAD="changeTitle();"><!-->You need the onload handler to make the javascript work<!-->
<noframes>
<body>
If you can see this message it is because you are using a browser that does not support frames. Please retry viewing this page with a browser such as Mozilla Firefox.
</body>
</noframes>
</frameset>
</html>
Code: <html>
<head>
<style type="text/css">
.maintable
{
position:fixed;
top:20px;
}
body { height: 1000px; }
</style>
</head>
<body>
<h1>This is a heading</h1>
<table class="maintable">
<tr>
<td>00001</td>
<td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td><td>00001</td>
</tr>
</table>
<table>
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td>
</tr>
</table>
</body>
</html>
If I do that this is heading , and maintable overlap in firefox.but in ie they come below each other??? why? I would like it to overlap in ie as well. If I SCROLL in firefox, the maintable overlaps with the other table as well when table 2 becomes at position 20 px on scroll. In ie's case, on scroll the maintable disappears and doesnt stay fixed in position 20 px. help? Would anyone have any idea why the following HTML works perfectly with Firefox but not with IE: <IMG src="http://cash2u2c.ipower.com//Photos/Map3.jpg><align=center> (i.e. the map displays perfectly with the Firefox browser but does not display with Internet Explorer) Thank you for your time. See http://www.smoli.com I just added the SmoothDivScroll (jQuery add-on) to my page to create scrolling images at the bottom. Unfortunately as a result the table no longer resized correctly to the size of the screen, and the scrolling does not work. This only happens in Firefox, in IE8 everything works as it should. Any idea what is wrong with my code? Many thanks in advance, J. PS: Everything also works fine when previewed from within FrontPage 2k3 (the editor I use to create the page). This is the first thing that I have ever written, so don't laugh and make derogatory remarks. The code works flawlessly on firefox and safari, but for some reason on internet explorer it doesn't even look remotely similar. So, please, any help I can get is welcomed. Code: <html>
<head>
<title>Theory Productions</title>
<style type="text/css">
body {background-color:000000}
h2 {text-align: center}
h2 {color: #EEFAFA}
h2
{
font: 175% "gill sans"
}
h2
{
line-height: 14pt
}
a:link {color: #FFFFFF; text-decoration: none}
a:visited {color: #FFFFFF; text-decoration: none}
a:hover {text-decoration: none}
a:active {color:#FFFFFF; text-decoration: none}
</style>
</head>
<body>
<span style="position: relative; left: 88px"><img src="logo.gif" width="650px" height="215px"> </span>
<h2><a href="http://www.google.com" target="_blank">Echols</a></p>
<h2>Echols' Concert</p>
<h2><a href="http://www.google.com" onclick="window.open(this.href,'popup','width=720,height=480');return false">Echols' Great Adventure</a>
<h2><a href="EGTS.htm">Echols Goes To School</a>
<h2><a href="http://www.google.com" target="_blank">Adam's Playground Adventure</a></p>
</body>
</html>
Thanks, Adam http://www.ptacnik.com/index102.html When previewing through Dreamweaver in ANY of these 3 browsers it looks fine. (from my local drive) But once online it only loads in Firefox. Is there something fishy with the frames perhaps? missing an XML doc on my end? I can't figure out what is causing this. Any help would be very much appreciated. http://www.ptacnik.com/nav1.html is the top frame and the list below are the frames loaded under nav1. http://ptacnik.com/about101.html http://ptacnik.com/design.html http://ptacnik.com/illustration.html Please help me out here - I'm probably missing something really simple but can't seem to figure it out. The problem page is located he http://www.thegoheens.com/cities/Woodbury Using the scroll wheel on my mouse seems to work perfectly with Firefox but when I try it in IE it does nothing. Am I the only one having this problem? Thanks in advance for any help. If you open this txt file in IE, you should see a nicely formatted page. When you open it up in Firefox, the horizontal rule is hanging out in no man's land. I've tried moving some div's around and creating a div just for the <hr> but nothing seems to work. Anyone have any suggestions? ps. sorry for having to attach the html as a txt file. i do not have access to host a site. Hi Guys, Newbie on the forum - so cheers in advance www.cheesenugget.com/lifecoaching/index1.html i have tried everything and it does not display on IE 6,7 or 8 It shows fine on Firefox. Can anyone please shed some light on the issue - i have not added any strange script on it HTML Code: <script type="text/javascript">
function doChangeVideo(myVal)
{
mediaPlayer.autoStart= "true"
mediaPlayer.fileName= myVal
}
</script>
<table border='0' cellpadding='0' align="center">
<tr><td>
<OBJECT id='mediaPlayer' width="320" height="285"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="mms://media.huntingtonnews.net/video/2007/">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='false'>
<param name='autoStart' value="false">
<param name='showControls' value="true">
<param name='loop' value="false">
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='-1'
bgcolor='darkblue' showcontrols="true" showtracker='-1'
showdisplay='0' showstatusbar='-1' videoborder3d='-1' width="320" height="285"
src="mms://media.huntingtonnews.net/video/2007/" autostart="false" designtimesp='5311' loop="false">
</EMBED>
</OBJECT>
</td></tr>
<!-- ...end embedded WindowsMedia file -->
<!-- begin link to launch external media player... -->
</table>
<CENTER><form>
<select name="section" size="1" language="javascript" onChange="doChangeVideo(this.options[selectedIndex].value);">
<option selected>Select a video...</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Pete Vaughan-1.wmv">Clip 1: Pete Vaughan</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Tom McCallister-1.wmv">Clip 2: Tom McCallister</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Mary Neely--1.wmv">Clip 3: Mary Neely</option>
<option value= "mms://media.huntingtonnews.net/video/2007/James Insco-1.wmv">Clip 4: James Insco</option>
<option value= "mms://media.huntingtonnews.net/video/2007/Mayor responds-1.wmv">Clip 5: Mayor responds</option>
<option value= "mms://media.huntingtonnews.net/video/2007/JamesRitter-1.wmv">Clip 6: James Ritter</option>
</select>
</form></CENTER>
This code works fine in my html editor's browser, it works fine in IE, but like usual FireFox wants to be difficult. Does anyone see anything glaring that would make it not work? I don't know if this is the right forum because of the embeded code but that code works fine in both browsers, it's the javascript that isn't working in FireFox... Codeguru Hi, Im trying to develop a simple HTML interface for virtual tours but I cant get the site to look the same in all browsers. The problem comes when I view the page in IE. I want the bottom table to only be the length of the window as done in both safari and firefox. My site can be viewed on: http://www.fullvisual.com/informatic...tual_tour.html why doesn't the width=100% work? Thanks This is for a myspace layout (yes i know those are dreaded words to any web developer) . As the title says it works fine on firefox but hangs up severely on IE This is the only block of code i've added. If anyone can help i would appreciate it greatly! <style type="text/css">body{background-image:url("http://i4.photobucket.com/albums/y146/RyanVessell/myspacebg-1.jpg"); padding-top: 625px; background-attachment:fixed; background-repeat:repeat; background-position: center; }table, tr, td {background-color:transparent; border: 0px; padding:2; }</style> <style type="text/css"> table table tbody tr td { background-image:url(http://i209.photobucket.com/albums/b.../tablebg.png); background-position:top left; background-repeat:repeat; padding: 2px; } </style> <style type="text/css"> td, a, body, table,p {font-family:Verdana; font-size:10pt; color:4f4f4f;} .blacktext10{color:b30000;} .blacktext12{color:b30000} .btext{color:white} .lightbluetext8{color:6f6f6f} .nametext{color:b5b5b5} table tr td font strong { color: ffffff; } .orangetext15{color:890303} .redbtext{color:silver;} .redbtext12{color:b30000;} .redtext{color:b30000;} .redtext8{color:white;} .text{color:890303;} .whitetext12{color:620202;} .redlink{color:890303;} .headlinetext{color:ffffff;} a:link{color:ffffff} a:hover{color:b80000} a.navbar{color:b30000;} a.navbar:link{color:7b7b7b} a.navbar:hover{color:620202} a.redlink:link{color:7b7b7b} a.redlink:hover{color:620202} a.searchlinksmall{color:FF4500} a.searchlinksmall:link{color:ADD8E6} a.searchlinksmall:hover{colorAA520} </style> <style type="text/css"> .contactTable { width:300px !important; height:150px !important; padding:0px !important; background-image: url(http://www.corvuscreative.net/images/contacttable.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td { padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} </style> my problem is ie and its padding, ie has add a 4px padding at the bottom of the of the image but in safari and firefox there is no padding. here is the url so u understand what i mean http://nathanoconnor.co.uk/gilbertelectrical/site/ |
|||||||