HTML - Help W/border Color In Firefox

First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie.

Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html

The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line.
Thanks in advance.

-Brian

Hi:

Is there any way to change the color or thickness of the <fieldset> box border ?

TIA

-Mel Smith

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

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.

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

My tables background color (done with dreamweaver) isn't showing correctly in Firefox. but is in internet explorer.

Code:

<td colspan="2" rowspan="4" bgcolor="de8801">TEXT</td>

is the code I'm using to define the background color?

Can anyone help?!

Anders

Hello to everyone,

Does anyone happen to know why firefox is messing up the color of my image? (see attached).

thanks,
NetGD

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>

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

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&nbsp;Work</b></a>
<ul>
<li class="sfirst slast"><a href="#">Testimonials</a></li>
</ul>
</li>
<li><a class="ajxsub" href="#"><b>About&nbsp;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&nbsp;Us</b></a></li>
</ul>
</div>
</div>
<br />
</div>&nbsp;</th>
</tr>
</table>
<!-- TemplateBeginEditable name="ContentRegion" -->
<table width="68%" border="1" align="center" id="ContentCells">
<tr>
<th width="50%" height="113" scope="row"><p>&nbsp;</p></th>
<td width="50%">&nbsp;</td>
</tr>
<tr>
<th height="135" scope="row">&nbsp;</th>
<td>&nbsp;</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 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">&nbsp;</p></td>

If I have the following code:

<a href='page.html'><font color='green'>a link</font></a>

The text link shows up as all green in Internet Explorer (good), however in Firefox the UNDERLINE color is NOT green, and it should be!! The underline color shows up different to the colors of the lettering.

Does anyone know how to get around this?

Thank you

Hi,

I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image.
I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page.

this is my code; any ideas how i can fix this?

<td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
<td colspan="6">

Any help would be greatly appreciated.

Hello all!
Does anybody noticed that font colors are treated as background color while printing in IE?
I just set a

<font color=#f0f0f0>MY TEST</font>
or
<span style="color: #f0f0f0">MY TEST</span>

and, on screen, it's OK.

On print preview, it goes black. I can print in grayscale only if I turn "print background images and colors" on.

Does anybody has a workaround on it? It will be a watermark, so it should be printed in grayscale. I dont think I'm setting a background color, specially on first example (color of the font).

Thanks!