|
HTML - Changing Color Of Menu Item
Hi,
ive been working with a template in dreamweaver and have been able to insert my own banner and sidebar, but there is a small part that I cant find where to edit it...any help is appreciated....screenshot below http://imageshack.us/photo/my-images/39/doop.png/ id like to change the green....but cant figure out how Similar TutorialsHi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> I thought you changed the background color of a division by typing: <div bgcolor = "color"> but that didnt work. So can someone tell me how to do it? This is a coursework assignment. i've noticed on some website it gives you the option to change the color of the background too a high contrast version. is this possible without using Javascript? (html5 ideally). Obviously i'm not expecting someone to tell me what to do but a link in the right direction would be nice please Hi there. My site's movehumanityforward.org and I have in the bottom right area a Facebook "like" area. It looks fine in Chrome, Firefox, and Safari. But IE shows a white background for some odd reason? I'm curious why and would like to know if someone has a work-around. Thank you friends! 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! 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. Hello to everyone, Does anyone happen to know why firefox is messing up the color of my image? (see attached). thanks, NetGD 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 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 Hi, I am creating a form in which i have a dropdown menu. According to the selection(s) in drop down menu, that many text field(s) should be shown below that drop down menu. Have a look at this code... <html> <head> <title> Sample Application </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function callMe() { if(document.MyForm.dropDownValue.value != ""){ document.getElementById("txtBox").style.visibility = "visible"; } else{ document.getElementById("txtBox").style.visibility = "hidden"; } } </script> </head> <body> <form name="MyForm"> <table> <tr> <td> <select name="dropDownValue" onchange="callMe();"> <option value="">--None--</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr id="txtBox" style="visibilty:visible"> <td> Enter Your Value He </td> <td> <input type="text" name="txtEntry" value=""> </td> </tr> </table> </body> </html> : the problem is: when I select 2, it suppose to show 2 text fileds and 3 when i select 3 accordingly. I am new to this stuff...so,can any one help me out ASAP pls?? thanks , i will be waiting for your reply... -S Hello, I am wanting to change these menu colors: http://police-explorers.com/swatservers/a/ Where it says Home, Ect. To a White. This is the menu code: Code: <ul id="menu"> <li class="first"><a href="index.html">Home</a></li> <li id="menu_active"><a href="Hosting.html">Hosting</a></li> <li><a href="Features.html">Domains</a></li> <li><a href="About.html">About</a></li> <li><a href="Support.html">Support</a></li> <li><a href="http://nitro-servers.com/clients/index.php?/clientarea/">Client Area</a></li> </ul> What a great resource! I use this site all the time for my web woes. Thanks for all your hard work. I am working on a Interactive map showing conservation lands in northern Michigan. I would like to setup a drop down menu that would change the location and zoomlevel of the map. Im sure it can be done but I just cant seem to figure out how to submit data into a function. To change the location/zoomlevel I need to define the Lat/Long as well as a zoom level. I would like to set something like this up in the drop down menu. <option value="45.81, -84.76, 7">Oden Island</option> This data would then be sent to a function where it would be plugged into this syntax map.SetCenterAndZoom(new VELatLong(lat, lon), zoom); Any help would be greatly appreciated! I have a dropdown menu and was wondering how I could change the bg color to black. This is my code for it: <div class="c2"> <form name="jump"> <select name="menu" onchange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"> <optgroup label="Games"> <option>Choose an Option</option> <option value="http://broggini.webs.com/1.swf">Age Of War</option> <option value="http://broggini.webs.com/4.swf">Bloons</option> <option value="http://broggini.webs.com/5.swf">BoxHead Zombie Wars</option> <option value="http://broggini.webs.com/3.swf">Bubble Shooter</option> <option value="http://broggini.webs.com/6.swf">Hapland</option> <option value="http://broggini.webs.com/7.swf">Hapland2</option> <option value="http://broggini.webs.com/8.swf">Hapland3</option> <option value="http://broggini.webs.com/11.swf">Kitten Cannon</option> <option value="http://broggini.webs.com/12.swf">Line Rider</option> <option value="http://broggini.webs.com/2.swf">Mario</option> <option value="http://broggini.webs.com/9.swf">The Impossible Quiz</option> <option value="http://broggini.webs.com/10.swf">The Impossible Quiz 2</option> <option value="http://www.primarygames.com/arcade/action/dunebuggy/index.htm">Dune Buggy</option> <!-- --></optgroup> </select Hi. I have learned everything I know about web pages from this site over the last 2 days. Thanks to all the experts out there. I'm developing a family web page and like the tab menus that seem popular. I found most of the code that follows on here and other sites. My problem is this: I want the tabs themselves to have certain colors under certain conditions. I got it working fine initially, but then when I went to put it inside the "<div", the colors got messed up. I have tried several things...nothing seems to work. The only way I can get the colors to work is to move the "<div" comment after the list specification and before the "we live in chicago" text (in all that white space). But that's not where it belongs. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Brown Family</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" title="style (screen)" /> </head> <body bgcolor="#E6E6E6"> <div id="content" style="margin: 0% 15% 0% 15%"> <h1 style="color:red" style="font-family:verdana">The Browns</h1> <ul id="tabmenu"> <li><a class="active" href="index.html">About Us</a></li> <li><a href="laura.html">Laura</a></li> <li><a href="tom.html">Tom</a></li> <li><a href="alex.html">Alex</a></li> <li><a href="contactus.html">Contact Us</a></li> </ul> <p style="color:#463E3F">We live in Chicago</p> </div> </body> </html> The odd thing is the color of the active tab does work. Any help is appreciated. Tom 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! I have a social network. I want my users to be able to pic colors for certain things... I'd really like to use the GUI that twitter has for this, but that could be expensive... So how do I do it? And how do i get smilies to input text into a text box like this one... Dynamic pages are going to be hard i think I need some way to automatically change a Frame's contents based upon the title of the RSS feed on the left, I need some way to automatically specify the APPNAME in this URL (for the frame) "http://www.google.com/search?btnI=1&q=APPNAME+site:appshopper.com". This URL loads the App Shopper page for the app it corresponds with. If there is any way to do this, I would be greatly appreciative. Thank you Is it possible to have a <li> without it showing the bullet symbol? I want a list item that does everything a normal <li> does but doesn't look like a list item. Alternatively, is it possible to end a <ul> without unwanted space appearing after it? I want the next item to appear exactly on the next line but no matter what margins I specify in my <ul>'s CSS it leaves a blank line. A solution to either of these issues will solve my problem! Thanks, -sbs Hi guys! I'm having issues getting a <li> element clickable. It only makes the text inside the <li> element clickable. i would like the whole <li> div to be clickable (so that if i click on the background image, it clicks, and not only if i click the text) I have the following HTML-code: Code:
<ul>
<li1><a href="index.html">THISisTHEtextTHATgetsLINKED</a></li1>
</ul>
And it is uses this CSS code: Code: ul {
display:block;
padding-left: 0;
padding-right: 0;
margin: 0px 0px;
list-style-type:none;
}
ul li1 {
margin: 0px 0px;
height: 35px;
width: 170px;
display: block;
float:left;
text-align: center;
background-image:url(../pictures/hjemknapp.png)
}
can you guys please help me? |
|||||||