Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13

Thread: Review design.

  1. #1
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Review design.

    Last edited by Ranger56; 07-09-2005 at 11:08 PM.

  • #2
    Regular Coder
    Join Date
    Jul 2005
    Posts
    352
    Thanks
    1
    Thanked 0 Times in 0 Posts
    There is a very good design and i especially like the customised w3c buttons. Are the buttons images?
    Last edited by mw2005; 07-11-2005 at 09:17 PM.

  • #3
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    what the crap. just a sec....


    Try Again.

  • #4
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

  • #5
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #6
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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">

  • #7
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #8
    Regular Coder
    Join Date
    Aug 2004
    Location
    The US of A
    Posts
    767
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

  • #9
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    the hex for "|" is 7C

  • #10
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post
    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.
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #11
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #12
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    really? got ps?

    2 minutes stealing from google...
    13 seconds in photoshop?
    you made the other stuff, right?
    can't make a little logo?
    Attached Thumbnails Attached Thumbnails Review design.-spiders-eat-babies.gif  
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #13
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •