|
HTML - Mucks Up In Firefox When Uploaded
http://www.heresmary.com/amelia/desktop.jpg
Desktop. http://www.heresmary.com/amelia/online.jpg Online. I am trying to make the page look ok in firefox. It's working fine on the pc, but when i view it online there's no area around the images. What am I doing wrong and why would it only effect it when it's uploaded? :S Here's the url: http://www.heresmary.com/amelia Here's the css that it links to, incase that could be the problem: HTML Code: body {background-color: transparent; font-family: arial;}
a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
img {border: 0;}
img.workimage {margin: 5px;}
h1 {font-size: 13pt; text-align: center; font-weight: bold;}
h2 {font-size: 12pt; text-align: center; font-weight: bold; text-decoration: underline;}
p.small {font-size: 8pt; text-align: center;}
p.welcomeheader1 {width: 300px; font-size: 11pt; font-weight: bold; border-bottom: 2px solid #D7F398;}
table.previews {width: 600px; margin-left: auto; margin-right: auto;}
td.workimages {height: 160px; text-align: center; background-image: url(images/tablebg.jpg); border-bottom: 2px solid black;}
td.worktext {font-size: 10pt; line-height: 15px; text-align: center; background-image: url(images/tdbg.bmp); border-top: 1px solid black; border-bottom: 1px solid black;}
Similar TutorialsHello, im not sure if this is in the right place but, I want, on my website, to have a section where it shows the five recently uploaded pictures to the 'portfolio' section. But this will be placed on the my index page. does this make sense? thanks. Adam C I'm having an issue regarding how my site looks locally as opposed to the uploaded version. Here is how it should look: http://www.cincitucky.com/available_worldwide.jpg Here is how it looks: http://www.cincitucky.com/ It looks fine on my local machine, online it looks busted. It seems like it would be a simple issue but I'm on day two of trying to figure this out. Any insight into this situation would be great. Hi all -- I'm not sure even how to start dealing with this, so here goes. I have a site (adult) that users pay to see pics/videos. One of the members apparently is taking these pictures and uploading them to like an adult "hack" site... is there anything I can really do about this? If so, how would I go about it? I don't really want to disable the right-click, save as.. I have probably 3-4 thousand pictures up now, and more every week. Any ideas? Thanks! Mary K. i dont know why the page called index doesnt work.. here is the code Code: <HTML> <HEAD> <TITLE>INDEX</TITLE> </HEAD> <FRAMESET ROWS = "120,500,70"border="0" framespacing="0" frameborder="0"> <FRAME NAME="BANNER" SCROLLING ="no" SRC ="http://ectwebdevelopment.webng.com/banner.html"> <FRAMESET COLS ="110,500"border="0" framespacing="0" frameborder="0"> <FRAME NAME="NAV" SCROLLING ="no" SRC ="http://ectwebdevelopment.webng.com/nav.html"> <FRAME NAME="home" SCROLLING ="yes" SRC ="http://ectwebdevelopment.webng.com/home.html"> </FRAMESET> <FRAME NAME="FOOTER" SCROLLING ="no" SRC ="http://ectwebdevelopment.webng.com/footer.html"> </HTML> can someone plz help me and tell me what to do to solve this problem? the site Hello Folks, I'm not too sure which forum I should post this in, but hopefully this is the right one. I have created a horzontal Navigation bar using a repeating tile for the bottom of my page, which views fine on my hard drive. See screenshot attached. However, when I upload the page, the tile stops displaying and only the solid background shows. http://www.magicalwonders.com/Test2/Index.html I can't work out what is going wrong. I've tried renaming the file, deleting from the webspace and re-uploading, but it still refuses to display when uploaded. The other repeating tiles work fine, so I have no idea what's going on. Can anyone spot what may be the problem and save my sanity? Thanks, Myles I recently uploaded files to fatcow and they can be see here http://kovcreation.com/ This is the html for the links. <Div id="nav"> <ul> <li><a href='index.html'"><font color="584842"vlink="#bb2826"alink="#584842">Home</font></a></li> <li><a href='Portfolio.html'"><font color="584842"vlink="#bb2826"alink="#584842">Portfolio</font></a></li> <li><a href='Contact.html'"><font color="584842"vlink="#bb2826"alink="#584842">Contact</font></a></li> </Div> It works locally but once uploaded to there servers I get a "page not found" after clicking a link. The link to the index page works but not the others. The people at fatcow where completely useless and just kept saying it was a scripting issue. however, if it were a scripting issue it wouldn't work locally. Any insight? Hello I am a total newbie to html and I am sure this can probably be answered in a second.... I am trying to make my title text very large to make a statement - maybe 5 cm high. It doesnt seem to matter how big i make it in my nvu editor, ( in the normal screen mode) once i upload it to my webspace online it only appears at a much smaller size. I can make it so the title literally fills the screen in my nvu editor and then upload it to my webpage and it still restricts the maximum size it shows it at. Does it sound like i am doing something wrong in my nvu html editor or should i be using some html text in the source mode to make the large text recognisable to my webspace, ie: using some font size comands? I hope this makes sense. Any help would be greatly appreciated Thanks Alex Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. Hey everyone, I'm having a problem with how text is being aligned inside a table, which is how I want in firefox, but of course it's different in IE. The site is http://www.mycomputerfox.com/new/aboutus.html. The problem is the text to the right of the slideshow should be aligned middle center, but it's not in IE. The html is: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ComputerFox</title>
<link href="design/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="frame">
<div id="header">
<center>
<img src="design/computerfoxbanner.jpg">
</center>
</div>
<div id="menu">
<center>
<A HREF="index.html"
onmouseover="document.home.src='design/buttons/home1.gif'"
onmouseout="document.home.src='design/buttons/home.gif'"><img name="home" src="design/buttons/home.gif"></a><A HREF="aboutus.html"
onmouseover="document.aboutus.src='design/buttons/aboutus1.gif'"
onmouseout="document.aboutus.src='design/buttons/aboutus.gif'"><img name="aboutus" src="design/buttons/aboutus.gif"></a><A HREF="news.html"
onmouseover="document.news.src='design/buttons/news1.gif'"
onmouseout="document.news.src='design/buttons/news.gif'"><img name="news" src="design/buttons/news.gif"></a><A HREF="services.html"
onmouseover="document.services.src='design/buttons/services1.gif'"
onmouseout="document.services.src='design/buttons/services.gif'"><img name="services" src="design/buttons/services.gif"></a><A HREF="datarecovery.html"
onmouseover="document.datarecovery.src='design/buttons/datarecovery1.gif'"
onmouseout="document.datarecovery.src='design/buttons/datarecovery.gif'"><img name="datarecovery" src="design/buttons/datarecovery.gif"></a><A HREF="servicecontracts.html"
onmouseover="document.servicecontracts.src='design/buttons/servicecontracts1.gif'"
onmouseout="document.servicecontracts.src='design/buttons/servicecontracts.gif'"><img name="servicecontracts" src="design/buttons/servicecontracts.gif"></a><A HREF="locateastore.html"
onmouseover="document.locatestore.src='design/buttons/locateastore1.gif'"
onmouseout="document.locatestore.src='design/buttons/locateastore.gif'"><img name="locatestore" src="design/buttons/locateastore.gif"></a><A HREF="contactus.html"
onmouseover="document.contactus.src='design/buttons/contactus1.gif'"
onmouseout="document.contactus.src='design/buttons/contactus.gif'"><img name="contactus" src="design/buttons/contactus.gif"></a>
</center>
</div>
<div id="content">
<table width="100%">
<tr>
<td class="noh"><script language="JavaScript1.1">
<!--
//Pixelating Image slideshow
//Copyright Dynamic Drive 2001
//Visit http://www.dynamicdrive.com for this script
//specify interval between slide (in mili seconds)
var slidespeed=5000
//specify images
var slideimages=new Array("design/slide/photo1.jpg","design/slide/photo2.jpg","design/slide/photo3.jpg","design/slide/photo4.jpg","design/slide/photo5.jpg","design/slide/photo6.jpg","design/slide/photo7.jpg")
//specify corresponding links
var slidelinks=new Array("http://www.rfrank118.com/tv.htm","http://rfrank118.com/Kids.htm","http://www.rfrank118.com/agenda.htm","http://www.ronpaultv.blogspot.com","http://www.infowars.com/stream.pls","http://www.amann2010.com","http://www.rfrank118.com/Brochure.htm")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
//-->
</script><a href="javascript:gotoshow()"><img src="photo1.jpg" name="slide" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1); text-align:left;" align="absbottom" width="450" height="200"></a>
<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
//-->
</script></td>
<td align="center" valign="middle" class="noh" width="345px"><h3>About Us</h3></td>
</tr>
<tr>
<td class="noh" colspan="2"><p style="color: #000000;">The Computerfox has two locations that service all of Fairfield County and one location that services the Milford New Haven Area. Unlike many of our competitors we have three separate commercial locations.<br><br>
We make no qualms about working late, starting early, and providing you with an emergency Cell phone number. Our ultimate goal is to make every customer feel like our service is the best there is.<br><br>
Our employees are not "Nerds" or "Geeks" but rather professionally trained people who will set aside their personal agenda to help a customer in a crisis. The ComputerFox also provides a customer service line to resolve any potential concerns you may have. Click on the "contact us" link for a phone number.<br><br>
We realize there is a lot of competition in our field and customers can be afraid of trying a new company. For this reason we would like like to thank you in advance for considering us as your provider, and as token of our sincerity you may print or mention the coupon below for a "no obligation" "Risk Free" visit.</p>
<br>
<center><img style="border-style:dotted;" src="design/tagcoupon.jpg"></center></td>
</tr>
</table>
</div>
<div id="footer">
<center>
<img src="design/buttons/filler.gif"><A HREF="preowned.html"
onmouseover="document.preowned.src='design/buttons/preowned1.gif'"
onmouseout="document.preowned.src='design/buttons/preowned.gif'"><img name="preowned" src="design/buttons/preowned.gif"></a><img src="design/buttons/seperator.gif"><A HREF="aboutus.html"
onmouseover="document.homemovies.src='design/buttons/homemovies1.gif'"
onmouseout="document.homemovies.src='design/buttons/homemovies.gif'"><img name="homemovies" src="design/buttons/homemovies.gif"></a><img src="design/buttons/filler.gif">
</center>
</div>
</div>
</body>
</html>
The css is: Code: @charset "utf-8";
/* CSS Document */
body
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
background-color: #E97F19;
}
#frame
{
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
border: thin double #000000;
}
#header
{
width: 800px;
height: auto;
padding-top: 5px;
}
#menu
{
width: 800px;
height: auto;
margin-top: 10px;
}
#content
{
width: 780px;
height: auto;
margin-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #FF9933;
}
#footer
{
width: 800px;
height: auto;
padding-bottom: 10px;
padding-top: 10px;
}
p
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5
{
color: #FFFFFF;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
img
{
border: none;
}
a:link
{
color: #FFFFFF;
}
a:visited
{
color: #FFFFFF;
}
a:active
{
color: #FF6600;
}
a:hover
{
color: #FF0000;
font-weight: bold;
}
.noh
{
padding-top: 5px;
}
li.down
{
padding-bottom: 5px;
}
h4.table
{
padding: 0px 0px 0px 0px;
}
Any help would be great. Thanks! I have recently designed a website on Google Chrome...And after finishing it and opening it on Firefox and IE, I was surprised by the strange look of my site...The widths and tops and everything of CSS of boxes I did look completely different...I tried to add DOCTYPE and stuff like that and still it makes no sense but makes the same issue with Google Chrome too and when erasing it..The site runs on google chrome properly but not in IE and Firefox...Please help me fixing this problem... My site: http://islamdiaa.selfip.com/ I am new to design but can already tell that a majority of my time is spent on tinkering with my pages to make them appear correctly in the very picky and buggy IE7 while my pages appear just fine in Firefox. I am wondering if anyone knows of a good resource site that lays out tips on how to get around the tricky parts of how IE7 displays pages. ive been building a site with internet explorer, looks good. once i open in firefox everything is out of place and scattered everywhere. why would this be. also ive noticed with most sites you can change the size of the window and the website wont change, only the window. but with the site im building, once i change window size everything gets out of place and ordered. why? This code works fine in IE, but in Firefox only the first style is honored, and only the first JavaScript function will run (the other doesn't do anything in Firefox). I've tried the code both with and without semicolons after the }'s and it makes no difference. The idea of the code is to expand and collapse various sections of a document. The "Expand All" and "Collapse All' links call a script to expand/collapse every section at once. The section names are correct. Again, this code works in IE but I can't figure out why Firefox doesn't like it, and why Firefox ignores the styles I've set, such as red for the word "hide". Thanks The font-family style is honored, the rest is not. The sizeTbl function works, the ExpandCollapse function does not (in Firefox, both work in IE) <style> body {font-family:Arial, Helvetica, sans-serif}; a:hover {text-decoration:underline}; .hide {color:#FF0000; text-indent:40px}; .collapse {color:#0000FF}; </style> <!-- Script takes two parameters, h (how to display) and n (element to display --> <script type="text/javascript"> function sizeTbl(h,n) { var tbl = document.getElementById(n); tbl.style.display = h; }; function ExpandCollapse(x) { accts.style.display = x; charity.style.display = x; bargaining.style.display = x; hr.style.display = x; media.style.display = x; payroll.style.display = x; safety.style.display = x; security.style.display = x; }; </script> <img src="images/heading.png" alt="Section Forms"/> <p>Click on a category to show forms in that category.<br /> <a href="javascript:ExpandCollapse('block')"><span class="collapse">Expand All</span></a> <a href="javascript:ExpandCollapse('none')"><span class="collapse">Collapse All</span></a> </p> Usually when Firefox and IE differ, firefox is correct. It may still be the case here as well, but I think I prefer how it looks in IE. I have a header next to an image, and the header appears next to the image in IE and under it in Firefox. Code below, any help would be great! <div id="content"><div class="img-shadow"><div id="logo"><a href="index.html"><img src="images/about.jpg" alt="Logo" width="180" height="226" border="0" /></a></div> </div> <div class="tagline"> <h1> </h1> <h1>About the Collection</h1> </div> <br class="clearboth" /> <p class="style1"> and the CSS: #content p { margin: 1em 2em 2em 0; line-height: 1.5em; I have a page he http://www.bestsellersworld.com/contest-mothersday.htm In IE, it looks fine. In Firefox I cannot see the names of the five books at the right. This is done with a script but it shows on IE. What do I have to do to make everything show on Firefox? Hello! I spend so many hours trying to solve this problems, nearly gone mad, but still unable to find the solution. I am no very good at html, just the basic. Hopefully you guys can help. Here is the testing site :- http://www.applycreditcard-online.com/test/ At the top right hand corner, you can see the selection menu by country, starting with "United States" In firefox, this look fine as it appers in the same row with all the links. But in IE, the "United States" selection menu stay at the top no matter what I do. I've tried valign but nothing happened. I guess this has to do with the "form" tag I ma using for the selection menu. Please advice. Thanks. Hello, im pretty much a newbie and ive been asked to create a website for my friend's small company, anywho, i've been using dreamweaver, the site is as follows. http://www.spire-guild.com/pw/index2.html Perfectly aligned on firefox but has some huge cap on the right side where you open it on I.E Can anyone help me as i really don't know what im doing. Cheers. Hey Everyone, Brand new to the website and need a little bit of help. I have been working on designing a page for my company through a template which is linked to a cyberstore. I was viewing and testing it in IE...but when we switched to Mozilla firefox it is extremely messed up. The logo has shifted completely. Is there any code that will format the logo to stay in the same place when viewed in both browsers? I am also having a hard time with Mozilla firefox reconizing the roll over states that IE is recongnizing(Thats in the CSS). Any help would be appreciated. -Amanda It has been brought to my attention by my customer, whos website I designed, looks different in FireFox. What I have noticed is his google adsence is shifted all the way to the right, which pushes everything below it down. I have it in the table set to align left, but firefox seems to ignore this... any ideas? the site is http://www.tegbs.com |
|||||||