HTML - Auto-change Html Page Background Colours

I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file.

I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file.

I hope this is an easy one with several answers.

Is it possible these tags could discipline your rankings in the search engines?

Thanks,
Jason

Hello all!

I have a question that I'm hoping someone can help me with...

I want to create a rollover image that behaves very specially.

I have a smaller image that is like the "enter button" for the site. I want it to work like this:

When you mouse over the "enter button" it changes the background image like a rollover.

It doesn't have to actually change the background image... I will be happy if it just makes a rollover and the second image is centered on the page like the background image.

I basically want it to be that when you mouse over the enter button it looks like the background image changes.

Since the enter button is small and the background image is large, it doesn't look right when I do it.

Will someone please tell me if you know a way to do this?

Thank you so much! I will really appreciate it.

Shei <3

I am doing a little updating on one of my sites, and I found a nice template to work with. The problem I have with it is, it is a jpeg and when I view it with the broswer the little save-print-view icon pops up and looks like junk. Is there any way to disable the {template?} or whatever so that it works without this happining?
Thanks, Majik

hi guys. i want to change the background image of a div when the user selects a football team from a dropdown select box. here's my code:

Code:

	function changeDivImageArsenal()
    {
        var imgPath = new String();
        imgPath = document.getElementById("right_box").style.backgroundImage;
        
        if(imgPath == "url(images/blackburn.jpg)" || imgPath == "")
        {
            document.getElementById("right_box").style.backgroundImage = "url(images/arsenal.jpg)";
        }
        
    }
	
		function changeDivImageBlackburn()
    {
        var imgPath = new String();
        imgPath = document.getElementById("right_box").style.backgroundImage;
        
        if(imgPath == "url(images/arsenal.jpg)" || imgPath == "")
        {
            document.getElementById("right_box").style.backgroundImage = "url(images/blackburn.jpg)";
        }
        
    }

thats fine and works if i just have 2 different images. but if i want to have 20 different selections, what do i write in the 'if' statement? thanks in advance

Below are the two sites I will use to explain my problem. For reference, I used Mozilla Firefox 3.08 and Google Chrome 1.0.154.53 in my tests.

Example 1: http://www.irishbyname.com/example1.htm
Example 2: http://www.irishbyname.com/example2.htm

When browsing the site in a browser other than Internet Explorer, example 1 and example 2 center to different locations on the page. In example 1, I set the height of the content area to be 200 px tall. In example 2, I set the height of the content area to be 500 px tall. When I have example 1 open in one tab and example 2 open in another, I can alternate between the two tabs and see a visual difference in alignment. The HTML code on both pages is exactly identical with the exception of the height of the content area.

Can anyone tell me why the horizontal page center changes based on the height of the page? Can anyone tell me how to change my HTML to make certain the page centers correctly no matter how tall the page is?

Thanks for your help in advance.

Is this the correct code to use to auto-refresh a web page? It is not working for me. Is there something I'm missing?


<META HTTP-EQUIV="Refresh"
CONTENT="60; URL=http://website.com/">



Thank you.

Ok.... I know this is my first post, and I wasn't quite sure where to post this, under html or scripting, but here goes. I run a website wherein I provide translations for Spanish lyrics. My layout is fairly straightforward, but I spend about 3/4 of my time formatting. Check out the following:

http://thelandofoz.us/laposadadelosmuertos.html

I have to insert all of my code by hand. My question is, is there anything that I can do to streamline this process? Is there perhaps a way to use a script to dynamically generate code like this from a plaintext file? When I do one of these pages, I usually copy the lyrics verse by verse, then translate them verse by verse like this:

Alza tu cerveza, brinda por la libertad,
bebe y vente de fiesta,
pues el Infierno es este bar.

Raise your beer, toast to freedom,
drink and come to the party,
for hell is this bar.

SO... is there any way to make this easier on me?

Hi
I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it.
Please help me
Thank you.

Hi All,

I want to autosubmit my file to google.com. Here is the code I wrote to execute it. Unfortunately output is not what is intended.

I tried in IE and mozilla only. Basically I want the script to be browser independent
Any help will be appreciated.
Below is the code.

My file name is autosub.html

<HTML>
<HEAD>
<TITLE>My First JavaScript</TITLE>
</HEAD>
<BODY onload="">
<FORM NAME="search_Key" METHOD="post" ACTION="http://www.google.com" target="_top" id="search_key">
<p align="center">&nbsp; Search value&nbsp;:&nbsp;&nbsp;
<INPUT NAME="search_value" SIZE="10" MAXLENGTH="3" VALUE="spiderman"></p>
<INPUT type="submit" value=Go>
</FORM>
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
<!--
document.write("I love JavaScript");
//-->
function myautosubmit()
{
document.pnr_stat.submit();
document.write("I love JavaScript2");
}
</SCRIPT>
</BODY>
</HTML>

When open my autosubmit.html, browser shows "I love JavaScript2" only.

Thanks in advance

Hi

I have a web site which captures visitors details currently using Formail, the online version. This ensures that all fields are entered and sends the information to me in an e-mail.

The web site was created in Net Objects Fusion version 7. I have some web design experience but not that much. I can ammend HTML rather than start from scratch.

I am testing a product called Salesforce.com which has the ability to capture leads and populates a contact management database which you use as a sales tool. This has the advantage of doing away with the e-mails, having to print them off and re keying the data into our current sales sytem.

Salesforce.com lets you generate some HTML which you plug into your web site, which I have managed to do. However, it does not validate the fields so someone could leave everything blank which would then create a blank lead record in Salesforce.com. I have been told that i need to amend the HTML by hand but do not have a clue where to start.

If anyone can either help me out with the HTML or suggest a better solution I would be very grateful.

The HTML it has generated is below


<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <META> element to your page <HEAD>. -->
<!-- If necessary, please modify the charset parameter to specify the -->
<!-- character set of your HTML page. -->
<!-- ---------------------------------------------------------------------- -->

<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">

<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <FORM> element to your page. -->
<!-- ---------------------------------------------------------------------- -->

<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST">

<input type=hidden name="oid" value="00D2000000060Zj">
<input type=hidden name="retURL" value="http://www.withdeanfc.co.uk">

<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: These fields are optional debugging elements. Please uncomment -->
<!-- these lines if you wish to test in debug mode. -->
<!-- <input type="hidden" name="debug" value=1> -->
<!-- <input type="hidden" name="debugEmail" -->
<!-- value="stevematthews@utilitymatters.com"> -->
<!-- ---------------------------------------------------------------------- -->

<label for="last_name">Last Name</label><input id="last_name" maxlength="40" name="last_name" size="20" type="text" /><br>

<label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" /><br>

<label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br>

<label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" /><br>

Utility Spend:<input id="00N200000018UPJ" name="00N200000018UPJ" size="20" type="text" /><br>

<input type="submit" name="submit">

</form>

Kind Regards

Steve Matthews

hey guys...i've seen the page of sourceforge where, when the page loads...the download of the file generates automatically.... i want the help related to implement that.... can anyone tell me how to do that....
thanks in advance...

hi guys below is my css code and html code respectively

but id doesn't work in mozila the height of outer div and few more divs doesn't increase automaticaly , please help


//////////css code ////////

*
{
padding: 0em;
margin: 0em;
}

body
{
padding: 35px 0px 35px 0px;
}

#upbg{
position:absolute; text-align:left; margin:0 auto; width: 100%; height:20px; z-index: 1; left: 0px; right:0px; top: 0px; background-color:#434343;
}

#outer{
position:relative;
margin:0 auto;
width: 901px;
border:1px double #FF0066;
background-color:white;
z-index: 1;

}

#container{
position:relative;

width: 901px;
background-image:url('images/bg2.jpg');
background-repeat:repeat-x;


z-index: 1;

}
#image{
width:30%; float:left; position:relative;
}

#contect12{
width:69%; float:right; position:relative; left: 6px; top: 0px;
}

#Contentcontainer{
position:relative;
padding-top:10px;
width:55%;
left:7px;
padding:5px;
float:left;
z-index: 1;
}

#contect1{
border: 3px groove #000000;
width:100%;
position:relative;
background-image: url('images/2.jpg');
background-repeat: repeat-x;
left: 3px;

}

#lmnu{
position:relative; width: 895px; z-index: 1; left: 0px;
}
#lMenubar{
position:relative; width: 20%; padding:5px; float:left; z-index: 1; left: 0px;
}

#lmenu{
width:100%; position:relative; padding-top:10px;
}

#RMenubar{
position:relative; width: 20%; padding:5px; float:right; z-index: 1; left: 0px;
}
#rmenu{
width:100%; position:relative; padding-top:10px;
}



#header{
width:901px;; position:relative; left: 0px; top: 0px ; margin-bottom:2px;
}

#menu{
position:relative;border-width: 1px; border-color: #666666; width:901px; height:31px; background-image: url('images/1.jpg'); background-repeat: repeat-x; left: 0px; top: 0px; border-bottom-style: solid;
}

.td
{
background-image:url('images/1.jpg'); height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990033; font-weight:normal; background-repeat:repeat-x; border:2px silver groove;
}

.td2
{
background-image:url('images/1.jpg'); height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990033; font-weight:normal; background-repeat:repeat-x; border:2px lime groove;
}

//////////// Html 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 content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Rishabh Arts ,Art of Making Confident People</title>
<link rel="stylesheet" type="text/css" href="default.css"/>
</head>

<body>

<div id="upbg">
</div>
<div id="outer">

<div id="header"><img src="1.jpg" /><img src="2.jpg" /></div>

<div id="menu" style="left: 0px; top: 0px" ></div>

<div id="container">
<div id="lmnu">
<div id="lMenubar">
<div id="lmenu">

<table style="width: 100%">
<tr>
<td class="td" style="width: 169px" >Menu 1</td>
</tr>
<tr>
<td class="td" style="width: 169px">Menu 1</td>
</tr>
<tr>
<td class="td" style="width: 169px">Menu 1</td>
</tr>
<tr>
<td class="td" style="width: 169px">Menu 1</td>
</tr>
</table>

</div>
</div>
<div id="Contentcontainer">
<div id="contect1">

<div id="image" ><img src="rr.gif" style="float: left" />
</div>


<div id="contect12">

skaydasid<br />
dasdgasd<br />
asdgasdas<br />
dasdhas
</div>

</div>

</div>

<div id="RMenubar" >
<div id="rmenu">

<table style="width: 100%">
<tr>
<td class="td2" >Menu 1</td>
</tr>
<tr>
<td class="td2">Menu 1</td>
</tr>
<tr>
<td class="td2">Menu 1</td>
</tr>
<tr>
<td class="td2">Menu 1</td>
</tr>
</table>

</div>

</div>

</div>
</div>



</div>



</body>

</html>

i recall many years ago running into an issue where only specific colours would display properly on web pages unless you used those colours in an image. meaning if you did like bgcolor="#456789" it would not render properly but if you made a .gif image with the background colour of the image be #456789 then it would show the proper colour. im wondering, is this still the case?

Hi all,

I'm trying to find a way to have my webpage scroll to the bottom automatically after the script: document.form1.submit() is called. I need to run the function/refresh in order to reload some different data into part of the page, but after the refresh the position of the page is always at the top... making the user have scroll down again.

I could set some anchors or use window.scroll(0.500); on the page load, but i only want it to scroll down if that function of form1.submit() is called - and thats only called once the page has already loaded for the first time.

So the first time a user goes to the page, it loads normally at the top of the page. Then they scroll down themselves and select an option. Once the select an option, the form1.submit() is called and the page refreshes with new data in it but is still at the top. Is what I want possible?

Thanks,
Mike

can i have fixed layout for only some part of a table?
I want the first column of my table to be "auto" and the other columns to be "fixed" llike style='table-layout:fixed;'.
How can I achieve this?
Thanks!