|
HTML - Code Works On A Mac But Not On A Pc?
Could anyone give me some advise as to why this simple piece of code only works on a mac but not on a PC. Thanks
www.royshakespeare.co.uk I used Dream weaver MX to make the site on a mac. Could anyone view the source code and see if there is something missing. The home page opens on a PC but then will not link to anything. Thank you Roy Similar TutorialsWould 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. 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> Hi, this has been doing my head in for months, its for my sisters portfolio, it works absolutely fine, apart from in internet explorer!? can anyone put me in any directions? cheers http://www.kimberleynaylor.co.uk/ regards 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 a swf movie in the homepage of my website. In Firefox and Safari, the window is extended down a few pixels to allow for the complete video, which I think is fine. In Explorer, however, it simply cuts the video off. This results in the final shot cutting off the feet and hand. Please help! Web address: www.mycollegeninja.com HTML Code: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="950" height="387" id="studystrike5.swf" align="middle"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="images/studystrike5.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#000000"> <param name="wmode" value="opaque"> <param name="salign" value="t"> <param name="menu" value="false"> <param name="loop" value="t"> <embed src="images/studystrike5.swf" quality="high" bgcolor="#000000" width="950" height="387" name="studystrike5.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object> This post may need to be moved. If so, my apologies... I have an HTML form written and working properly. Upon submitting, the data is emailed to me. Here's my problem: I'd like this email to "look nicer"; my boss needs to quickly look at these response emails and tabulate the responses. We are part of a school network, and I therefore am unable to do any server-side modifications. Can anyone recommend either a client-side program or some other means to make the form emails cleaner? Thanks for the help. 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>
I uploaded a simple html page to my website that only contains a .jpg image that is about 500pixels square. For some reason, it works on every Mac I've tried it on, but it shows up with error messages on PCs. I've uploaded pages similar to this and they work, but these don't. Any help would be greatly appreciated! 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 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? I am working on a site and the picture at the front looks nice and correct size in Firefox but the image gets stretched and looks bad in IE (not at first but if you refresh the page). I know a realitivly small amount about HTML. The site is he http://undergrounder.nfshost.com/ Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Undergrounder.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-style: italic;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
.style3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #000000;
}
a:link {
color: #990033;
}
a:visited {
color: #990033;
}
a:hover {
color: #990033;
}
a:active {
color: #990033;
}
-->
</style>
</head>
<body>
<div align="center" class="style1">
<p>Undergrounder.com</p>
</div>
<p align="center"><img width="70%" height="70%" src="imgs/index/m.JPG" alt="Clay Caver Image"></p>
<div align="center" class="style3">
<p><a href="imgs/Photogal/indexp.html">Photo Gallery</a> ~ <a href="gocaving.htm">Want to go caving?</a></p>
</div>
</body>
</html>
I have attatched my website, the iframes work well in firefox but not in Internet Explorer can you please look at my code and help me =] or fix it for and explain how you did itme because im not very good with code. Thanks. So my site that i am developing has hit a bit of a snag. In firefox it looks great, however when i switch over to IE i get a big white space. I am wondering if anyone knows how i can correct this white space? http://www.wdwcanada.com/maps.php is the link. Thanks, Hi, I am trying to add a bgcolor to a site, however, it does not display in Firefox except when I remove the following line from the HTML code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Is the above line necessary? Is there a way I can change it so I don't have this issue? Thanks! I created this portal to help promote my business in a competition I was invited to take place. Anyways it works in FF, Chrome, Safari, but doesn't work in IE. I wonder if anyone could help me figure out the problem. I feel confident I"m just stupidly overlooking something. Vote.VisiblyCreative.com 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>
I cannot figure out what the difference is here. This page and all the others look fine: http://carbonfreegirl.com/step11.htm I am using the same code but this page doesn't come out right: http://carbonfreegirl.com/step12.htm In an attempt to fix it, I reposted it using the same code as the others and it looked right until the html comments loaded, then it looked wrong again. but the html comments don't mess with the format on any other page. any ideas? thanks! Coding <A NAME="#foo"></A> in a location on a page, I can jump to that location on the page (for instance, from <A HREF="#foo">Jump to Foo</A>) in Internet Explorer, but the same HTML does not work for me in my Firefox 3 browser. Is there some different code I should be using, or is this 'jump to' just not possible in Firefox? Any help appreciated. Hi, is the css property vertical-align: middle supposed to work ? Because it doesn't on my website... maybe something is wrong... check this url http://aishazeijpveld.com/s/Onbepalen/02 (the image) thanks 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? |
|||||||