RFC: site redesign

I just redesigned my blog, and would like some feedback. I used a
completely xHTML and CSS based layout with no tables or image spacers :slight_smile:

All comments/suggestions are welcome.

http://www.webcodefocus.com/test/

-Mike K.

Re: RFC: site redesign

Just ran through an xHTML validator, and didn’t pass because I have

marginheight
marginwidth
topmargin
leftmargin
bottommargin
rightmargin

set on the <body> tag.

I tried setting a CSS attribute for the body tag:

margin: 0px;

but that doesn’t work. What can I do to get rid of the page margins?

-Mike K.

Mike King wrote:
>
> I just redesigned my blog, and would like some feedback. I used a
> completely xHTML and CSS based layout with no tables or image spacers :slight_smile:
>
> All comments/suggestions are welcome.
>
> http://www.webcodefocus.com/test/
>
> -Mike K.
>

Re: RFC: site redesign

Mike King wrote:
> I tried setting a CSS attribute for the body tag:
>
> margin: 0px;
>
> but that doesn’t work. What can I do to get rid of the page margins?

margin: 0px 0px 0px 0px;

  • Gilby

Re: RFC: site redesign

Oh good lord. You don’t know how many times I tried to get rid of
margins with css, and it didn’t work. THAT was all I had to do??

Gilby wrote:
> Mike King wrote:
>
>> I tried setting a CSS attribute for the body tag:
>>
>> margin: 0px;
>>
>> but that doesn’t work. What can I do to get rid of the page margins?
>
>
> margin: 0px 0px 0px 0px;
>
> - Gilby
>

Re: RFC: site redesign

Shena Delian O’Brien wrote:
> Oh good lord. You don’t know how many times I tried to get rid of
> margins with css, and it didn’t work. THAT was all I had to do??

I guess so, it works in IE and Mozilla.

  • Gilby

Re: RFC: site redesign

Gilby wrote:
> Shena Delian O’Brien wrote:
>
>> Oh good lord. You don’t know how many times I tried to get rid of
>> margins with css, and it didn’t work. THAT was all I had to do??
>
>
> I guess so, it works in IE and Mozilla.

Doesn’t work in Opera :frowning:

-Mike K.

Re: RFC: site redesign

Hmmm…don’t think I’m seeing the intended display in Netscape 7.02:

Mike King wrote:
>
> I just redesigned my blog, and would like some feedback. I used a
> completely xHTML and CSS based layout with no tables or image spacers :slight_smile:
>
> All comments/suggestions are welcome.
>
> http://www.webcodefocus.com/test/
>
> -Mike K.
>

Re: RFC: site redesign

Yeah I get the same thing.

-Deborah- wrote:
> Hmmm…don’t think I’m seeing the intended display in Netscape 7.02:
>
>
>
> Mike King wrote:
>
>>
>> I just redesigned my blog, and would like some feedback. I used a
>> completely xHTML and CSS based layout with no tables or image spacers :slight_smile:
>>
>> All comments/suggestions are welcome.
>>
>> http://www.webcodefocus.com/test/
>>
>> -Mike K.
>>
>
>
> ------------------------------------------------------------------------
>

Re: RFC: site redesign

Mike King wrote:
>
>
> Gilby wrote:
>
>> Shena Delian O’Brien wrote:
>>[color=darkred]
>>> Oh good lord. You don’t know how many times I tried to get rid of
>>> margins with css, and it didn’t work. THAT was all I had to do??
>>
>>
>>
>> I guess so, it works in IE and Mozilla.
>
>
> Doesn’t work in Opera :-([/color]

Does the longer version work?
margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;

  • Gilby

Re: RFC: site redesign

On Friday 09 May 2003 10:47 am, Mike King wrote:

>
> I just redesigned my blog, and would like some feedback. I used a
> completely xHTML and CSS based layout with no tables or image spacers :slight_smile:
>
> All comments/suggestions are welcome.
>
> http://www.webcodefocus.com/test/

For correct XHTML you need to change the doctype from

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

to

<?xml version=“1.0” encoding=“UTF-8”?>
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>


John R. Marshall

TBA…

Re: RFC: site redesign

Well that’s no good!! :frowning:

Thanks Deb.

-Mike K.

-Deborah- wrote:
> Hmmm…don’t think I’m seeing the intended display in Netscape 7.02:
>
>
>
> Mike King wrote:
>
>>
>> I just redesigned my blog, and would like some feedback. I used a
>> completely xHTML and CSS based layout with no tables or image spacers :slight_smile:
>>
>> All comments/suggestions are welcome.
>>
>> http://www.webcodefocus.com/test/
>>
>> -Mike K.
>>
>
>
> ------------------------------------------------------------------------
>

Re: RFC: site redesign

Turns out that Opera sets a default “padding” of 8px on the <body>.

<body style=“margin: 0px 0px 0px 0px; padding: 0px;”>

All is good now.

-Mike K.

Gilby wrote:
> Mike King wrote:
>
>>
>>
>> Gilby wrote:
>>[color=darkred]
>>> Shena Delian O’Brien wrote:
>>>
>>>> Oh good lord. You don’t know how many times I tried to get rid of
>>>> margins with css, and it didn’t work. THAT was all I had to do??
>>>
>>>
>>>
>>>
>>> I guess so, it works in IE and Mozilla.
>>
>>
>>
>> Doesn’t work in Opera :frowning:
>
>
> Does the longer version work?
> margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;
>
> - Gilby
>[/color]

Re: RFC: site redesign

It looks to me like the reason this is happening could be because your
widths overlap somehow. There’s about a 4 pixel overhang. The left side
is about 4pixels into the top of the right column… look at the bottom
of Deb’s screenshot.

Mike King wrote:
>
> Well that’s no good!! :frowning:
>
> Thanks Deb.
>
> -Mike K.
>
> -Deborah- wrote:
>
>> Hmmm…don’t think I’m seeing the intended display in Netscape 7.02:
>>
>>
>>
>> Mike King wrote:
>>[color=darkred]
>>>
>>> I just redesigned my blog, and would like some feedback. I used a
>>> completely xHTML and CSS based layout with no tables or image spacers
>>> :slight_smile:
>>>
>>> All comments/suggestions are welcome.
>>>
>>> http://www.webcodefocus.com/test/
>>>
>>> -Mike K.
>>>
>>
>>
>> ------------------------------------------------------------------------
>>
>[/color]

Re: RFC: site redesign

John R. Marshall wrote:
>
> For correct XHTML you need to change the doctype from
>
> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
>
> to
>
> <?xml version=“1.0” encoding=“UTF-8”?>
> <!DOCTYPE html
> PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
> “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
> <html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>

I know. But if you look at Deb’s post in this thread, that’s what was
showing up (in IE and Opera) when I had the DTD set to xHTML
Transitional. When I set it back to HTML 4.01 Transistional, it worked
as desired.

Just trying to iron out all the little wrinkles that come along with
being 100% (which I’m not, YET) compliant.

-Mike K.

Re: RFC: site redesign

Shena Delian O’Brien wrote:
> It looks to me like the reason this is happening could be because your
> widths overlap somehow. There’s about a 4 pixel overhang. The left side
> is about 4pixels into the top of the right column… look at the bottom
> of Deb’s screenshot.

Left div width: 75%;
Right div width: 25%;

Maybe my math is wrong? :wink:

I’ll figure it out.

-Mike K.

Re: RFC: site redesign

Browser problem then!

Mike King wrote:
>
>
> Shena Delian O’Brien wrote:
>
>> It looks to me like the reason this is happening could be because your
>> widths overlap somehow. There’s about a 4 pixel overhang. The left
>> side is about 4pixels into the top of the right column… look at the
>> bottom of Deb’s screenshot.
>
>
> Left div width: 75%;
> Right div width: 25%;
>
> Maybe my math is wrong? :wink:
>
> I’ll figure it out.
>
> -Mike K.
>

Re: RFC: site redesign

Shena Delian O’Brien wrote:
> Browser problem then!

Might have something to do with how I positioned them, not only their
size.

…leftSide
{
width: 75%;
float: left;
}

…rightSide
{
width: 25%;
float: right;
}

-Mike K.

Re: site redesign

“Mike King” <webdiscuss@webcodefocus.com> wrote in message
news:b9fq0m$e4u$1@www.darklock.com
>
> I just redesigned my blog, and would like some feedback. I used a
> completely xHTML and CSS based layout with no tables or image spacers :slight_smile:
>
> All comments/suggestions are welcome.
>
> http://www.webcodefocus.com/test/
>
> -Mike K.

When I move my mouse cursor into the body of the document everything
becomes underlined. (Except days in the calendar).

Your site doesn’t validate with the HTML 4.01 transitional tag either.

Some CRAZY errors. Could be choking on the />…
Line 6, column 64: document type does not allow element “LINK” here
Line 7, column 6: end tag for element “HEAD” which is not open

1: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
2: <html>
3: <head>
4: <title>Mindless Banter</title>
5: <meta http-equiv=“Content-Type” content=“text/html;
charset=iso-8859-1” />
6: <link rel=“stylesheet” type=“text/css” href=“styles-site.css” />
7: </head>

The correct way to define link styles is:
a.name { … }
a.name:hover { … }

Your,
:link { … }
:hover { … }

Is in bad form. :link and :hover are psuedoclasses and must be tied to a
selector (such as ‘a’).

Other than those technical things, it looks good, though the font size could
be a little bigger. :slight_smile:

All with Opera 7.03, Win32.

-Lisa

Re: site redesign

Lisa Marie wrote:
>
> When I move my mouse cursor into the body of the document everything
> becomes underlined. (Except days in the calendar).

Weird. I tried in Opera 7.10, IE 6.0, and Mozilla 1.3. Nothing like that
seen here.

> Your site doesn’t validate with the HTML 4.01 transitional tag either.

It validates with the xHTML 1.0 transitional DTD, but doesn’t display
properly when I use that DTD. When I fix that error (whatever’s causing
it), then I’ll be compliant and it will look good.

> :link { … }
> :hover { … }
>
> Is in bad form. :link and :hover are psuedoclasses and must be tied to a
> selector (such as ‘a’).

True. I’ll change it. I’m guessing that the HTML validator at w3.org
doesn’t validate CSS as well?

-Mike K.

Re: site redesign

On Friday 09 May 2003 05:36 pm, Mike King wrote:

> True. I’ll change it. I’m guessing that the HTML validator at w3.org
> doesn’t validate CSS as well?

Nope, they have a standalone CSS vaildator
http://jigsaw.w3.org/css-validator/validator-uri.html


John R. Marshall

TBA…