HTML - Firefox Changing My Image Color

Hi everyone!

I have the following input box code:


Code:

<style type="text/css"> 
  textarea {background-color:FFFFF; 
  background-image:url(); 
  border-width:1px; border-style:inset; 
  border-color:; color: 00000; font-family:Arial;} 
  input {background-color: 3b5998; border-width:1px; border-style:inset; border-color:; color: FFFFF; font-family:Arial;}
</style></center>

<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> 
<input type="hidden" name="friendID" value="95663980">
<textarea name="f_comments" cols="50" rows="10">Write Something...</textarea><br>
<input type="submit" value="Post"> <input type="reset" value="Reset"></form><br> 
</center>

But for some reason, it isnt showing the background colors/font colors that I specify! Just black text with white background for buttons

Any ideas on this?

Also -- sidenote, is there a way to have it so when the user clicks into the textarea, it automatically clears the text thats in there already ("write something...")

Thank you!

ok i had resolved my earlier problem of my links being spaced earlier with help fro pegasus and now i got a new problem lol. i know how to change the background and colors for my links using css in most cases by calling a.Blah:link... and so on and the :hover... but in this case it is not working. Here is my css at the moment.

Code:

#Nav{
width: 948px;
height: 18px;
border-top: 1px solid #FFA701;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #FFA701; }

#Nav a{
padding: 0;
margin: 0;
height: 18px;
color: #ffffff;
text-transform:uppercase;
text-decoration: none;
font-weight: bold;
overflow: hidden; }

#Nav ul li {display: inline; padding: 0px 5px;}
#Nav ul {margin: 0px; padding: 0px; }

my problem is that my links i want to be starting on a black background and they'll be white colored links. (which they are i'm using body bg for my page.) then i want as
they are visited to stay white colored. the main thing i would like to have is that when you hover over them, the links turn black and the background of the links turn white.
now i know it's easy with hover: {background:#000000} but i don't know how to place it because when i did it did not work.
thx in advance

edit: oops i posted this in html. (still help anyway it has somewhat to do with html probably ) ill post in css also though

I already have the body tags, I want a certain section to have links of a different color. I tried <font color="#####"> but obviously that doesn't work. It seems like i should know this... but I am blank.

Hi guys,
I need a help from you guys.
I'm having some html pages, and i want to give the option to change the background and font color in the html pages by clicking buttons. And that setting should be saved in the user system, when the user loads the page again in the system, that the page should load with the saved settings.

I don't want to go for server side scriptings. Is it possible just in html and Java script. Can you guys help me in this.

Thanks in Advanse
Kumar

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!

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

the title makes it sounds really confusing.
Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another.

The code is -

HTML Code:

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' 


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);

Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one)

can anyone help me?

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

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>

Hi there
I'm currently making a estate agency for my college project and have come into a problem
I am not that great with html I much prefer programming rather than web development

So here is the question how do I change a image on click of another image (for say there is 1 big image on the website and 3 smaller ones I want to change the content of the big image into the clicked smaller image)

an example of this is at the following website:
http://www.haart.co.uk/buying-house/...ls_160839.aspx

Any help would be great
thanks
dave

Dear HTML Experts,

I forget the code which changed the image when, the cursor was at it?
Can someone tell me the code?

I need to make it so when you click on the image map it changes the image and changes the image map. I am ONLY using html and javascript is not an option. I am shure it is something stupid...

<code>
<img src="image.gif" id="image" border="0" name="image" usemap="#tour" />


<map name="tour">
<area shape="circ" coords="46,39,20"
onClick="
document.getElementById('image').src='flag1.jpg';
document.getElementById('image').useMap='tour2';
<!--NOT WORKING ^?!-->
">
</map>



<map name="tour2" id="tour2">
<area shape="rect" coords="590,325,650,408"
onClick="document.getElementById('image').src='flag.jpg';">
</map>
</code>

why???!


throwing in another random question I can't change the cursor with image maps either...
onMouseOver="this.style.cursor='help'" inside my code is not changing anything... when I highlight the mouse over the image map section...

I want to insert an image, but I want it to change to other images after a certain time frame (i.e. 5 seconds) as in a scrolling/moving image??
Can any one tell me how I can do this?
I'm not sure if this is even the right forum!!

Thanks!

ok here is my problem.

when i insert an image and do the onmouseover to change the image it works when i dont change the position of the image. Here is the problem, when i change the position, the onmouseover does not work.

here is the code without the position change

<html>
<head>
</head>
<body>
<body bgcolor="white">








<img src="http://i25.tinypic.com/1j53eb.jpg" onmouseover="src='http://i28.tinypic.com/2qatid5.png'" onmouseout="src='http://i25.tinypic.com/1j53eb.jpg'"/>


<div
style="
top: 150;
left: 260;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i29.tinypic.com/1057k1e.png"/>

</div>
<div
style="
top: 520;
left: 500;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i27.tinypic.com/zjjvqr.png"/>
</div>



</body>
</html>



here it is with the position change

<html>
<head>
</head>
<body>
<body bgcolor="white">










<div
style="
top: 200;
left: 200;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i25.tinypic.com/1j53eb.jpg" onmouseover="src='http://i28.tinypic.com/2qatid5.png'" onmouseout="src='http://i25.tinypic.com/1j53eb.jpg'"/>

</div>
<div
style="
top: 150;
left: 260;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i29.tinypic.com/1057k1e.png"/>

</div>
<div
style="
top: 520;
left: 500;
position: absolute;
z-index: 1;
visibility: show;">

<img src="http://i27.tinypic.com/zjjvqr.png"/>
</div>



</body>
</html>


when you mouse over, you have to be in the exact middle... can someone help me?

sorry for the strange title to my problem, but it's the best I can do.

On the site below:
http://www.nomagicneon.com/shows.html

I have an image (not the truck) that contains data in the middle of it.

I made it in MS publisher, now to change the data, I have to go back to MS pub. and change and save and resize etc etc.

What I would like to do is:
Make the image, cut out the data and then be able to put the data in using HTML code.

I think that would require using code for the data and the new picture I created using absolutes.

but since never using absolutes, I am not sure.

any ideas?

TIA