|
HTML - Custom Css Links Not Showing Correctly In Firefox
Hi all,
I've spent several hours building my site. Most of my time was spent setting up the custom menu using CSS. So I am very disappointed to see it not display correctly in Firefox. After doing some research, I realized that some of my HTML isn't validating correctly. But I cant figure out how to fix it. A lot of has to do with the SPAN codes. Any assistance would be much appreciated! <body class="twoColElsLtHdr"> <div id="container"> <div id="header"> <table width="100%" border="0" cellpadding="10"> <span class="class4"> <tr> <td class="header"><a href="http://www.davidzhangphotography.com">DAVID ZHANG</a> <span class="header2">PHOTOGRAPHY</span></td></tr></span> </table> </div> <div id="sidebar1"> <TABLE cellSpacing=3 cellPadding=3 width="96%" border=0> <TBODY> <span class="class1"> <TR> <TD class="menu"><A HREF="javascript:popUp('music.html')">MUSIC</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><A HREF="javascript:popUp('fashion_location.html')">FASHION 1</A></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><A HREF="javascript:popUp('fashion_studio.html')">FASHION 2</A></TD> </TR> <TR> <TD class="menu"> </TD> </TR> <TR> <TD class="menu"><a href="personal.html">PERSONAL</a></TD> </TR> <TR> <TD> </TD> </TR> </span> <span class="class2"> <TR> <TD class="menu"><a href="about.html">ABOUT</a></TD> </TR> <TR> <TD> </TD> </TR> <TR> <TD class="menu"><a href="blog.html">BLOG</a></TD> </TR> </span> </TABLE> </div> Similar TutorialsI designed a website for a client. It shows fine on my mac in Firefox but the CSS isn't loading properly in Windows Browsers because the background and the Link details aren't loading at all. What could be the issue? http://kangazoomparty.com/kangazoom.html This is the website btw. Hi, I have made a website that is scalable, but the problem is that it is not showing correctly in Internet Explorer. It works fine in Firefox. (2.x) site: http://www.haaga-helia.fi/~a0500249/pohja/index.html I don't know where the bug is. I ran it with w3c validator and it was fault free. Something to do with the css file, but I don't know where. Help is appreciated. Sincerely, Juha nvm lukus thanks Ive got it padding: 2.3 em 0; to li:hover and it works Hey guys, I am not sure how to explain this correctly so I hope just seeing it and the page source can help explain it. On this page.. http://www.outdoorescapade.com/hiking.html About 3 quarters of the way down, if you click on the slide panel 'button' under lake louise and smith dorrien, it slides down but the text of 'slide panel' changes to being squished on the right hand side and the list on the left doesn't end where it is suppose to. It is pushed a bit down which I think is what is causing the text in the button to be messed up a little. I've checked it many times and even copied it from the other parts where I have used it on the page but it still does the same thing... Any ideas? Any help would be greatly appreciated. Thanks! This is driving me nuts. Try this code in IE6. Why are the three red rows on the left showing a height of considerably more than 60pixels when the code asks for exactly 60? Firefox shows this correctly. Code: <html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<table width="900" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" width="195" valign="center" bgcolor="#AAAAAA"><p> </p></td>
<td rowspan="5" width="415" valign="top" style="padding: 20px;" bgcolor="#FFFF66"><p>Middle column</p></td>
<td rowspan="5" width="290" height="440" valign="top" bgcolor="#AAAAAA"><div align="center">Right column</div></td>
</tr>
<tr>
<td width="195" height="60" valign="center" bgcolor="#FF0000">Row 1</td>
</tr>
<tr>
<td width="195" height="60" valign="center" bgcolor="#FF0000">Row 2</td>
</tr>
<tr>
<td width="195" height="60" valign="center" bgcolor="#FF0000">Row 3</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFF66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFF66"> </td>
</tr>
</table>
</body>
</html>
Man IE is all screwed up. Mine site is perfect in FF I wish IE would follow the lead on IE standards but that is another day. Anyways, I have some text on my index page that is suppose to link to this page http://www.mesquitechristmas.com/blog/index.php Anyways in IE when you click on it it brings up a blank white page but the URL is in the address bar. Like I said though in FF it works fine. I have not tried this with IE 7 I have been testing things with 6 then will upgrade back to 7 unless someone knows how I can run both? Does anyone know why this might be happening? -Thanks I'm a novice at html and my site has a navigation box on every page with links to all the other pages. Now I have been editing the links in the box and then copy pasting that code onto every page. I know there is a better way to do this. I used CSS to set the attributes of the box but can i put the content into the CSS file also so that I dont have to go into every page? please ask for specifications because I feel like I was not very clear. <div class="boxnavencase"> <div class="boxcontmid"><h2>Navigation</h2><br /> <a href="index.htm">Home</a><br /> <a href="Services.htm">Services</a><br /> That is basically the code of the navigation box with more links. I do not want to have to keep copy pasting this onto every page. what's the better way? thank you very much Links not showing up in address bar. Hi i wonder if anyone can help me, I'm designing a basic web page, and ive got a few pages and a few links in there, but when I view the site online, when i click on the links, no matter what I click on, the address bar never changes. Its always: www.example.com it never puts the extensions on like.... www.example.com/index.html www.example.com/aboutus.html Ive have made a few basic web sites in the past but never encountered this problem before. Its probably something galringly obvious and im being an idiot. Can someone please help? Oh and BTW Im using dreamweaver (the designers view not code view, im more of a designer not a programmer, i understand basic html enough to tidy up the code, but not write it all from scratch) Thank you! Nikky Hi there, Please take a look at www.usip.co.uk/index5.html I am trying to get rid of the lines under the links(especially in the navigation bar) but have no idea how to . I think its something to do with the properties of the href links. Can you help? Thanks I have run into a problem when using tables in Firefox. I code for IE 6.0 and I like my browser to determine when to put text on a new line once the table width has been reached. Rather than put breaks <br> in my text I just let the browser decide. When I open a page in Firefox it does not wrap the text within the table it just allows the text to flow to the right until the end of the text occurs. To fix this I now have to use <br> whenever I want a new line to begin but this creates other problems when others view my pages in IE 6 or IE 7 as the line breaks are now choppy sometimes consisting of one word on a line. My screen resolution is 1280x1024 but if someone does not have this resolution the page is a mess. I am using Dreamweaver as my editor and Firefox 2.0.0.15. Works just fine with IE 6 or IE 7. Can anyone help me with this? Here is an example of a page that I been forced to put <br> at the end of each line: http://www.outdoorphotographycanada.com/dwilson.html Thanks, Dave 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. What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas? Hi, I'm probably missing something really obvious, but I'm having a stumbling block on why for this page, you can see the image with the wreath when viewing it in Firefox, but not in Internet Explorer. I always use Firefox, but my bosses tend to use IE 6, so they were confused on why they couldn't see the image today. I also can't see the image in IE 7. Here is a screen shot of my problem, and below the source code for my site, hopefully you can help, you always provide great assistance that is greatly appreciated! Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><link rel="canonical" href="http://www.richandbalanced.com/"/><title>Rich and Balanced™</title> <meta name="description" content="How to live a life that's both rich and balanced." /> <meta name="keywords" content="Rich, Balanced, Life, Money, Health" /> <meta name="author" content="Samuel Sweis" /> </head> <link rel="shortcut icon" href="image-files/"> <link rel="stylesheet" type="text/css" href="http://www.richandbalanced.com/support-files/style.css"> <body> <img class="displayed" src="http://www.richandbalanced.com/image-files/richandbalanced.jpg" width="498" height="209" alt="Rich and Balanced logo" border="0"> <div class="reight"> <div id="rbleft_sidebar"> </div> <div id="rbcontent"> <p> Hello and welcome to Rich and Balanced™. My name is Sam Sweis. Did you know that we have the ability to change and create the life of our dreams? I do, and I want you to know that whatever it may be that you are going through or whatever it is that you would like to change and/or create, that it is possible to do so. </p> <p> I've turned my life around in more ways than you could imagine. I was an alcoholic. I was a smoker. I was a drug user. A terrible husband. Divorced. Buried in debt. In and out of school and in and out of jobs. I was out of shape. Obese. Depressed. Angry and in broken relationships with family and friends. The future was a mystery to me. </p> <p> Today, I'm a proud father. My financial life is a dream come true. I have no major debt, my income is always growing, and I'm an excited business owner. My relationships with family and friends are overflowing with love and happiness. I'm tobacco free, drug free, alcohol free, and gambling free. I've slimmed down my weight and put on muscle. I'm healthy, fit, and confident. But most of all, I get to spend my time the way I want doing what I want. The future is looking bright. </p> <p> Welcome to the place I call home. Rich and Balanced™ was designed with you in mind. Revealed for the first time in my life are the documents I use in private and secrecy that have changed my life and continue turning my dreams into a reality. I put together this entire site, from the web designing to the graphics, and I couldn't be happier at transforming my knowledge to you.</p> <p> <a href="http:/www.richandbalanced.com" onClick="window.location.href='http://www.richandbalanced.com/cgi-bin/counter.pl?url=http%3A%2Fwww%2Erichandbalanced%2Ecom&referrer=http%3A%2F%2Fwww%2Erichandbalanced%2Ecom%2Findex%2Ehtml'; return false;">Click here</a> to continue reading, or if you are busy at the moment take a second and bookmark this page to save for later viewing. <a href="http://www.richandbalanced.com">Click here</a> to find out how to bookmark this website. Thank you for visiting Rich and Balanced™. </p> </div> <div id="rbright_sidebar"> </div> <div id="rbfooter"></div> </div> <iframe src="http://www.richandbalanced.com/bottompage.html" width="100%" height="100%" frameborder="0"></iframe> </body> </html> Hi guys Just joined and hoping someone can offer some advice on an issue. I want a black border around images which show up jsut fine in IE but some reason the border does not appear in FF. The below is an example of what i am doing. <IMG STYLE="position:absolute; TOP:110px; LEFT:610px; WIDTH:180px; HEIGHT:190px" src="Optimized-027edited.jpg" style="border-style: solid; border-color: black;"/> Does anyone have any advice on where what I can do to make the border show up in both browsers? Any help appreciated. Cheers The bgcolor of a table works in Iexplorer but not in Firefox. Also the left/right/topmargin doesnt work at all in Firefox. Any idea how this is? Thanks for your help --khan Hey guys, i have a div setup to overflow:auto; to scroll through comments on the site. It works correctly in Chrome, Internet Explorer, and Safari, but Firefox is showing a bunch of empty space thats equivalent to the height of the page if the div was displayed without a scroll. http://www.greendayauthority.com/ind...20798&archive= Take a look at that page on different browsers. It ends correctly with the ads being at the end in other browsers, but with firefox, there's a bunch of dead space stretching the pages height. Any advice? Hi Experts, I have an Iframe on a simple page. I am seeing an usual big white space between the header and the Iframe in Internet Explorer.. Same link is working fine on Firefox. how do i make it work in IE as well. PS: I have attached the snapshot of page. Code: <html>
<head>
<style type="text/css">
@import url("/analytics/static/styles/intranet.css"); /* main stylesheet */
@import url("/analytics/static/styles/intranet-2col.css"); /* column stylesheet */
@import url("/analytics/static/styles/intranet-2col-1024.css"); /* 1024px stylesheet */
</style>
<script language="JavaScript" src="/analytics/static/Fusion/FusionCharts/FusionCharts.js"></script>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR" content="Rational Application Developer">
</head>
<body>
<div id="page-wrapper"><%@include file="Header.jsp"%>
<div id="column-wrapper"><!-- begin columns -->
<%@include file="NEW_TOOLBAR.jsp"%>
<div id="content"><!-- begin content column -->
<div class="inner">
<iframe src="chart.html?chartType=${detailForm.chartType}&chartGroup=${detailForm.chartGroup}&chartSubgroup=${detailForm.chartSubgroup}&liabilityCode=IRU&timeline=${detailForm.timeline}&width=600&height=400" frameborder="0" scrolling="no" width="700" height="430" align="top"></iframe>
<p><small> </small></p>
</div>
<!-- end content column, then column wrapper --></div>
</div>
<%@include file="Footer.jsp"%></div>
</body>
I am working on a site that I have designed using a table to lay everything out. Everything works fine when viewing via IE. I tried opening it with Firefox and the backround colors for the different cells did not show up. Can anyone tell me what I should do so that the bgcolor shows up correctly in firefox? temp web-site address: http://worldcargousa.com/estate_lawn part of the html in question: <td width="166" align="center" valign="middle" bgcolor="61592b"><p align="center" class="style9"><span class="style15">715-220-1879 </span></p> <p class="style13">Estate Lawn Services<br> 536 Gentalwood Square<br> Purcellville, VA 20132</p> <p align="left" class="style8"> </p></td> |
|||||||