critique request - paulwatt.info

Hi guys,
I've given my site a makeover. What do you think of it?

http://www.paulwatt.info

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info

Paul Watt wrote:

Hi guys,
I've given my site a makeover. What do you think of it?

http://www.paulwatt.info

It looks good. There is an error in CSS

being thrown by the validator, and there is
an odd little box just below the logo that
goes all the way from the left side to the
right around the search box. It is shifted
below of the place it should apparantly be.

On Fri, 3 Nov 2006 12:16:15 +0000, mbstevens wrote
(in article <jqG2h.1800$0r.1494 (AT) newsread1 (DOT) news.pas.earthlink.net>):

Paul Watt wrote:
Hi guys,
I've given my site a makeover. What do you think of it?

http://www.paulwatt.info

It looks good. There is an error in CSS
being thrown by the validator, and there is
an odd little box just below the logo that
goes all the way from the left side to the
right around the search box. It is shifted
below of the place it should apparantly be.

I think it looks very good as well.

That odd little box you've described looks like it is indeed in the
place it should be in IE 6 but looks a bit lower than it should be in
FireFox, and still lower in Safari.

I hope I am describing the same thing, the "box" goes across nearly the
full width of the page and encloses the search field and button on the
right.

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

patrick j wrote:

On Fri, 3 Nov 2006 12:16:15 +0000, mbstevens wrote
(in article <jqG2h.1800$0r.1494 (AT) newsread1 (DOT) news.pas.earthlink.net>):

Paul Watt wrote:
Hi guys,
I've given my site a makeover. What do you think of it?

http://www.paulwatt.info

It looks good. There is an error in CSS
being thrown by the validator, and there is
an odd little box just below the logo that
goes all the way from the left side to the
right around the search box. It is shifted
below of the place it should apparantly be.

I think it looks very good as well.

That odd little box you've described looks like it is indeed in the
place it should be in IE 6 but looks a bit lower than it should be in
FireFox, and still lower in Safari.

I hope I am describing the same thing, the "box" goes across nearly the
full width of the page and encloses the search field and button on the
right.

Yes. It seems to be unneeded, anyway. I

think Paul should just get rid of its border
altogether.

"mbstevens" <NOXwebmasterx (AT) xmbstevensx (DOT) com> wrote

patrick j wrote:
On Fri, 3 Nov 2006 12:16:15 +0000, mbstevens wrote
(in article <jqG2h.1800$0r.1494 (AT) newsread1 (DOT) news.pas.earthlink.net>):

Paul Watt wrote:
Hi guys,
I've given my site a makeover. What do you think of it?

http://www.paulwatt.info

It looks good. There is an error in CSS being thrown by the validator,
and there is an odd little box just below the logo that goes all the way
from the left side to the right around the search box. It is shifted
below of the place it should apparantly be.

I think it looks very good as well.

That odd little box you've described looks like it is indeed in the place
it should be in IE 6 but looks a bit lower than it should be in FireFox,
and still lower in Safari.

I hope I am describing the same thing, the "box" goes across nearly the
full width of the page and encloses the search field and button on the
right.

Yes. It seems to be unneeded, anyway. I think Paul should just get rid
of its border altogether.

Hmmmm, It's appearing because of the <legend> tag in the search form. I've
got this in my css :

legend{ display:none;
border:none;}

and its still showing up. Any ideas?

Plus I cant work out what that single,solitary annyoing css error is and how
to fix it!

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info

"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote

Paul Watt wrote:

Hi guys,
I've given my site a makeover. What do you think of it?

http://www.paulwatt.info

On the portfolio page, I would move the text up next to the upper side
of the images. Something like this will probably work. Choose you own
contrasting color for the caption; this one is from one of my sheets.

.imgleft {
background-color: transparent;
color: #708090; /* image caption color and size */
float: left;
font-size: 90%;
padding: 1em;
text-align: center;
}


p
span><img src="images/buddhist.jpg" alt="Buddhist Audio books"
width="200" height="108" class="imgborder imgleft"><br
a
href="http://www.buddhistaudiobooks.com">www.buddhistaudiobooks .com</a
/span
A site designed with Accessibility in mind. Pure CSS layout for
accessibility,future proofing and cross browser compatabilty. Fully w3c
validated code.
/p

There is no space between 'accessibility,' and 'future.' Compatibility
is spelled incorrectly.

Extra space in: 'manipulation available to clients .' (Simon)

And except for that elusive border <g>, it looks quite nice.

Cheers mr shagnasty, I'll get cracking on that!

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info

Paul Watt wrote:

Hmmmm, It's appearing because of the <legend> tag in the search form.

The border is on the fieldset element, not the legend. Drop the fieldset
altogether and just use a div wrapper for the form elements instead.

Plus I cant work out what that single,solitary annyoing css error is and how
to fix it!

The validator points to the error.

Line: 92 Context : ul#mainnav li a:link, ul#mainnav li a:visited
Invalid number : font Parse Error - [empty string]
^^^^ ^^^^^^^^^^^^^^

Which refers to the rule
font: bold 100%;

The font shorthand requires an explicit font-family, which is missing
(i.e. the empty string). I think you should just drop this line altogether.

--
Berg