|
HTML - Image Border Not Showing In Firefox
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 Similar TutorialsHi, 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. 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. Hi guys Attached is an image of the problem I'm having where in Firefox my table borders are not displaying correctly. I've coded using standard html as follows: Code: <table width=100% cellspacing="0" cellpadding="5" bgcolor="ffffff" border="1px" bordercolor="C0CFE2"> Any Ideas? The one on the left is the Firefox version. For some reason my site looks just fine in Internet Explorer, but in Firefox the border colors are off. Here is my site: www.allformommies.com You can see the first table has the correct color border (light purple) but the others all appear in black. I know this is a goof on my part, but can't for the life of me figure it out. If anyone could help me figure out how to get all of the table borders light purple, I'd be very appreciative. Thanks! Hi, I'm having an issue with Firefox 3 that is stumping me. My site has a SWF centered in the middle of my page which is embedded with swfobject v2.1. When the page loads my SWF overlaps the right-sided border of the div I've setup in Firefox, and from what I can tell, Firefox sets the border property on the inside of the div, whereas all the other browsers set the border property on the outside of the div. I've read up on the box model problem, but seeing as how every other browser(IE, Opera, Safari, Chrome etc.) displays the page properly, I'm hitting the wall here. I don't know if swfojbect is causing the problem, or if it's something in my code, because up until I embedded the flash, I'm pretty sure everything was aligned. Anyways, any help would be greatly appreciated... http://www.lakeviewchurch.com/new 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 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. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!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" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! I have a problem with Firefox. Although I am using set no border on a href and img tags I still get a border. Other browsers don't have this. This is my code, I've set the link border and image border to orange and pink dotted lines to show the black solid line. When I set these to no border the black line remains. Quote: <html> <head> <style> A:link, A:visited, A:active, A:hover { outline: none; background:none; border:5px dotted orange; padding: 0;text-decoration:none} img { border:5px dotted pink; display:block; margin:0; padding;0; } </style> </head> <body> <a href="/" > <img src="./img/bretzy-wht.gif" > text </a> </body> </html> You can see it live he http://tetsuo.gol.ad.jp/bretzy/new.html Thanks in anticipation. Brett In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center>
<object id="MediaPlayer"
width="800"
height="650"
classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
standby="Loading Windows Media Player components..."
type="application/x-oleobject"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"
title="Pete's Mountain Road Slideshow"
border="3">
<param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" />
<param name="Showcontrols" value="True" />
<param name="autoStart" value="False" />
<param name="wmode" value="transparent" />
<embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv"
name="MediaPlayer"
autoStart="False"
wmode="transparent"
width="800"
height="650"
title="Pete's Mountain Road Slideshow" />
</object>
<br />
<p class="main">If you do not have Windows Media Player, you can view the video by following
<a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a>
to download the program to your computer, then try to play it again.</p>
</center>
</body>
</html>
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>
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> Can someone point me in the right direcction as to why this page of my website does NOT show anymore correctly in Firefox ??! All the other pages of the website seems to show fine !!! http://lasrocasresort.com/diving.html Thanks in advance, Pakal 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> 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? I'm not sure if this is an IE issue, css, html... I have all icons and images showing a broken image" red X OVER the actual image? I've never seen this on any other sites or even on any other sites i've done. They are all .png images but I use .png files successfully all the time? Anyone encounter this? Here's the HTML surrounding the image file: HTML Code: <div class="header logo2"> <!-- Logo begins here --> <a href="index.php" title=""><img src="images/logo.png" alt="" /></a> </div> <!-- END Logo --> Here's the CSS surrounding the image with no other images or backgrounds being called??? HTML Code: .header {
height: 41px;
}
.logo2 { text-align: right; }
See Image Attached... Ok, so i uploaded my page to the web and for some reason the bullets are not showing up inside the table cells of the Toppings table to my page. for some reason it shows up fine in Chrome, but in IE and Firefox, they show up to the left of the table cells making it look weird? does someone know how to make it so it shows up the way it does in chrome for all browsers? whats wrong with my code? heres the page... http://valspizzaplace.com/newwebsite...inos/pizza.php ahh this is frustrating, i can't figure out and its probably something simple. |
|||||||