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 10 of 10

Thread: layout review

  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Posts
    108
    Thanks
    0
    Thanked 0 Times in 0 Posts

    layout review

    I've been working on 2 sites (this is the other one). Below you'll find the layout code of the contact page of the site (without text). Please take a look to see if everything in the HTML code is problem-free.

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Contact</title>
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta name="Microsoft Theme" content="none, default">
    <meta name="Microsoft Border" content="none, default">

    <style type=text/css>

    A.set:link {font-size: 10pt; font-family: "Verdana"; color: #EFEFEF; text-decoration: none}
    A.set:visited {font-size: 10pt; font-family: "Verdana"; color: #EFEFEF; text-decoration: none}
    A.set:hover {font-size: 10pt; font-family: "Verdana"; color: #52525F; text-decoration: none}
    A.set:active {font-size: 10pt; font-family: "Verdana"; color: #EFEFEF; text-decoration: none}

    A.hdl:link {font-family: "Franklin Gothic Demi"; color: #FFB336; text-decoration: none; font-size: "12pt"}
    A.hdl:visited {font-family: "Franklin Gothic Demi"; color: #FFB336; text-decoration: none; font-size: "12pt"}
    A.hdl:hover {font-family: "Franklin Gothic Demi"; color: #FFB336; text-decoration: none; font-size: "12pt"}
    A.hdl:active {font-family: "Franklin Gothic Demi"; color: #FFB336; text-decoration: none; font-size: "12pt"}

    A.par:link {font-family: "Franklin Gothic Book"; color: #AAAAB9; font-size: 12pt; font-weight: 600}
    A.par:visited {font-family: "Franklin Gothic Book"; color: #AAAAB9; font-size: 12pt; font-weight: 600}
    A.par:hover {font-family: "Franklin Gothic Book"; color: #FFB336; font-size: 12pt; font-weight: 600}
    A.par:active {font-family: "Franklin Gothic Book"; color: #AAAAB9; font-size: 12pt; font-weight: 600}

    Body {scrollbar-3dlight-color : #AAAAB9; scrollbar-arrow-color : #FFB336; scrollbar-base-color : #AAAAB9;
    scrollbar-darkshadow-color : #AAAAB9; scrollbar-face-color : #AAAAB9; scrollbar-highlight-color : #52525F;
    scrollbar-shadow-color : #52525F; scrollbar-track-color : #AAAB9}

    </style>

    </head>


    <body bgcolor="#AAAAB9">

    <div align="center">
    <table border="0" width="750" height="118" cellspacing="0" cellpadding="0">
    <tr>
    <td width="739" height="15" colspan="8" bgcolor="#52525F">
    <p align="center">
    </td>
    </tr>
    <tr>
    <td width="739" height="64" colspan="8" bgcolor="#52525F">
    <p align="center"><a href="home.htm"><img border="0" src="images/bigl.png" width="295" height="99">
    </a>
    </td>
    </tr>
    <tr>
    <td width="739" height="11" colspan="8" bgcolor="#52525F">

    </td>
    </tr>
    <tr>
    <td width="93" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="snapshots.htm">snapshots</a></b></font></td>
    <td width="93" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="reviews.htm">reviews</a></b></font></td>
    <td width="93" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="snatch.htm">snatch</a></b></font></td>
    <td width="92" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="lowdown.htm">lowdown</a></b></font></td>
    <td width="92" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="forum.htm">forum</a></b></font></td>
    <td width="92" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="about_us.htm">about us</a></b></font></td>
    <td width="92" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="links.htm">links</a></b></font></td>
    <td width="92" height="28" align="center"><font color="#EFEFEF" size="4" face="Mufferaw"><b><a class="set" href="contact.htm">contact</a></b></font></td>
    </tr>
    </table>
    </div>


    <div align="center">
    <table border="0" width="750" height="614" cellspacing="0" bgcolor="#52525F" cellpadding="0">
    <tr>
    <td width="728" height="14" colspan="3">


    </td>
    </tr>
    <tr>
    <td width="728" height="1" colspan="3">
    <p align="right"><b><font color="#FFFFFF" size="4" face="Franklin Gothic Demi">CONTACT</font>

    </b>

    </td>
    </tr>
    <tr>
    <td width="11" height="668" rowspan="2">
    <p class="MsoNormal"> </p>

    </td>
    <td width="717" height="963" align="justify">
    <span lang="EN-GB" style="font-family:&quot;Franklin Gothic Book&quot;;
    mso-ansi-language:EN-GB"><o>
    </span>

    </td>
    <td width="14" height="668" rowspan="2">

    </td>
    </tr>
    <tr>
    <td width="717" height="18">

    </td>
    </tr>
    </table>
    </div>

    </body>

    </html>

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Auckland New Zealand
    Posts
    115
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The only obvious problem would be the font - not everyone might have franklin gothic demi.

    Keep to web safe colors too - just to make sure every body sees the site the same way

    Oh and make sure all the table cells have some content - even if it is a & n b s p ;

    Tonz
    Beware, the Cybertooth tiger cometh

  • #3
    Regular Coder
    Join Date
    Jul 2002
    Posts
    108
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay,

    Fontwise: does the same count for Franklin Gothic Book and Arial Black?

    I'll put &nbsp; in some the empty tables!

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you're gonna use style sheets anyway (which is a great idea), why not use them consistently? Get rid of the FONT tags and color and alignment attributes as far as possible (P and DIV elements, BODY bgcolor) and use CSS instead.
    Last edited by ronaldb66; 09-16-2002 at 11:52 AM.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    Regular Coder
    Join Date
    Jul 2002
    Posts
    108
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, I can't use css all the time. I could do that, but because some text is centered and some is aligned left, it'd take as much time to compose a CSS for almost each element.
    Or is there any other way I could fix it?

  • #6
    Regular Coder
    Join Date
    Aug 2002
    Location
    Sacramento, California
    Posts
    132
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you are talking about aligning text use this
    body, div, p, {text-align:center;}
    Hairynugs


    Simple is best.

  • #7
    mat
    mat is offline
    Regular Coder
    Join Date
    Jul 2002
    Posts
    199
    Thanks
    0
    Thanked 0 Times in 0 Posts
    what is the advantage of using internal style as opposed to an external style sheet? i see this on web pages alot but always use external sheets myself.

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts
    External style sheets enable you to use a single sheet for multiple pages and thus improve uniformity and reduce work. Internal styles could be added to a particular page to add styles on top of an exisiting (external) style sheet while still using the styles defined in the style sheet.
    While developing a style sheet, keeping it internal for the time being might speed up the development process since updates are performed more quicky and can be checked right away.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #9
    Regular Coder
    Join Date
    Jul 2002
    Posts
    108
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do you think a lot of people don't have Franklin Gothic book?

  • #10
    mat
    mat is offline
    Regular Coder
    Join Date
    Jul 2002
    Posts
    199
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i for one have deactivated that font and is it a standard system font on macs?


  •  

    Posting Permissions

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