HTML - Color Coding Anchor Text

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'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>

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!

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

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.

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?

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..

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!!!

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

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?

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>

I recently put a comment box on my site and it works well,except when the users start typing, it's black text on a black background. How can I make it white text when they type the comment AND where you input your name? Obviously, if I want white text where you input your name, I'd like to know how to make that text box black as well?

http://celticsinsider.webs.com/20March2010.html

Just type something in the comment text area and you'll know what I mean


Heres the html code:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="http://celticsinsider.webs.com/images/celticslogo3.gif">
<link rel="alternate" type="application/rss+xml" title="RSS Feeds From CI" href="http://celticsinsider.webs.com/rssfeed2.xml" />
<title>Celtics Insider - News</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="style1.css" />
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style>
#HCB_comment_box textarea {
  background-color:#080708;
  border:1px solid black;
}
</style>

<style>
#HCB_comment_box .submit {
  background-color:080808;
  border:1px solid black;
}
</style>
</head>

<body onLoad="MM_preloadImages('images/pic2r.jpg')">
	<div id="top">
		<div id="menu">
			<ul>
				<li><a href="index.html" class="but1"><img src="images/spacer.gif" alt="" width="56" height="13" /></a></li>
				<li><a href="index2.html" class="but2"><img src="images/spacer.gif" alt="" width="100" height="13" /></a></li>
				<li><a href="players.html" class="but3"><img src="images/spacer.gif" alt="" width="74" height="13" /></a></li>
				<li><a href="news.html" class="but4" id="active"><img src="images/spacer.gif" alt="" width="123" height="13" /></a></li>
				<li><a href="stats.html" class="but5"><img src="images/spacer.gif" alt="" width="88" height="13" /></a></li>
				<li><a href="http://celticsinsider.forum-motion.com/index.htm" class="but6"><img src="images/spacer.gif" alt="" width="72" height="13" /></a></li>
				<li><a href="contacts.html" class="but7"><img src="images/spacer.gif" alt="" width="84" height="13" /></a></li>
			</ul>																																																																																															<div style="position:absolute;top:1px;left:1px;height:0px;width:0px;overflow:hidden"><h1><a href="http://www.greatdirectories.org">best web directories</a></h1><h1><a href="http://www.bestfreetemplates.org">best free templates</a></h1></div>
		</div>
	</div>
	<div id="header" class="home">
		<img src="images/spacer.gif" alt="" width="98" height="17" /><br />
	</div>
	<div id="wrapper">
		<div id="content">
			<p class="title"><img src="images/title62.gif" alt="" width="118" height="13" /></p>
			<div id="about">
				<img src="images/title72.gif" alt="" width="412" height="0" /><br />
<p><strong><b><h1>Pierce's Back-To-Back Threes Seal Deal For C's</h1></b></strong></p>
<p><strong><b><h5>By <a href="mailto:FHHS63@gmail.com">Chris Frigo</a></h5></b></strong></p>
<a href="http://celticsinsider.webs.com/rssfeed2.xml"> <img border="0" src="images/rss.gif" alt="rss feed for this article" width="36" height="14"></a>
<!-- AddThis Button BEGIN -->
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4ba4d82e1862ffdd"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4ba4d82e1862ffdd"></script>
<!-- AddThis Button END -->
<br>
<br>
<div id="floater"><img src="images/03202010.jpg" align="left">
<p>No matter what rookie sensation Aaron Brooks did Friday night, it seemed Rajon Rondo was there to mirror him.</p>
<p>"I just wanted to make him take contested shots," Rondo said. "I didn't want to leave him open tonight. I just tried to send him in with the big guys. Not just me, but they did a great job as well."</p>
<p>Rondo scored just two points on 1-5 shooting, however, he had some veteran support from his teammates that helped the Celtics earn a 94-87 victory over the Rockets.</p>
<p>Paul Pierce continued his scoring run since coming back from injury, contributing 26 points, while helping the Celtics win three straight games.</p>
<p>The coveted match-up between Rondo and Brooks was the biggest headline coming into this game, but it was the Celtics' return to defensive prowess that marks the headlines early this morning. The Celtics held Houston to just 39% shooting from the field, due partly to the efforts of defensive-minded player Kevin Garnett.</p>
<p>"We kept everybody intact for the most part," Garnett, who scored 15 points in the victory, said of Boston's defense. "It was just a collective effort. We needed that with a team like this."</p>
<p>Ray Allen continued his post-All-Star break dominance as well, scoring 3 three-pointers in just 4 minutes after Houston tied it at 52. Houston would then miss 5 straight shots, helping the Celtics strengthen their lead to 72-62 to start the fourth quarter.</p>
<p>"Executing offensively, that's been our Achilles' heel, when we've been bad," Allen said. "With bad offense, you put teams in transition, and we don't give our defense a chance."</p>
<p>Luis Scola and the newly-acquired Kevin Martin scored 17 apiece for the Rockets, but Pierce's back-to-back three-pointers with 5 minutes left in the game stretched the Celtics' lead to 88-77, queuing the fans to start exiting the arena.</p>
<p>The Celtics will hope to continue their run and win their fourth straight game as they will visit the American Airlines Center to take on Dirk Nowitzki and the Dallas Mavericks starting at 9 P.M. on Saturday.</p>
<a href="news.html">previous page</a>
<br>
<br>
<br>
<br>
<!-- customize labels of htmlcommentbox.com -->
<script>
// This code goes ABOVE the main HTML Comment Box code!
// replace the text in the single quotes below to customize labels.
hcb_user = {
      comments_header : 'Comments',
      name_label : 'name',
      submit : 'submit',
      logout_link : '[log out]',
      admin_link : '[admin]',
      no_comments_msg: '',
      add: '(+) Add your comment',
      rss: 'comment feed',
      said: 'said:',
      prev_page:'&lt;prev',
      next_page:'next&gt;',
      website_label:'website (optional)',
      email_label:'email (optional)',
      anonymous:'Anonymous',
      
      msg_thankyou:'Thank you for commenting!',
      msg_approval:'(this comment is not published until you approve it)',
      msg_approval_required:'(Your comment will not be visible until approved by the moderator)',
      
      err_bad_html:'Your comment contained bad html.',
      err_too_frequent:'You must wait a few seconds between posting comments.',
      err_comment_empty:'Your comment was not posted because it was empty!',
      
      MAX_CHARS: 2048
    };
</script>
<!-- done customizing labels of htmlcommentbox.com -->
<!-- begin htmlcommentbox.com -->
 <div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
 <script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape(window.location)+"&mod=%241%24wq1rdBcg%24Ap6g0Z.mMeL6OYEFezBnw."+"&opts=286&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->

			</div>
		<div id="history">
				<img src="images/title82.gif" alt="" width="404" height="0" /><br />
                                <p><strong><b></b></strong></p>
                                <p></p>
                                <p><strong><b></b></strong></p>
                                <p></p>
</div>
		</div>
	</div>
	<div id="footer">
		</ul>
		<p>Copyright &copy;. All rights reserved. </p>
	</div>
</body>
</html>

I was wondering if someone could give me the javascript to make text change color or size or make bold when mouse moves over.

Thanks for the help!

Hi,

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>

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!