|
HTML - <h1> Font Color Problem
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?
Similar TutorialsHello 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! 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 =] 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 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. 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 What's an easier (shorter) way to combine these elements? Code: <font face="verdana"><font size="3"><font color=#000000;"> thanks 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 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&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>
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 Hello, When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course): <font face="Verdana, Tahoma, Arial, Helvetica"> ... ... ... </font> vs body { font-family: Verdana, Tahoma, Arial, Helvetica; } or even... body { font: Verdana, Tahoma, Arial, Helvetica; } Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser? I would appreciate input. Thanks. Hello all, I have created an Embedded OpenType File and uploaded it to my server in the root directory. Within my css file, I have added the following definitions: Code: @font-face {
font-family: font1;
src: url(ARIALRO0.eot);
}
.header1 {
font-family: font1;
font-size: 26px;
color: #000066;
}
However, header1 will always display as times new romain, not the embedded font. Any ideas? Hi all, First time here. May be this is easy for all but I am writing this after experiencing a lot of frustration trying to write a very simple html file that uses regional font. I am on windows-xp. A font called Mangal which comes with the o/s itself is in question. All I want to do is show some text in this font (which is an Indian font, basically) on the browser. Here is my html : HTML Code: <html> <head> </head> <body> <font face="Mangal">Hello There...</font> </html> I opened this html in firefox and IE and in both the text appeared in English and not in Hindi; which it is expected to be in. I changed the char set to UTF-8 (in both) and tried but didn't work. After doing several google searches I discovered I need something called as eot file. So I downloaded the s/w WEFT from MS and installed and created eot file as described in online tutorials. The s/w did change my above file to : HTML Code: <html>
<head>
<STYLE TYPE="text/css">^M
<!-- /* $WEFT -- Created by: prasi () on 8/7/2009 -- */^
@font-face {^M
font-family: Times New Roman;^M
font-style: normal;^M
font-weight: normal;^M
src: url(TIMESNE0.eot);^M
}^M
@font-face {^M
font-family: Mangal;^M
font-style: normal;^M
font-weight: normal;^M
src: url(MANGAL0.eot);^M
}^M
-->^M
</STYLE>^M
</head>
<body>
<font face="Mangal">Hello There..</font>
</html>
But still the text appeared in English itself. I tried adding each of the following to my html document: HTML Code: <!-- inside head : > <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-user-defined"> <!-- On top of html doc> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> And tried to open the file in IE / Firefox but it didn't work. The text appears in English itself. Everytime I made changes I tried changing the charset from default to utf-8 to user-defined but the text still remained in English. I tried typing text using Mangal font in notepad / openoffice but it didn't work. Earlier only rectangles appeared. After addition of support for complex script (Control panel -> regional settings -> languages), I am seeing text typed in notepad with Mangal font appearing in English. But still I don't see Hindi text getting typed in Notepad / openoffice-writer and most importantly not in the browser with my html So I'll be most obliged and happy if some one could help me out with basic steps towards writing html document which uses non-english font. To be specific Mangal. Thanks in anticipation. Hi guys, This is a great site, it will be really useful for me. I am developing a site at www.mediacovered.com and I have an issue on the homepage. If you look at the text in the white box on the right (i.e.Take Control of your media etc.", this looks pretty good on all browsers/platforms. However in the white bar near the bottom which has a javascript content slider script on it and shows core services, it seems in Internet Explorer only (Fine in firefox), the font is anti-aliasing and looks jagged. Can anyone else see this and shed some light on why it's doing it? The font in Lucida Grande. Cheers for your time in advance Andy Hi all, I'm not sure if I'm posting in the right place but I have an issue with Internet Explorer 7. Apparently, when user's are looking at my website (it's internal) with IE 7 - the size of the font shrinks to 2 (or even lower). the site looks ok on fireFox/older version on IE. can anyone advise how to fix it? THANK YOU! Does anyone know of a font face generator that can convert a TTF or OTF font file into the 4 formats (woff, svg, eot, ttf), that's not font squirrel? That site only supports English fonts with a very low file size limit, and can't convert any foreign fonts. Already tried http://onlinefontconverter.com as well, doesn't work either as I waited like an hour then the server simply deleted my uploads without so much as an error pop-up lol, and now the website is not responding. This is for usage in CSS using the @font-face function. Thanks. Hey guys, I got some problems with coloring my design, http://test.fairfight.dk/html/ At my MacBook it looks like this in firefox: As you see there is an ugly "bottom" - that bottom shouldnt be there.. It should look like this: Do you have any idea why it doesnt show up as I want it to be? This is my first post in the forum, I'm sorry if I've done anything wrong Hi, i want the background color of a div to only span a percentage of the div. For example HTML Code: <div style="width: 90%; padding: 1%; background: green;">50%</div> But i only want the green background colour to span the percentage (in this case 50%) of the div. Is this possible, and if so can somebody point me in the right direction? Thankyou. At the moment I have a color fade on the left side of our website behind the links. I am using the onmouseover and onmouseout commands to change the color when someone puts their cursor over the link. I have no problem changing the background color when the mouse is over the link, but I can't find a way to return it to the color fade background after someone removes their mouse. Any ideas as to what I should put in the onmouseout spot to get it to return to the original fading background? <tr> <td width="200" valign="top" style="filter:progidXImageTransform.Microsoft.Gradient(endColorstr='#F5F5F5', startColorstr='#CAF0F7', gradientType='1'" ><table width="87" height="155" border="0"> <tr> <td><table width="200" height="229" border="0" cellpadding="0" cellspacing="0" bordercolor="#F5F5F5" id="navigation"> <tr> <td width="200"><div align="center"><a href="Homepage.html" class="navText style3" onmouseover="style.backgroundColor='#CAF0F7';" onmouseout="????????" ><font color="#5A434A"><span class="style5">Home</a></div></td> </tr> thanks 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> 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 |
|||||||