HTML - Need Help With Simple Font Color Change.
Can someone help me out. I need to know how to change the font color without using the deprecated <font> tag.
Here is a sample of my top <body> tag. </head> <body style="color: (#0082A6); background-color: white" <h1 Class="centeralign">Lance Laughlin</h1> <br /> How would i change the font of the text in the <h1> tag? Thanks Similar TutorialsI 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&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:'<prev', next_page:'next>', 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 ©. All rights reserved. </p> </div> </body> </html> 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 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! Hi.I am trying to put different colors in s same paragraph.So i use <a style="color:blue">my text</a> then <a style="green">same paargraph continued </a>.It works but i was thinking if this is the right way to do or is there another way? Hello, I am have a small problem with text color. When I make the size smaller the color of it changes to a light grey instead of black. You can see it in the comments box... http://www.mesquitechristmas.com/loc...?id=2#comments Here is the CSS for the text I am using Code: .commentsDetails { color: #000000; font-weight: normal; font-size-adjust: 0.40; font-family: Tahoma, Verdana, Arial, Georgia, sans-serif; } Any idea why this is happening and how to fix it? -Thanks how do I add the font color[#66cdaa] in my forms? I have it following a stylesheet but I find my self "tweaking" it every time i add something. So basically I'm not really sure if i did it right, I mean it looks nice HTML Code: <FORM action="http://somesite.com/prog/adduser" method="post"> <P> <LABEL for="firstname">First name: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Last name: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">email: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P> </FORM> I can give you a link to the but I'll have to mail it, it's a school link it's not supposed to be public. Oh and how do I make links open in another page? Like I have a search links on my site {google and I want people to click it and leave my site you know open in a new window. Also could a mod close this topic here http://www.htmlforums.com/html-xhtml...lp-103324.html samwedge helped me a lot on there =] 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. What's an easier (shorter) way to combine these elements? Code: <font face="verdana"><font size="3"><font color=#000000;"> thanks hello people, I checked the other day how is easy to have a slider with html5 and how great looks, but I was wondering how can I use it to control the font size or color of the font or background. I use already the font size option for the user to my blog's posts but with javascript and by clicking on two images (plus, minus). A simple slider would be perfect but I cant find on internet how can I get the values from slider and feed the size or color. I only found one tutorial on html5 slider which just prints the number on the slider. I am not an excerpt so any help will be much appreciated. cheers In my website there is an option of font size and when click it will change the font of all the text on that page according to the font the user pick.... how will I do that? Hi guys, I'm quite new to web programming and due to my current project, I need the title of the web page to be shown in a custom font. I mean the font that is shown in the tab of a browser. Is it possible to change the title style? For the body part, I use fontface css and it works fine. But I couldn't change the font of the title. Please help. Thanks in advance. This is how it looks like The unicode font in the body part works great but I can't use the same fontface to display in the title part. Okay- I have a table, and I want to change the font face of my text, however- it is not working. I would like to set the font face to Tahoma. Here is my code: HTML Code: <html> <head> <style type="text/css"> thead { color:#fda815; } thead th { padding:1em 1em .5em; border-bottom:1px dotted #757575; font-size:12; text-align:left; } </style> </head> <body> <table width=312px;> <tr><thead> <th>Stuff 1( this should have a dotted border under it) I want this to have font face of TAHOMA</th> </thead> </tr> <tr><font face=tahoma><font color=#fda815><font size=2> <li>Stuff 2(nothing under it)</li> </font></font></font> </tr> <tr><font face=tahoma><font color=#fda815><font size=2> <li>Stuff 3 (nothing under it)</li> </font></font></font> </tr> <tr><font face=tahoma><font color=#fda815><font size=2> <li>Stuff 4(nothing under it)</li> </font></font></font> </tr> <tr><font face=tahoma><font color=#fda815><font size=2> <li>Stuff 5(nothing under it)</li> </font></font></font> </tr> </table> </body></html> As you can see, "STUFF 1" Is the only cell with the dotted under border. I want to change the font of "STUFF 1" but I don't know how... Help! UPDATE: I KNOW HOW TO MAKE THE FONT "TAHOMA", but when I do, all the text becomes Bold! How do I change the font type for a whole page? Hi, i have been sent this piece of code to use in my website for a small search facility on the data already held, but I have been trying to change the colour to 'navy blue' and the font to Arial without success. I also want to take out the line spaces to make the whole piece fit nicely, I have managed to change this slightly but would be grateful if it was all done at the same time!? Can anyone help please? Hi Guys, I wanted to large bold text (around 30px) in a field when typed in. Is this possible with HTML? My code is below. Thanks, Colin85 HTML Code: <form method="post" action="sendmail.php"> <div style="position:absolute; bottom:285px; left:250px;"> <input name="email" type="text"><br /> </div> <br /> <div style="position:absolute; bottom:174px; left:250px; "> <textarea name="message" rows="1" cols="40"> </textarea><br /> </div> <div style="position:absolute; top:569px; left:274px;"> <INPUT TYPE="image" SRC="http:/example.jpg" left= "200" BORDER="0" ALT="Submit Form"> </div> </form> </div> </div> I can change the font size in <pre> mode ,but how do you change the font type in <pre> mode ?? I want comic sanserif hi all how do i change color for this code its for php tags Code: echo 'Not bad, you scored average'; i want it to be red thanks I'm a SEO guy that knows HTML but my client wants me to center the blue box then make it white. Now, I didn't design the site - but I looked at the code - the box is centered in the code and the bg is white - but if you look at the page, it doesn't look centered and the bg is blue. She has used a WysiwygEZ to edit - I tried both and I can't get it centered or get the table bg white. Here's the site: http://www.pamolder.com/eventsandpress.php hey hotties, I need to know how to get this address line aligned to the right and colored yellow, please help me im already a month behind, any help will be greatly appreaciated. luv ya! Tiff here it is: tell me what i did wrong please! <!--Address--> <td width="620" height="15" colspan="3"; valign="right" style="background-image: url(back2.jpg)"; font-family: sans-serif; font-size: 0.7em"; color: rgb(255,255,0)">dHome Inc. 734 Whisper Lane Ashton, MN 38715 1 (800) 555-7487 </td> </tr> </table> </body> </html> Heya.. Plz temme how 2 chaNge the color of any link...lik if link color iz blue n i wnt to change it in red color..! In between tis link i want to add the code that change the color-- $html .= '<a href="'.$this->link('view',$question->id).'">Q)'.$question->question.'</a>'; 2 ezy is tis 4 u guys na Tc! |