|
HTML - Help Making Popout Text Color
On my forum we have made a member legend where if you roll the mouse over the box text pops out above saying what group it is. How do i make that text in color.
Code: <script>
<!--
//variables
newtitle = "Member Legend"
pretext = "Legend:"
selected = "Selected:"
mover = "Group:"
howwide = "100%"
numbergroup = 8
dropdown = "NO"
dropdefault= "Groups- - -"
//legend;Team Name,Color,Symbol Color,Symbol,iconimg
var legend = []
legend[1]=["Administrator" , "blue" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013117.gif"]
legend[2]=["Moderator" , "red" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013069.gif"]
legend[3]=["Community Staff" , "green" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013104.gif"]
legend[4]=["Review Staff" , "brown" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013176.gif"]
legend[5]=["Graphics Staff" , "purple" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013202.gif"]
legend[6]=["Advertising Staff" , "orange" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013145.gif"]
legend[7]=["Elite Member" , "+" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://209.85.48.9/1867/132/upload/p6013069.gif"]
legend[8]=["<s>Banned</s>" , "black" , "SYMBOL COLOR HEX" , "TEAM SYMBOL" , "http://i15.photobucket.com/albums/a399/Gamer3773/black3.jpg"]
//icons
newicon = "http://209.85.48.11/9339/63/upload/p3858342.gif"
//options groups
memgroup = []
memgroup[1] = [""]
//end variables;start external
document.write('<script src = "http://70.85.240.179/4035/102/upload/p370790.ibf"></script>')
//-->
</script>
here is an example http://z11.invisionfree.com/asdlk/index.php? Similar TutorialsSo I need to make a background to a <div> with a color fade in it. Here's the catch: The application is a Joomla template, so the <div> height will be very variable, and will always be getting longer as additional content is added, so the standard trick of just making a gradient image and setting repeat x won't work. So what I need is a way to basically have two different colors (the starting and ending colors for the gradient) and have the browser always render that gradient regardless of the element height, 1000 px, or 10000 px. Is this possible? Hi everyone, I am working on a table for a future website and I need some help. I need to make the text at the top vertical, as in taking the word and turning it 90 degrees to the left. The best way for me to explain this is to show u the problem/test page. http://aquariachat.com/bigchangesare...chartfeb23.php I am making the chart/table in a simple html editor if that information is of any use. Thanks a lot, Drew Hello friends, I am making a login page which takes 2 fields:- 1) user name 2)password Now I want these 2 fields to be colored yellow or blue in the background just like how "gmail" appears to us. Can you please tell me how to change the color inside the textbox from white to any other color. If possible can you please give me a sample code....... So, I wanted to insert text in an image, it worked. PHP Code: .background-image { z-index: -1; } .overlay-text { position: absolute; top: 160px; left: 180px; } PHP Code: <img src="UNDERPART.png" class="UNDERPART.png" /> <p class="overlay-text">HOJ HAAJ HOI HI HOEI DOEJ</p> But now I would like to know how I can change the color of this text, regular stuff doesnt work? I have googled and googled and i still can find this simple question. I wanna know how to make text color boxes. So for example like.. what im talking about is like. picture just inverting a box around a word. so its a black box around in and white text inside. I wanna know how alter the text color and the box color. thx again. Reference: http://test5.waltonstreetwebdesign.com/contact.php So there are 3 text inputs there and 1 textarea, I need them to be the same width. The thing that I don't get is that each input has the same CSS class giving it a width. So why aren't my text inputs the same length as the textarea? I'm looking at this on a Mac, it's not the same width in both FF and safari. Thank you for the help! Hello there. We are right at the finish line of being done with our site. We are one of the biggest Youtube Optimizers on the net. We are the ones that get your videos to the top We have just been building a whole new site. Ok Basically it is set up to where there are multiple packages for the user to order. Each package they can pick how many videos they would like to have optimized. I have started with this script but i'm lost. I'm a software developer not real deep in html. All I am needing it to do is if you pick 1 for 1 video only 1 text box appears. If you pick 4 for 4 videos only 4 text boxes appears.(The text boxes are for the user to enter in there Youtube Video url) And of course if they enter in 9 text boxes 9 will appear. The problem right now is it doesn't matter which number you press all 9 text boxes appear. I'm sure this is something very simple I am just not experienced in javascript if statements. If you can help it will be so much of a blessing! Here is what I have: 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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<form action="">
<select onchange="if (this.selectedIndex==1){this.form['box'].style.visibility='visible'}
{this.form['box2'].style.visibility='hidden'} {this.form['box3'].style.visibility='hidden'}
{this.form['box4'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==2){this.form['box2'].style.visibility='visible'} {this.form['box'].style.visibility='visible'}
if (this.selectedIndex==3){this.form['box3'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box4'].style.visibility='hidden'}
{this.form['box5'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==4){this.form['box4'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'}
{this.form['box5'].style.visibility='hidden'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==5){this.form['box5'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'}
{this.form['box4'].style.visibility='visible'} {this.form['box6'].style.visibility='hidden'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==6){this.form['box6'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'}
{this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'}
{this.form['box7'].style.visibility='hidden'} {this.form['box8'].style.visibility='hidden'} {this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==7){this.form['box7'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box8'].style.visibility='hidden'}
if (this.selectedIndex==8){this.form['box8'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box7'].style.visibility='visible'}
{this.form['box9'].style.visibility='hidden'}
if (this.selectedIndex==9){this.form['box9'].style.visibility='visible'} {this.form['box'].style.visibility='visible'} {this.form['box2'].style.visibility='visible'} {this.form['box3'].style.visibility='visible'} {this.form['box4'].style.visibility='visible'} {this.form['box5'].style.visibility='visible'} {this.form['box6'].style.visibility='visible'} {this.form['box7'].style.visibility='visible'} {this.form['box8'].style.visibility='visible'};">
<option value="">0</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
</select>
<br />
<input style="visibility:hidden;" type="text" name="box"><br />
<input style="visibility:hidden;" type="text" name="box2"><br />
<input style="visibility:hidden;" type="text" name="box3"><br />
<input style="visibility:hidden;" type="text" name="box4"><br />
<input style="visibility:hidden;" type="text" name="box5"><br />
<input style="visibility:hidden;" type="text" name="box6"><br />
<input style="visibility:hidden;" type="text" name="box7"><br />
<input style="visibility:hidden;" type="text" name="box8"><br />
<input style="visibility:hidden;" type="text" name="box9"><br />
</form>
<body>
</body>
</html>
Using CSS, the heading at the top of the page is: h2 class="title">text</h2> That line is supposed to give me text of a certain size and color and a certain number of spaces above and below it - However, when combined with <a href="workshops.html#Name">hyperlink text</a> and <center>same hyperlink text</center> in any combination, the best I can hope for is the correct font size that comes out white (it's supposed to be blue) - I am a monkey when it comes to this - I just copy what somebody else did on the site - but am now at a loss - because copying it is not making it happen - Any help you can give me will be greatly appreciated. Okay, I can't remember what they're called, but the vertical lines that are often used to separate links... I've got CSS defining the color of my text, but these lines remain unchanged in the same section. How can I fix this? Here's the CSS: Code: a.linksBot {
color: #c0c0c8;
text-decoration: underline;
}
And the HTML: Code: <div class="linksBot">
<p class="linksBot"><a href="index.html">Home</a> |
<a href="music.html">Music</a> |
<a href="video.html">Video</a> |
<a href="contact.html">Contact</a></p>
</div>
Hello, I need help with the following, Please see this script first: <a href="here.html" title="www.hereiam.com"></a> Now my question is, how do i change the color of the "hereiam" into RED in the tittle? Hope someown understand and can help me! Thanks! Hello, I'm trying to change the text color within a <li> tag in order to display a red "*Updated*" text since we have updated step 3 and want the user to notice it. I've tried using div but it ends up putting the text after "Updated" on a new line instead of on the same line like I want it. Thank you for any help! Code: div.u1{
font-size:12px;
color:red;
}
Code: <ol>
<li>Enter your address in the box below</li>
<li>Please check location</li>
<li> <div class ="u1">*Updated*</div>For more info...</li>
</ol>
So I've got this site, www.jackfrankfurter.com/urbanarch.html and I've got a navigation bar across the top. When you first get to the site, the rollovers work fine but once each page has been visited, the text changes to the "visited" color and the rollover color stops working. Is there something I'm doing wrong in my style page? It looks like this: @charset "UTF-8"; /* CSS Document */ body {background:#000000; color:#666666; font-family:Arial, Helvetica, sans-serif;} a:link {color:#CCCCCC; text-decoration:none;} a:hover {color:#71CEEA;} a:visited {text-decoration:none; color:#F96;} img {border:1px #C5DC79;} .thumbnumber {color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:10px;} Thank you for all your help. It is most appreciated. Yours, Gidmeister So, I tried to use CSS to make my background text black. It hasn't worked... not quite sure why. Here is the site again: Thesoulofashark.com Cheers Is it possible to have some error text appear if a user is browsing your website with a certain browser using html/css or maybe java? An example being: If - The website is being browsed using Safari Then - SHOW error text = "This link won't work with the Safari browser." Else - DO NOT SHOW error text is that sort of thing viable or just a pipe dream at current? Thanks in advance. Regards, Stoney at the moment the text is white and the background of the data area in the form is white too meaning people can't see what they type in. can someone please help so that they can see what they are typing in? here's the webpage; http://www.myspace.com/blissneso and here's the code; <BR><BR><form method="post" action="http://www.ymlp.com/subscribe.php?blissneso"> <table border="0"> <tr> <td colspan="2"><img src="http://img404.imageshack.us/img404/9911/tile18gk.jpg" alt="title" /></td> </tr> <tr> <td>Name:</td> <td><input type="text" name="YMLP0" size="20"></td> </tr> <tr> <td>Email:</td> <td><input type="text" name="YMLP1" size="20"></td> </tr> <tr> <td colspan="2">Select your location:</td> </tr> <tr> <td>NSW:</td> <td><input type="checkbox" name="CAT2"></td> </tr> <tr> <td>VIC:</td> <td><input type="checkbox" name="CAT3"></td> </tr> <tr> <td>QLD:</td> <td><input type="checkbox" name="CAT4"></td> </tr> <tr> <td>WA:</td> <td><input type="checkbox" name="CAT5"></td> </tr> <tr> <td>SA:</td> <td><input type="checkbox" name="CAT6"></td> </tr> <tr> <td>TAS:</td> <td><input type="checkbox" name="CAT7"></td> </tr> <tr> <td>ACT:</td> <td><input type="checkbox" name="CAT8"></td> </tr> <tr> <td>NT:</td> <td><input type="checkbox" name="CAT9"></td> </tr> <tr> <td>NEW ZEALAND:</td> <td><input type="checkbox" name="CAT10"></td> </tr> <tr> <td>OTHER COUNTRY:</td> <td><input type="checkbox" name="CAT11"></td> </tr> <tr> <td colspan="2"><input type="submit" value="Submit"></td> </tr> </table> </form> thanks for any help in advance!!! I was wondering how one would change the colors of text in a google advertisement.. I'm lost as to how it would be done.. Hi, I need to write text in different colors in the cells of a table... for now i use <FONT> but since it is deprecated how can i do this without FONT? HTML Code: <TABLE>
<TR>
<TD><FONT COLOR=BLUE>BLUE</FONT></TD>
<TD><FONT COLOR=RED>RED</FONT></TD>
<TR>
<TD><FONT COLOR=BLACK>BLACK</FONT></TD>
<TD><FONT COLOR=YELLOW>YELLOW</FONT></TD>
</TABLE>
Hello im new here its good to be here I need your help! I am now learning HTML because i realised how important it is...and im stuck in this thing PHP Code: var alternateContent = 'Welcome to mywebsite' + 'Please download Flash Player to view content.' + '<a href="http://www.adobe.com/go/getflashplayer/">Download Flash</a>'; document.write(alternateContent); // insert non-flash content } // --> </script> <img src="Html_logo.jpg" alt="" width="273" height="46" longdesc="http://Html_logo.jpg" /> </body> </html> this is part of the code ...didnt post it all since it was too much... What i need to do is to color the text yellow "Welcome to my website . Please download Flash Player to view content" I tried <FONT COLOR = "######"> but didnt work... Also how do i add the HTML_logo Above the text ..? Any ideas? Having a problem with divisions, as far as i am aware the contents of a division portrays the length of any division. Correct? Is there any way i can make the division wider to enable me to have space either side of my text? Thanks CW |
|||||||