...

View Full Version : 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
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...


<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...



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:


$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
This...


<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...



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:


$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
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
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum