Review design.

Ranger56 · 07-08-2005, 11:16 PM

http://www.spiderseatbabies.com/swee/index.php

thanks

mw2005 · 07-09-2005, 08:49 AM

There is a very good design and i especially like the customised w3c buttons. Are the buttons images?

Ranger56 · 07-09-2005, 10:07 PM

what the crap. just a sec....

Try Again.

Kurashu · 07-09-2005, 11:57 PM

You naviagtion could be turned into a list.
You are serving XHTML 1.1 as text/html.

I'm sure there is other stuff that could be fixed. Looks nice though. I like it.

Ranger56 · 07-10-2005, 12:07 AM

Quote:

Originally Posted by Kurashu

You naviagtion could be turned into a list.
You are serving XHTML 1.1 as text/html.

I'm sure there is other stuff that could be fixed. Looks nice though. I like it.

Explain?

Kurashu · 07-10-2005, 01:07 AM

This...

Code:

<div id="nav">
<a href="#" title="Lorem">Lorem</a>  |  
<a href="#" title="Ipsum">Ipsum</a>  |  
<a href="#" title="Dolor">Dolor</a>  |  
<a href="#" title="sit">Sit</a>  |  
<a href="#" title="Amet">Amet</a>
</div>

Could be better marked up as...

Code:

HTML

<div id="nav">
<ul>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Ipsum">Ipsum</a></li>
<li><a href="#" title="Dolor">Dolor</a> </li>
<li><a href="#" title="sit">Sit</a></li>
<li><a href="#" title="Amet">Amet</a></li>
</ul>
</div>

CSS

#menu ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

#menu ul li {
display: inline;
margin: 0 0 0 .5em;
}

#menu ul li:before {
content: '|'; /* I have no idea what the Hex code for this is. */
}

#menu ul li:before:first-child {
content: '';
}

As for the XHTML 1.1, you MUST serve it as application/xhtml+xml. You can skim by serving it as text/html like you can with XHTML 1.0.

There is a small script floating around that'll convert XHTML 1.1 to HTML 4.01 Strict when a browser that can't handle application/xhtml+xml views the page.

Here's the one I have:

PHP Code:


			
$charset = 'utf-8';

function fix_code($buffer)

    {

    $str = (str_replace(" />", ">", $buffer));

    return (str_replace("xml:lang", "lang", $str));

    }



    if ((stristr($_SERVER["HTTP_ACCEPT"], 'application/xhtml+xml'))  || (stristr($_SERVER["HTTP_USER_AGENT"], 'W3C_Validator')) || (stristr($_SERVER["HTTP_USER_AGENT"], 'WDG_Validator')))

        {

        $mime = 'application/xhtml+xml';

        }

    else 

        {

        $mime = 'text/html';

        }

    header ("Content-type: $mime");

    if ($mime == "application/xhtml+xml")

        {

        echo '<?xml version="1.0" encoding="' . $charset . '"?>

        <!DOCTYPE html PUBLIC "-//W3C//liD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/liD/xhtml11.lid">';

        }

    else

        {

        echo '<!DOCTYPE HTML PUBLIC "-//W3C//liD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.lid">';

        ob_start("fix_code");

        }

?>

<html <?php if ($mime == "application/xhtml+xml") { echo'xmlns="http://www.w3.org/1999/xhtml"'; } ?> xml:lang="en">

Ranger56 · 07-10-2005, 01:09 AM

Quote:

Originally Posted by Kurashu

This...

Code:

<div id="nav">
<a href="#" title="Lorem">Lorem</a>  |  
<a href="#" title="Ipsum">Ipsum</a>  |  
<a href="#" title="Dolor">Dolor</a>  |  
<a href="#" title="sit">Sit</a>  |  
<a href="#" title="Amet">Amet</a>
</div>

Could be better marked up as...

Code:

HTML

<div id="nav">
<ul>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Ipsum">Ipsum</a></li>
<li><a href="#" title="Dolor">Dolor</a> </li>
<li><a href="#" title="sit">Sit</a></li>
<li><a href="#" title="Amet">Amet</a></li>
</ul>
</div>

CSS

#menu ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}

#menu ul li {
display: inline;
margin: 0 0 0 .5em;
}

#menu ul li:before {
content: '|'; /* I have no idea what the Hex code for this is. */
}

#menu ul li:before:first-child {
content: '';
}

As for the XHTML 1.1, you MUST serve it as application/xhtml+xml. You can skim by serving it as text/html like you can with XHTML 1.0.

There is a small script floating around that'll convert XHTML 1.1 to HTML 4.01 Strict when a browser that can't handle application/xhtml+xml views the page.

Here's the one I have:

PHP Code:


			
$charset = 'utf-8';

function fix_code($buffer)

    {

    $str = (str_replace(" />", ">", $buffer));

    return (str_replace("xml:lang", "lang", $str));

    }



    if ((stristr($_SERVER["HTTP_ACCEPT"], 'application/xhtml+xml'))  || (stristr($_SERVER["HTTP_USER_AGENT"], 'W3C_Validator')) || (stristr($_SERVER["HTTP_USER_AGENT"], 'WDG_Validator')))

        {

        $mime = 'application/xhtml+xml';

        }

    else 

        {

        $mime = 'text/html';

        }

    header ("Content-type: $mime");

    if ($mime == "application/xhtml+xml")

        {

        echo '<?xml version="1.0" encoding="' . $charset . '"?>

        <!DOCTYPE html PUBLIC "-//W3C//liD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/liD/xhtml11.lid">';

        }

    else

        {

        echo '<!DOCTYPE HTML PUBLIC "-//W3C//liD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.lid">';

        ob_start("fix_code");

        }

?>

<html <?php if ($mime == "application/xhtml+xml") { echo'xmlns="http://www.w3.org/1999/xhtml"'; } ?> xml:lang="en">

Can't I just change the doctype?

Kurashu · 07-10-2005, 01:51 AM

Doesn't change the fact that you should serve XHTML AS application/xhtml+xml and that you MUST serve XHTML 1.1 as that.

There isn't much difference between XHTML 1.1 and HTML 4.01 Strict, just a few tags that you aren't using. So, yes you could just change the DTD.

Ranger56 · 07-10-2005, 02:34 AM

the hex for "|" is 7C

zro@rtv · 07-11-2005, 11:03 AM

i know its filler, but have you played with formatting the content text?

like some bold italic or blockquoted loren ipsums's?
maybe even some links or H tags?

thats a big block of plain text there....
the graphics are nice though, even tho i don't like blue.

and how bout a "logo"....
simple vector graphic of a spider eatin a baby.... that'd be real cool.

Ranger56 · 07-11-2005, 05:39 PM

Quote:

Originally Posted by zro@rtv

i know its filler, but have you played with formatting the content text?

like some bold italic or blockquoted loren ipsums's?
maybe even some links or H tags?

thats a big block of plain text there....
the graphics are nice though, even tho i don't like blue.

and how bout a "logo"....
simple vector graphic of a spider eatin a baby.... that'd be real cool.

Yeah I have done links and other text formatting, just haven't uploaded it.

I can't do art good.

zro@rtv · 07-11-2005, 11:39 PM

2 minutes stealing from google...
13 seconds in photoshop?
you made the other stuff, right?
can't make a little logo?

Ranger56 · 07-12-2005, 02:35 AM

Quote:

Originally Posted by zro@rtv

2 minutes stealing from google...
13 seconds in photoshop?
you made the other stuff, right?
can't make a little logo?

I have ps(trial), and I've never been able to make something i liked.