Click here to get back home

problem with validated site

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
problem with validated site Corey Walker 10-21-2007
Get Chitika Premium
Posted by John Hosking on October 21, 2007, 6:02 pm
Please log in for more thread options
Corey Walker wrote:
>
> 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.

The short, simple answer is that the span with class "c1" covers the
first three paragrpahs (even though they're not marked up as paragraphs)
and ends before the fourth paragraph. Span.c1 asks for font-family:
Arial, Helvetica, sans-serif, which is apparently different from the
default font your browser is set to use (I'm betting you see Times New
Roman on that last graph). That's just the short, immediate answer, but
it won't improve your life significantly.

Read the posts by André and Jonathan, and heed what they say (although
Jonathan berates you a little much for markup you've apparently only
inherited). The fact that their posts are long point to the tragic
condition of your site. Diving in to learn HTML and CSS would be the
best thing you could do, while second choice is probably finding
*another* "professional website designer" (a good one this time), who
will redo the site for free. Good luck with that. ;-)

BTW, two weeks ago I suggested defining a background color, but your
site still lacks such a definition. Something like this in the CSS:

body { color:black; background-color:white; }


> I have no idea what the <span> tag does). 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.

The W3C has resources online, and references for HTML and CSS abound.
http://www.w3.org/TR/html401/struct/global.html#h-7.5.4 is the HTML 4.01
version of the text about <span>, but I believe XHTML's is no different,
and anyway, you shouldn't be attempting to use XHTML right now.
HTML 4.01: http://www.w3.org/TR/html401/
CSS 2.1: http://www.w3.org/TR/CSS21/
Tutorials as mentioned by the others or as found via a search engine.

--
John
Pondering the value of the UIP: http://improve-usenet.org/

Posted by Corey Walker on October 21, 2007, 6:37 pm
Please log in for more thread options
John Hosking wrote:
> Corey Walker wrote:
>>
>> 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.
>
> The short, simple answer is that the span with class "c1" covers the
> first three paragrpahs (even though they're not marked up as paragraphs)
> and ends before the fourth paragraph. Span.c1 asks for font-family:
> Arial, Helvetica, sans-serif, which is apparently different from the
> default font your browser is set to use (I'm betting you see Times New
> Roman on that last graph). That's just the short, immediate answer, but
> it won't improve your life significantly.
>
> Read the posts by André and Jonathan, and heed what they say (although
> Jonathan berates you a little much for markup you've apparently only
> inherited). The fact that their posts are long point to the tragic
> condition of your site. Diving in to learn HTML and CSS would be the
> best thing you could do, while second choice is probably finding
> *another* "professional website designer" (a good one this time), who
> will redo the site for free. Good luck with that. ;-)
>
> BTW, two weeks ago I suggested defining a background color, but your
> site still lacks such a definition. Something like this in the CSS:
>
> body { color:black; background-color:white; }
>
>
>> I have no idea what the <span> tag does). 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.
>
> The W3C has resources online, and references for HTML and CSS abound.
> http://www.w3.org/TR/html401/struct/global.html#h-7.5.4 is the HTML 4.01
> version of the text about <span>, but I believe XHTML's is no different,
> and anyway, you shouldn't be attempting to use XHTML right now.
> HTML 4.01: http://www.w3.org/TR/html401/
> CSS 2.1: http://www.w3.org/TR/CSS21/
> Tutorials as mentioned by the others or as found via a search engine.
>
Thanks for all the feedback people. Actually, most of the CSS stuff was
added by HTML Tidy, believe it or not. The site looked fine before I
"fixed" it with Tidy. But this guy did overuse his span and table tags.
I've created nice looking pages before without nesting everything in
tables and <span> tags.

We had a professional designer work on our site before, and it wasn't
quite as fancy, but it was clean, simple, professional and nice. I had
no problem working with her code, because it was all straightforward.
You see, I originally designed a basic site on GeoCities, and then I've
steadily improved and enhanced it. I stepped down for awhile, and a
professional lady took over, and did a beautiful job. Then, she no
longer had time to volunteer her services, so I came back in and
continued working on the site.

Having the site redesigned like this, was not my idea at all. I was told
we were going to get the front page redesigned and that was it. Imagine
my shock when I visited the site one day and found that half the site
had been changed. I think for me now, the simplest thing would be to
scrap his code entirely and write my own. I'll just use his code for the
links table on the left and bottom and the banner at top, which I
actually hate.

John H: I had forgotten about your suggestion to define the background.
I will implement that suggestion, starting with this page. I'll do the
other pages as time permits.

Corey

Posted by Corey Walker on October 21, 2007, 6:46 pm
Please log in for more thread options
Actually, re-reading through all the messages, I see that I shouldn't
keep any of his code at all. Yeah, that makes me very happy.

Corey

Posted by Jonathan N. Little on October 21, 2007, 7:08 pm
Please log in for more thread options
Corey Walker wrote:
> Actually, re-reading through all the messages, I see that I shouldn't
> keep any of his code at all. Yeah, that makes me very happy.
>

Best thing to to do in your situation is to copy all the content without
markup. Saving as plain text from the browser is one way. Then paste
into a template page. Use plain semantic html to define your content,
i.e. <p>...</p> for paragraphs, <h#>...</h#> for headings... Then style
later with your stylesheet.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">

<title>...</title>
<link rel="stylesheet" type="text/css" href="reaps.css" title="REAPS
default style">
</head>
<body>
<h1>...</h1>
<ul class="navbar">
<li><a href="">...</a><li>
<li><a href="">...</a><li>
<li><a href="">...</a><li>
</ul>
<h2>...</h2>
<p>...</p>
<div class="footer">
...
</div>
</body>
</html>


Sorry for trashing you on code that you inherited I missed that., but to
to fix it will require that you get your hands dirty and learn a little
bit about html and css. There is not magic wand (or program) that can do
it for you.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Posted by Corey Walker on October 22, 2007, 1:01 am
Please log in for more thread options
Jonathan N. Little wrote:
> Corey Walker wrote:
>> Actually, re-reading through all the messages, I see that I shouldn't
>> keep any of his code at all. Yeah, that makes me very happy.
>>
>
> Best thing to to do in your situation is to copy all the content without
> markup. Saving as plain text from the browser is one way. Then paste
> into a template page. Use plain semantic html to define your content,
> i.e. <p>...</p> for paragraphs, <h#>...</h#> for headings... Then style
> later with your stylesheet.
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
> <meta http-equiv="content-language" content="en-us">
>
> <title>...</title>
> <link rel="stylesheet" type="text/css" href="reaps.css" title="REAPS
> default style">
> </head>
> <body>
> <h1>...</h1>
> <ul class="navbar">
> <li><a href="">...</a><li>
> <li><a href="">...</a><li>
> <li><a href="">...</a><li>
> </ul>
> <h2>...</h2>
> <p>...</p>
> <div class="footer">
> ...
> </div>
> </body>
> </html>
>

Thanks. This sample code was exactly what I was hoping for.

> Sorry for trashing you on code that you inherited I missed that., but to
> to fix it will require that you get your hands dirty and learn a little
> bit about html and css. There is not magic wand (or program) that can do
> it for you.
>
That's okay. I do know some HTML, as I have "dabbled" in it for several
years now. The problem is that I need some formal hands-on training, as
there is so much I don't know about HTML, and the web world is changing
so fast, I can't keep up with it. Seven years ago, the organization was
supposed to send me to some comprehensive training (I can't remember
where or by whom anymore) that would have been wonderful. But the board
decided it was too expensive. I will look at those tutorials, but
unfortunately, I don't learn well by reading. I learn by doing, and I
was doing just fine until Digital Sunshine came along. Likely, it will
soon come to a point where I'll demand some real training, or stop
volunteering. Nobody else at REAPS knows HTML, so the website would
unfortunately become neglected. Our first home page was all text, no
graphics, so I've progressed a fair bit since then. But I would love to
have the money to take some formal training and become an expert in
HTML, CSS and javascript, the latter of which I know virtually nothing.

I'm curious as to what people think of the following site:
http://www.reaps.org/compost/nervous-system.html . This is a page I
designed back in 2005 from scratch and tweaked it until the code was
rendered valid. This was my first ever page that I could put the valid
symbol on, and it was my first experiment with CSS. Admittedly, I copied
the CSS code from a government web page, and just modified it a bit to
work for us. I would appreciate your comments, but please don't trash
me; I'm still learning. If you have suggestions for improving the
markup, I'd like to hear it. I doubt that the background is defined, but
I can easily add that in.

Corey

Similar ThreadsPosted
Problem with upgrading my site May 7, 2005, 9:28 pm
Can well-formed but non-validated XHTML have extra namespaces? November 20, 2006, 10:54 am
Recommendations for good Web site hosting company (for personal Web site) April 16, 2006, 7:49 pm
Need help with my site - search function within my site not working?!? April 24, 2008, 8:52 pm
What is this site using January 4, 2005, 7:48 pm
How to add RSS 2.0 to my web site? August 22, 2005, 6:01 pm
Subscription Web Site August 28, 2004, 9:36 am
Site Migration January 5, 2005, 5:59 am
Site critique February 3, 2005, 5:00 pm
Help with web site management February 11, 2005, 6:26 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap