website guidance

S

sunra

This is my first attempt at html 4.01 strict with css,
my objective was to have a simple site and wide
compatability.

I would like a review of my use of html and css, I'm
sure others will see better ways building my site.

Issues that I know about are, the css needs cleaning up and
validating and the pedigree files are in bad need of work
(I didn't write these)

One thing I haven't been able to work out is the nav links
have a right border, but I would like for the last link to
not have a border, how can I get rid of it?

www.home.hiwaay.net/~bmurphy
 
V

viza


On the links at the top, I would not remove the link for each page on
the page that it is, ie: the testimonials page should still have the
word testimonials where the other pages have the link to it. This
avoids confusing the user when the words jump around from page to
page.

http://home.hiwaay.net/~bmurphy/sires.html
Websites should never say "Click on ...". This is like a book saying
"turn the pages over".

http://home.hiwaay.net/~bmurphy/Jack.pl.htm
Personally I never ever use <br>. Content is content, markup is
markup. I would suggest either using </div><div> or use preformatted
newlines.

http://home.hiwaay.net/~bmurphy/contacts.html
I would suggest making the link text of the mailto: link your actual
email address. If this page is converted to text it means that you
don't loose the address then. It also hints to people that it is a
mailto link and not a hyperlink to a form.

http://home.hiwaay.net/~bmurphy/testimonials.html
<div class="barimage"></div>

Use an actual image. Don't use a background image for something that
isn't background.

http://home.hiwaay.net/~bmurphy/styles/web.css
body div.rightimage {...}

This is selector is tautological. Every div must be a descendant of
the body.

div.c3 {text-align: right}
div.c1 {text-align: left;}
div.c7 {text-align: left}

silly names for such simple classes.

div.c5 {text-align: left; display: inline}

use span.
 
S

sunra

....
On the links at the top, I would not remove the link for each page on
the page that it is, ie: the testimonials page should still have the
word testimonials where the other pages have the link to it. This
avoids confusing the user when the words jump around from page to
page.

Makes sense to me, I wondered about this while doing it.
fixed

http://home.hiwaay.net/~bmurphy/sires.html
Websites should never say "Click on ...". This is like a book saying
"turn the pages over".

Not sure how I want to handle this, saying "sire name links to
pedigree" is almost
as bad.
http://home.hiwaay.net/~bmurphy/Jack.pl.htm
Personally I never ever use <br>. Content is content, markup is
markup. I would suggest either using </div><div> or use preformatted
newlines.

There is a lot wrong with the pedigree files, that even I can see,
they will be the last pages to be fixed.
http://home.hiwaay.net/~bmurphy/contacts.html
I would suggest making the link text of the mailto: link your actual
email address. If this page is converted to text it means that you
don't loose the address then. It also hints to people that it is a
mailto link and not a hyperlink to a form.
Done


http://home.hiwaay.net/~bmurphy/testimonials.html
<div class="barimage"></div>

Use an actual image. Don't use a background image for something that
isn't background.

I want to call it from the style sheet and I haven't found a way to do
this
without using background-image, all the examples that I have been able
to find use background-image, what is a better way?

http://home.hiwaay.net/~bmurphy/styles/web.css
body div.rightimage {...}

This is selector is tautological. Every div must be a descendant of
the body.

Yes, I've got some leftover junk in the css
div.c3 {text-align: right}
div.c1 {text-align: left;}
div.c7 {text-align: left}

silly names for such simple classes.

What are the more accepted names for such classes, I would
like to make the site more standard, before it gets too big to change
easily.

div.c5 {text-align: left; display: inline}

use span.

I'm new to all this(less than a month) I'll have to learn what span is
before
I can use it, time to study.
 
D

dorayme

"sunra said:
...

Not sure how I want to handle this, saying "sire name links to
pedigree" is almost
as bad.

You can put a link on something which is a natural trigger for curiosity
like a caption or note about the pictured corgi that might go "Available
is a five generation pedigree of this sire" with the link on the words
"five generation pedigree" perhaps.

It would not be wrong even to say "See a five generation pedigree" with
a link on some or all these words.

Finally, though I sympathise with viza, it is not all that wrong to
inform the reader that clicking the pics or whatever leads to pages of
the pedigree - in other words it is *not* like saying turn the pages
over in a book (which is *not* information, whereas what you are doing
*is* information).
There is a lot wrong with the pedigree files, that even I can see,
they will be the last pages to be fixed.

To use breaks (especially double and triple) to space stuff out is bad
but the occasional use of breaks is fine. For example an inline pic with
a breaked caption is simple and unexceptional. Perhaps it is not quite
as flexible in theory as other ways, but it has the advantage of great
simplicity.
I want to call it from the style sheet and I haven't found a way to do
this
without using background-image, all the examples that I have been able
to find use background-image, what is a better way?

There is nothing wrong with a background image to style and frame things
decoratively. But it would be nice to style the actual horizontal
navigation element itself if you can (rather than have to add *two*
extra divs like you have). I realise that you would likely need one
extra div but the pure and perhaps clever thing here is to use real live
elements; for example, given you designed it well, the top of the
navigation and the top of the content element underneath might give the
look you want. And you would not necessarily be using more elements in
the html than you strictly need for meaningful content. That's the idea
anyway.

What are the more accepted names for such classes, I would
like to make the site more standard, before it gets too big to change
easily.

The idea here is to give your classes and ids names that are meaningful,
eg. a navigation might get "nav" and main content wrapper might get
"main_content" and optional stuff (that you put on some pages as
afterthoughts on a far right column might get "features"). You can later
move these elements via the CSS but keep track of them. An element
classed as "left" would be confusing to maintain when the author decided
to put it on the right later.

But too much is sometimes made of this, such big changes are not as
common as is often touted for theatrical pedagogical purposes. So don't
worry too much. But c1 and c2 are really too obscure and you will likely
lose track of these yourself in a few months time - so viza is right to
express concern on this.
 
N

nice.guy.nige

While the city slept, viza feverishly typed:
Websites should never say "Click on ...". This is like a book saying
"turn the pages over".

Whilst agreeing with the sentiment, your example is not 100% convincing.
Technically, it is more like a book saying "Use your fingers to turn the
page over". What if I have no fingers?

Cheers,
Nige
 
T

Travis Newbury

This is my first attempt at html 4.01 strict with css,
my objective was to have a simple site and wide
compatability.

As surprised as I am, I actually like your site. (That is more a
testament to my preferences than it is to your site.)

Anyway, the site looked fine (though a little sparse on words) when I
was at full screen. So I made the browser window smaller and noticed
that the words to the left of the dog touch the image of the second
dog (the lower one) You might want to take care of that.

Oh, the girl holding Joey is hot.
 
B

Blinky the Shark

nice.guy.nige said:
While the city slept, viza feverishly typed:


Whilst agreeing with the sentiment, your example is not 100% convincing.
Technically, it is more like a book saying "Use your fingers to turn the
page over". What if I have no fingers?

Right on! Let's say, for instance, that the reader is a shark......
 
V

viza

Hi

While the city slept, viza feverishly typed:


Whilst agreeing with the sentiment, your example is not 100% convincing.
Technically, it is more like a book saying "Use your fingers to turn the
page over". What if I have no fingers?

Then how do you pick your nose?

viza
 
T

Travis Newbury


Ugly women usually bitch the loudest about men being sexist. I think
it is because we don't give them the same attention we give pretty
women.

Oh, Viza, can you upload a picture of yourself to prove me wrong?...
 
V

viza

I'm new to all this(less than a month) I'll have to learn what span is
before I can use it, time to study.

span is exactly the same as div, but inline (ie: a meaningless
container used for styles and DHTML).
 
J

Jonathan N. Little

sunra wrote:

One thing I haven't been able to work out is the nav links
have a right border, but I would like for the last link to
not have a border, how can I get rid of it?

:first-child pseudo class(*)

( won't work in IE<=6 )

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>first-child</title>

<style type="text/css">
ul.nav {
margin: 0; padding: 0; list-style: none;
}
ul.nav li {
padding: 0 .5em; border-left: 1px solid #00f; display: inline;
}
ul.nav li:first-child {
border: 0;
}
</style>
</head>
<body>

<ul class="nav">
<li>Fee</li>
<li>Fie</li>
<li>Foe</li>
<li>Fum</li>
</ul>

</body>
</html>
 
N

nice.guy.nige

While the city slept, Blinky the Shark feverishly typed:
Right on! Let's say, for instance, that the reader is a shark......

Quite correct! "User your fins to turn the page over... or just eat the
surfer instead" ;-)

Cheers,
Nige
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
474,102
Messages
2,570,645
Members
47,243
Latest member
CorrineCad

Latest Threads

Top