Thread: Help with CSS text
Results 1 to 2 of 2
TE Text Forum: Website Scripts ForumReplies: 1
Text vs image of text for logo - best practices Forum: HTML ForumReplies: 1
rollover text to display description text Forum: HTML ForumReplies: 16
colors and text input boxes and text areas Forum: HTML ForumReplies: 2
01-09-2008, 01:39 PM #1
Help with CSS text
I'm trying to figure out why some of the blog posts have larger text and even a different font here:
I can't seem to find where/what is controlling that.
Any help is appreciated!
01-13-2008, 04:52 PM #2
Re: Help with CSS text
Hi there. I copied and pasted your page code into MSWord and started going through it looking for "the obvious" such as a basic error. I haven't gone through it all but sufficiently to make a few observations that allow me to recommend that you invest some time and comb through the html pages:
- some html tags are messy, unnecessary and incorrectly written, e.g.
<p> What about you? Are you willing to do what it takes to achieve mastery? <em><br /></em> <em><em><em><em> </em></em><em><em /></em> <em><em><em><em><em><em> If one advances confidently ... in common hours. <br /></em> <em>- Henry David Thoreau<br /> </em></em></em> </p> <p></em></em></em></em></em></p>
- the page code contains style language that should be in a .css file; in fact some style does nothing but confuse things, e.g.
... Balance in Europe</a></h1> <small>August 30th, 2007 <!-- by --></small> <div class="entry"> <p> <font face="Times New Roman" size="3"><font face="Times New Roman" size="3" /></font> <font face="Times New Roman" size="3"><font face="Times New Roman" size="3"> </p> <p class="MsoNormal" style="margin: 0in 0in 0pt">I’m just back ... ... <p /></font></font></p>
- There is a lot of this style repeated
<p class="MsoNormal" style="margin-bottom: 12pt">
- correct mis-matched opening/closing tags, i.e. the opening count must equal the closing count, unless they're self closing e.g. <br />;
- correct 'bad' tags e.g. "<p/>";
- remove repetitive, redundant, unnecessary and superfluous code; and
- highlight style code for transplant to a .css file
As you know, the UA-rendered error of font size starts here:Code:
<div class="entry"> <p class="MsoNormal">“A vacation is having nothing to do, and all day to do it in.”</p>Code:
... What success stories (or horror stories) do you have related to technology and vacations? Please share your thoughts.</p> <p><span style="font-size: 10pt" /> </p></div>
Take a look at what that span tag does to font size in my IE browser - pic attached