|
Posted by Adrienne Boswell on October 21, 2007, 7:18 pm
Please log in for more thread options
Gazing into my crystal ball I observed Corey Walker
> Hello:
>
> I developed a nice looking web page which provided people with a brief
> overview of our society's publications (our different newsletters).
> However, while I'm by no means an expert or professional website
> designer, I know enough about XHTML 1.0 to know that the best way to
> guarantee interoperability on all, or at least most browsers,
> including lynx is to make sure my site complies with the w3 standards.
> So, I ran my site through the XHTML 1.0 Transitional validator, and it
> didn't pass, so I had it clean up my markup using Tidy. I then copy
> and pasted that markup into the validator, and it validated. However,
> when I viewed the valid page online, it looked funny.
>
> This is the page: http://www.reaps.org/walker_html/publications.html .
> I'm not sure why the different paragraphs all have different fonts,
> when
> I can't even see a <font> tag.
In addition to what others have said, the c1, c2 stuff is something that
Tidy will generate when _trying_ to convert from tag soup to CSS - and
it's actually worse.
> My challenge is that a bunch of pages
> on our site were recently redesigned by a professional website
> designer, and now every time I create a new page, I try to use other
> pages he's done as a template. But I'm not familiar with all his code
> (for example, I have no idea what the <span> tag does).
Think about using the right tool for the job. Almost all HTML elements
are named for what they do, for example, P is Paragraph, OL is Ordered
List, DIV is Division, TABLE is table, etc.
Now, SPAN is used when you want to SPAN something across some content,
for example, <p>This is a paragraph, and this word is <span
style="color:#ff0">red</span>, while this word is <span style="font-
weight:bold">in bold</span>.</p>
Span is like pepper, use it to bring flavor, but use sparingly.
> And since I
> can't find our O'Reilly HTML book around here, I'm hoping somebody can
> take a look at the source code, and let me know what I've done wrong,
> and how I can fix it.
>
Look at the HTML specification <http://www.w3.org/TR/html401/>, CSS
<http://www.w3.org/TR/REC-CSS2/>, and go over to http://www.htmldog.com
for turorials and such.
> Also, if I want to make each paragraph a different colour, what is the
> valid way of doing that in XHTML 1.0 Transitional. I will eventually
> use CSS for my formatting, but I want to wait until my paid time is
> does, and I'm volunteering again. Then, I can take as much time as I
> need to figure out the CSS code, without worrying about how well I'm
> using my time.
>
> Thanks for your help; I look forward to learning from your feedback.
>
> Corey Walker
> Webmaster, Recycling and Environmental Action Planning Society
What you really want is something like:
<div id="header">
<ul id="menu">
<li>Membership</li>... etc
</ul>
</div>
<div id="leftside">
<ul id="submenu">
<li>Home</li>... etc
</ul>
<div id="content">
<p>Some content is here.</p>
<p>Some more content is here.</p>
</div>
<div id="footer">
<ul>
<li>Home</li>... etc
</ul>
</div>
Then you can style the header, leftside, content and footer, and then
style those elements within each. Take notice of the cascade.
--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share
| 
XML Sitemap