SITE REVIEW: Maxedge Updated Feb 9!

  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Maxedge
Updated it:
Tell me what you think now!
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • the_real_tisse
  • Graduate
  • Graduate
  • the_real_tisse
  • Posts: 116
  • Loc: Belgium

Post 3+ Months Ago

Hi Tazel

Got an error page following the link you put in there. Maybe check the link?

kind regards
Tisse
  • Axe
  • Genius
  • Genius
  • User avatar
  • Posts: 5739
  • Loc: Sub-level 28

Post 3+ Months Ago

I can't even get it to load here...

Just sits there trying to load forever, then dies.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Ok, finally got the server and domain name all sorted out!
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

I am leaving this here, whomever moved the topic was correct this is definatly more of a website review. Had it been just a few images I would have moved it, but with links and text it is technically a website.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Ok then. Any C&C? (Critique and Criticsm)
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Anybody?
  • it-il-do
  • Newbie
  • Newbie
  • it-il-do
  • Posts: 7
  • Loc: Toronto

Post 3+ Months Ago

The logo name can be confused abit with MAHEDGE,,,might be an idea to make the X a little more x'ier,,other than that the Logo looks good to me.
If your main links are the ones across the top, may want to make them a bit larger/more noticable. Colors are OK, but the site is a little stagnant,, a bit of timed Flash would help jaz it up.
s
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

well i fixed the logo. the boring-ness of the site will be fixed later. I'm just trying to get a basic template so I can start doing everything. The php, etc.
  • Geekette
  • Proficient
  • Proficient
  • User avatar
  • Posts: 482
  • Loc: The Land of NeverWinter (FL)

Post 3+ Months Ago

Yup, definitely a bit bland at the moment. The logo does look better, though. The effect that you have on the links is pretty neat, but as stated previously they are really tiny! Also, the legal junk at the bottom seems a bit bloated. Is it really necessary to place all of that there?
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Does it now? I flipped the trademarks to be on top and it looks less..bloated. I had the same thought as you did on that.
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Posts: 4581
  • Loc: Maryland

Post 3+ Months Ago

I don't believe you'll need the "tm"s if you include the "are trademarks of"
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Allright fixed that too. The only problem I'm having is that the borders for the grey tables won't work. I have no idea why it's not working. And why do the gradients up top on the header not show on Internet Explorer!!??
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

post your code. (:
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Code: [ Select ]
<td align=left><img src="/resources/siteimages/topleft.gif" height=100%></td>


instead of that ^, try this:

Code: [ Select ]
<td background="/resources/siteimages/topleft.gif"><img src="/resources/siteimages/spacer.gif" height="whateverheight you want this cell to be"></td>


setting an img's height attribute to 100% is pbly not a good idea.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Thanks DigitalMedia. It turned out that I needed to change it completely for it to work. Thanks anyway. Now, the only problem is, the right-border: is not working. The left one is, but the right one isn't. Anyone know why?

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Maxedge</title>
        
        <meta NAME="Keywords" CONTENT="Charles, Hwang, Charles Hwang, Tazel, Matt Zmudka, Matt, Zmudka, Doctom9, Maxedge, Max Edge, MaxEdge, Programming, Web, Website, Logo Design, Tutorials, Articles, Forums">        
        <meta NAME="Description" CONTENT="Maxedge is a combination of being a personal site and a resource site. This site has many varied tutorials on programming, graphical design, web programming, etc. (If they are not there, they can be requested in the forums) This site has a variety of tasteful material that the authors have the site have written.">
        
        <link rel="stylesheet" type="text/css" href="/style.css">
        <style type="text/css">
            BODY
            {
                cursor: default;
                scrollbar-face-color: #336699;
                scrollbar-highlight-color: #CCCCCC;
                scrollbar-3dlight-color: #6699CC;
                scrollbar-darkshadow-color: #000000;
                scrollbar-shadow-color: #000000;
                scrollbar-arrow-color: #6699CC;
                scrollbar-track-color: #000000;
                font-family: verdana, sans-serif;
            }
            
            A:link        { text-decoration: none; color: #266790; background: none; font-weight: bold;}
            A:visited     { text-decoration: none; color: #266790; background: none; font-weight: bold; font-weight: bold;}
            A:hover     { text-decoration: underline; color: #317AA9; background: none; font-weight: bold; font-weight: bold;}

            A.headernoeffect:link        { text-decoration: none; background: none;}
            A.headernoeffect:visited     { text-decoration: none; background: none;}
            A.headernoeffect:hover     { text-decoration: none; background: none;}

            A.headerb:link        { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
            A.headerb:visited     { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
            A.headerb:hover     { text-decoration: underline; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}

            A.header:link        { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
            A.header:visited     { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
            A.header:hover     { border: 1px solid #FFFFFF; text-decoration: none; color: #FFFFFF; background: none; background-color: #3280B2; font-weight: bold; font-weight: bold; font-size: 10px;}

            A.type2:link        { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-size: 12px;}
            A.type2:visited     { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
            A.type2:hover     { text-decoration: underline; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
        
        </style>
    </head>

    <body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor=#FFFFFF text=#000000>
        <table width=100% height=100% cellspacing=0 cellpadding=0 border=0>
            <tr>
                
                <td width=4% height=100% bgcolor="#000000">
                </td>
                
                <td width=92% height=100% valign=top>
                    
                    <table width=100% cellspacing=0 cellpadding=5 border=0 bgcolor="#1B699B">
                            <tr>
                                <td width=100%>
                                    <table width=100% width=100% cellspacing=0 cellpadding=0 border=0>
                                        <tr>
                                            <td align=right width=100% bgcolor="#016BAE">
                                                <span style="color: #FFFFFF; font-size: 10px; font-weight: bold">
                                                <a class="header" href="#">Main</a>:
                                                <a class="header" href="#">The Creative Side</a>:
                                                <a class="header" href="#">Forums</a>:
                                                <a class="header" href="#">Contact Us</a>:
                                                <a class="header" href="#">Site Map</a>:
                                                <a class="header" href="#">About</a>
                                                &nbsp;&nbsp;
                                                </span>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>

                        <table width=100% cellspacing=0 cellpadding=0 border=0>
                            <tr>
                                <td width=100% bgcolor="#1B699B" align=left><a class="headernoeffect" href="/"><img src="/resources/siteimages/maxedge.gif" border=0></a></td>
                            </tr>
                        </table>

                        <table width=100% height=18 cellspacing=0 cellpadding=0 border=0 bgcolor="#016BAE">
                            <tr>
                                <td width=100% height=100%>
                                    <table width=100% height=100% cellspacing=0 cellpadding=0 border=0>
                                        <tr>
                                            <td align=left width=100% bgcolor="#016BAE">
                                                <span style="color: #FFFFFF; font-size: 10px; font-weight: bold">
                                                &nbsp;&nbsp;
                                                <a class="headerb" href="#">Maxedge Home</a>
                                                </span>
                                            </td>
                                            <td align=right background="/resources/siteimages/topright.gif"><img src="/resources/siteimages/spacer.gif" height=100%></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>

                <!----------------------------------body content-->
                        <table width=100% cellspacing=0 cellpadding=0 border=0>
                            <tr>
                                <td width=15% bgcolor="#E7E7E7" height=100% align=center valign=top>
                                    <table width=100% bgcolor="#000000" height=20 align=left>
                                        <tr>
                                            <td>
                                                <img src="/resources/siteimages/maxlogin.gif">    
                                            </td>
                                        </tr>
                                    </table>
                                <br>
                                    <table width=100% bgcolor="#E7E7E7" align=left>
                                        <tr>
                                            <td>
                                                <form action="" method=POST>
                                                    <span style="color: #000000; font-size: 10px; font-weight: bold;">
                                                    Log In
                                                    <input type=text name=loginname value="" size=15 maxlength=18>
                                                    <br>
                                                    Password
                                                    <br>
                                                    </span>
                                                    <input type=password name=loginpw value="" size=15 maxlength=18>
                                                    <br><br>
                                                    <input type="submit" name="submit" value="Log In">
                                                </form>
                                            <br>
                                            </td>
                                        </tr>
                                    </table>

                                
                                </td>

                                <td width=100% align=center>
                                    <table width=100% bgcolor="#FFFFFF" align=left cellspacing=0 cellpadding=4 border=0 style="border-left: 1px solid #000000; border-right: 1px solid #000000;">
                                        <tr>
                                            <td>
                                                <span style="color: #000000; font-size: 12px; font-weight: bold;">
                                                    <br><br>
                                                    Welcome to Maxedge. It's currently under major developement right now. If you want to be notified when the site is done, drop a line @ <a href="mailto:maxadmin@maxedge.net">maxadmin@maxedge.net</a>. You'll see it being pieced together if you check back once in a while. Check the log on the bottom to see what's been happening. Sorry about the inconvienience.
                                                    <hr>
                                                    Maxedge is a website about a varied group of material. It's the combined interest of two guys, known online as Tazel/oatmeal.net and Dotcom9.
                                                    <br><br>
                                                    Tazel is the actual webmaster and deals with all the technical stuff including the logo, etc. He writes tutorials in the programming, web developement, and graphic design fields but you'll see an occasional article and a music piece come out of him.
                                                    <br><br>
                                                    Dotcom9 comes up with most of the artistic part of the site. He does the majority of the (creative) writing, articles, music, you get the picture. He also is into a little web developement himself and has written a couple web articles. 
                                                    <br><i>In Dotcom's Words: My job is to try to help Tazel with the programming, but I usually end up just totally messing the site up, so I just stay within my friendly confines of basic HTML and fine arts.</i>
                                                    <br><br>
                                                    The two met at a summer camp where they became good friends. They've stayed in contact for a couple years now and still continue to do so. This site is a new version you might say of a previous site, <a class=type2 href="http://12.215.144.207">MonkeyHumor</a> which was introduced after the fusion of their two personal sites <a class=type2 href="http://tcache.home.mchsi.com">tcache</a> and <a class=type2 href="http://zzone.mirrorz.com/">The Z Zone</a>,Tazel's and Dotcom9's, respectively.
                                                </span>
                                                <br><br><br>
                                                <span style="color: #000000; font-size: 16px; font-weight: bold;"><u>Site Construction Log</u></span>
                                                <br><br>
                                                <span style="color: #000000; font-size: 12px; font-weight: bold;">
                                                    <i>Jan 8, 2004 :: 11:04 PM</i>
                                                </span>
                                                    <br>
                                                    I just got the logo up (finally a logo I like and one that makes sense) and put up the basic nav system. Hoping that it gets good criticsm!
                                                    <br><br>
                                                    <span style="color: #000000; font-size: 12px; font-weight: bold;">
                                                    <i>Jan 11, 2004 :: 8:24 PM</i>
                                                    </span>
                                                    <br>
                                                    w00t w00t! I got the domain name and the server (powweb) working together and sorted everything out. It's turning out to pretty cool. The color scheme and nav system are getting good criticsm which is a first in all of my years of web site development. Even the logo is getting the nice feedback. Since everything is going so well, I'm beginning to work on the php stuff. The first thing would be the form-email because the &lt;a href="mailto:maxadmin@maxedge.net"&gt; pop-up is really bugging me. I'm sure that it is bothering others. If it was me willing to send email and that kinda thing popped up, I'd forget it right on the spot. So that's what you'll first see come up.
                                                    <br>
                                                    I've succombed to phpBB because making my own forums is a good project, but in retrospect, it will take as much as up to a year! So, I'm going to work on the phpBB scheme and then put that up next.
                                                    <br>
                                                    Then, I'm going to finally start putting in the php for each page, as soon as I grasp mySQL. I've been practicing on it, but it's really getting to me and I can't get anything to work. 
                                                    <br>Wish me luck!! Ciao. 
                                                    <br><br><br>
                                                    
                                                </span>
                                            </td>
                                            <td width=18% bgcolor="#E7E7E7" height=100%></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        
                        <table width=100% cellspacing=0 cellpadding=5 border=0 style="border-left: 1px solid #000000;">
                            <tr>
                                <td width=100% bgcolor="#016BAE" valign=bottom>
                                    <center>
                                        <span style="font-size: 10px; color: #FFFFFF">
                                            Maxedge, The Maxedge logo, and Maxedge.net are all trademarks of Charles Hwang.
                                            For more information, email <a href="mailto:maxadmin@maxedge.net" class="headerb">maxadmin@maxedge.net</a>.
                                            <br>
                                            &copy; Copyright 2003 Maxedge. All rights reserved.&nbsp;&nbsp;&nbsp;All content related to or found on Maxedge belong to Maxedge and its authors.
                                        </span>
                                    </center>
                                </td>
                            </tr>
                        </table>

                    </td>
                    
                    <td width=4% height=100% bgcolor="#000000">
                    </td>
                </tr>
            </table>

    </body>
</html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <title>Maxedge</title>
  5.         
  6.         <meta NAME="Keywords" CONTENT="Charles, Hwang, Charles Hwang, Tazel, Matt Zmudka, Matt, Zmudka, Doctom9, Maxedge, Max Edge, MaxEdge, Programming, Web, Website, Logo Design, Tutorials, Articles, Forums">        
  7.         <meta NAME="Description" CONTENT="Maxedge is a combination of being a personal site and a resource site. This site has many varied tutorials on programming, graphical design, web programming, etc. (If they are not there, they can be requested in the forums) This site has a variety of tasteful material that the authors have the site have written.">
  8.         
  9.         <link rel="stylesheet" type="text/css" href="/style.css">
  10.         <style type="text/css">
  11.             BODY
  12.             {
  13.                 cursor: default;
  14.                 scrollbar-face-color: #336699;
  15.                 scrollbar-highlight-color: #CCCCCC;
  16.                 scrollbar-3dlight-color: #6699CC;
  17.                 scrollbar-darkshadow-color: #000000;
  18.                 scrollbar-shadow-color: #000000;
  19.                 scrollbar-arrow-color: #6699CC;
  20.                 scrollbar-track-color: #000000;
  21.                 font-family: verdana, sans-serif;
  22.             }
  23.             
  24.             A:link        { text-decoration: none; color: #266790; background: none; font-weight: bold;}
  25.             A:visited     { text-decoration: none; color: #266790; background: none; font-weight: bold; font-weight: bold;}
  26.             A:hover     { text-decoration: underline; color: #317AA9; background: none; font-weight: bold; font-weight: bold;}
  27.             A.headernoeffect:link        { text-decoration: none; background: none;}
  28.             A.headernoeffect:visited     { text-decoration: none; background: none;}
  29.             A.headernoeffect:hover     { text-decoration: none; background: none;}
  30.             A.headerb:link        { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
  31.             A.headerb:visited     { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
  32.             A.headerb:hover     { text-decoration: underline; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
  33.             A.header:link        { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
  34.             A.header:visited     { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
  35.             A.header:hover     { border: 1px solid #FFFFFF; text-decoration: none; color: #FFFFFF; background: none; background-color: #3280B2; font-weight: bold; font-weight: bold; font-size: 10px;}
  36.             A.type2:link        { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-size: 12px;}
  37.             A.type2:visited     { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
  38.             A.type2:hover     { text-decoration: underline; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
  39.         
  40.         </style>
  41.     </head>
  42.     <body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor=#FFFFFF text=#000000>
  43.         <table width=100% height=100% cellspacing=0 cellpadding=0 border=0>
  44.             <tr>
  45.                 
  46.                 <td width=4% height=100% bgcolor="#000000">
  47.                 </td>
  48.                 
  49.                 <td width=92% height=100% valign=top>
  50.                     
  51.                     <table width=100% cellspacing=0 cellpadding=5 border=0 bgcolor="#1B699B">
  52.                             <tr>
  53.                                 <td width=100%>
  54.                                     <table width=100% width=100% cellspacing=0 cellpadding=0 border=0>
  55.                                         <tr>
  56.                                             <td align=right width=100% bgcolor="#016BAE">
  57.                                                 <span style="color: #FFFFFF; font-size: 10px; font-weight: bold">
  58.                                                 <a class="header" href="#">Main</a>:
  59.                                                 <a class="header" href="#">The Creative Side</a>:
  60.                                                 <a class="header" href="#">Forums</a>:
  61.                                                 <a class="header" href="#">Contact Us</a>:
  62.                                                 <a class="header" href="#">Site Map</a>:
  63.                                                 <a class="header" href="#">About</a>
  64.                                                 &nbsp;&nbsp;
  65.                                                 </span>
  66.                                             </td>
  67.                                         </tr>
  68.                                     </table>
  69.                                 </td>
  70.                             </tr>
  71.                         </table>
  72.                         <table width=100% cellspacing=0 cellpadding=0 border=0>
  73.                             <tr>
  74.                                 <td width=100% bgcolor="#1B699B" align=left><a class="headernoeffect" href="/"><img src="/resources/siteimages/maxedge.gif" border=0></a></td>
  75.                             </tr>
  76.                         </table>
  77.                         <table width=100% height=18 cellspacing=0 cellpadding=0 border=0 bgcolor="#016BAE">
  78.                             <tr>
  79.                                 <td width=100% height=100%>
  80.                                     <table width=100% height=100% cellspacing=0 cellpadding=0 border=0>
  81.                                         <tr>
  82.                                             <td align=left width=100% bgcolor="#016BAE">
  83.                                                 <span style="color: #FFFFFF; font-size: 10px; font-weight: bold">
  84.                                                 &nbsp;&nbsp;
  85.                                                 <a class="headerb" href="#">Maxedge Home</a>
  86.                                                 </span>
  87.                                             </td>
  88.                                             <td align=right background="/resources/siteimages/topright.gif"><img src="/resources/siteimages/spacer.gif" height=100%></td>
  89.                                         </tr>
  90.                                     </table>
  91.                                 </td>
  92.                             </tr>
  93.                         </table>
  94.                 <!----------------------------------body content-->
  95.                         <table width=100% cellspacing=0 cellpadding=0 border=0>
  96.                             <tr>
  97.                                 <td width=15% bgcolor="#E7E7E7" height=100% align=center valign=top>
  98.                                     <table width=100% bgcolor="#000000" height=20 align=left>
  99.                                         <tr>
  100.                                             <td>
  101.                                                 <img src="/resources/siteimages/maxlogin.gif">    
  102.                                             </td>
  103.                                         </tr>
  104.                                     </table>
  105.                                 <br>
  106.                                     <table width=100% bgcolor="#E7E7E7" align=left>
  107.                                         <tr>
  108.                                             <td>
  109.                                                 <form action="" method=POST>
  110.                                                     <span style="color: #000000; font-size: 10px; font-weight: bold;">
  111.                                                     Log In
  112.                                                     <input type=text name=loginname value="" size=15 maxlength=18>
  113.                                                     <br>
  114.                                                     Password
  115.                                                     <br>
  116.                                                     </span>
  117.                                                     <input type=password name=loginpw value="" size=15 maxlength=18>
  118.                                                     <br><br>
  119.                                                     <input type="submit" name="submit" value="Log In">
  120.                                                 </form>
  121.                                             <br>
  122.                                             </td>
  123.                                         </tr>
  124.                                     </table>
  125.                                 
  126.                                 </td>
  127.                                 <td width=100% align=center>
  128.                                     <table width=100% bgcolor="#FFFFFF" align=left cellspacing=0 cellpadding=4 border=0 style="border-left: 1px solid #000000; border-right: 1px solid #000000;">
  129.                                         <tr>
  130.                                             <td>
  131.                                                 <span style="color: #000000; font-size: 12px; font-weight: bold;">
  132.                                                     <br><br>
  133.                                                     Welcome to Maxedge. It's currently under major developement right now. If you want to be notified when the site is done, drop a line @ <a href="mailto:maxadmin@maxedge.net">maxadmin@maxedge.net</a>. You'll see it being pieced together if you check back once in a while. Check the log on the bottom to see what's been happening. Sorry about the inconvienience.
  134.                                                     <hr>
  135.                                                     Maxedge is a website about a varied group of material. It's the combined interest of two guys, known online as Tazel/oatmeal.net and Dotcom9.
  136.                                                     <br><br>
  137.                                                     Tazel is the actual webmaster and deals with all the technical stuff including the logo, etc. He writes tutorials in the programming, web developement, and graphic design fields but you'll see an occasional article and a music piece come out of him.
  138.                                                     <br><br>
  139.                                                     Dotcom9 comes up with most of the artistic part of the site. He does the majority of the (creative) writing, articles, music, you get the picture. He also is into a little web developement himself and has written a couple web articles. 
  140.                                                     <br><i>In Dotcom's Words: My job is to try to help Tazel with the programming, but I usually end up just totally messing the site up, so I just stay within my friendly confines of basic HTML and fine arts.</i>
  141.                                                     <br><br>
  142.                                                     The two met at a summer camp where they became good friends. They've stayed in contact for a couple years now and still continue to do so. This site is a new version you might say of a previous site, <a class=type2 href="http://12.215.144.207">MonkeyHumor</a> which was introduced after the fusion of their two personal sites <a class=type2 href="http://tcache.home.mchsi.com">tcache</a> and <a class=type2 href="http://zzone.mirrorz.com/">The Z Zone</a>,Tazel's and Dotcom9's, respectively.
  143.                                                 </span>
  144.                                                 <br><br><br>
  145.                                                 <span style="color: #000000; font-size: 16px; font-weight: bold;"><u>Site Construction Log</u></span>
  146.                                                 <br><br>
  147.                                                 <span style="color: #000000; font-size: 12px; font-weight: bold;">
  148.                                                     <i>Jan 8, 2004 :: 11:04 PM</i>
  149.                                                 </span>
  150.                                                     <br>
  151.                                                     I just got the logo up (finally a logo I like and one that makes sense) and put up the basic nav system. Hoping that it gets good criticsm!
  152.                                                     <br><br>
  153.                                                     <span style="color: #000000; font-size: 12px; font-weight: bold;">
  154.                                                     <i>Jan 11, 2004 :: 8:24 PM</i>
  155.                                                     </span>
  156.                                                     <br>
  157.                                                     w00t w00t! I got the domain name and the server (powweb) working together and sorted everything out. It's turning out to pretty cool. The color scheme and nav system are getting good criticsm which is a first in all of my years of web site development. Even the logo is getting the nice feedback. Since everything is going so well, I'm beginning to work on the php stuff. The first thing would be the form-email because the &lt;a href="mailto:maxadmin@maxedge.net"&gt; pop-up is really bugging me. I'm sure that it is bothering others. If it was me willing to send email and that kinda thing popped up, I'd forget it right on the spot. So that's what you'll first see come up.
  158.                                                     <br>
  159.                                                     I've succombed to phpBB because making my own forums is a good project, but in retrospect, it will take as much as up to a year! So, I'm going to work on the phpBB scheme and then put that up next.
  160.                                                     <br>
  161.                                                     Then, I'm going to finally start putting in the php for each page, as soon as I grasp mySQL. I've been practicing on it, but it's really getting to me and I can't get anything to work. 
  162.                                                     <br>Wish me luck!! Ciao. 
  163.                                                     <br><br><br>
  164.                                                     
  165.                                                 </span>
  166.                                             </td>
  167.                                             <td width=18% bgcolor="#E7E7E7" height=100%></td>
  168.                                         </tr>
  169.                                     </table>
  170.                                 </td>
  171.                             </tr>
  172.                         </table>
  173.                         
  174.                         <table width=100% cellspacing=0 cellpadding=5 border=0 style="border-left: 1px solid #000000;">
  175.                             <tr>
  176.                                 <td width=100% bgcolor="#016BAE" valign=bottom>
  177.                                     <center>
  178.                                         <span style="font-size: 10px; color: #FFFFFF">
  179.                                             Maxedge, The Maxedge logo, and Maxedge.net are all trademarks of Charles Hwang.
  180.                                             For more information, email <a href="mailto:maxadmin@maxedge.net" class="headerb">maxadmin@maxedge.net</a>.
  181.                                             <br>
  182.                                             &copy; Copyright 2003 Maxedge. All rights reserved.&nbsp;&nbsp;&nbsp;All content related to or found on Maxedge belong to Maxedge and its authors.
  183.                                         </span>
  184.                                     </center>
  185.                                 </td>
  186.                             </tr>
  187.                         </table>
  188.                     </td>
  189.                     
  190.                     <td width=4% height=100% bgcolor="#000000">
  191.                     </td>
  192.                 </tr>
  193.             </table>
  194.     </body>
  195. </html>
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

If you mean the border between the white and #e7e7e7 it's because this definition in your table tag: style="border-left: 1px solid #000000; border-right: 1px solid #000000;" doesn't get applied to each table cell. The center column and the right column are in the same table. When you add that definition to the table tag, it get's applied only too the outside of the table.

Your HTML has several errors in it. On line 59 for instance, you've entered a table's width attribute twice. I also believe that in HTML 4.01 align="left" is the default, and doesn't need to be cited. You've used style sheets using all 3 methods of external and inline definition.

What program are you using to edit this code? I'd be happy to try and help if I can. :)
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

I'm using EditPlus. Not a WYSIWYG editor. Also, the form is not displaying on the left gray area. Is there another table in the middle on the left side?

Thinks: Ohhh, I get what you're saying. I didn't know it was in the same table. Well..I moved it to that spot because on the td after I close that table tag, it never showed. That's why it's right there.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Hmmm..?
  • kreative
  • Newbie
  • Newbie
  • User avatar
  • Posts: 13
  • Loc: canada

Post 3+ Months Ago

The header is nice... good logo. I dont know why but i didnt see the navigation menu for a while, it looked like a lonley page... Maybe im just slow :roll: but hey, good work! :P
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Tazel: Despite the progress you've made, I think you really need to consider starting your document over. I don't know how much work you've put into this so far, but I think starting over would be more efficient that fixing the HTML line by line.

I would start with a simple table structure for your overall alignment, and do an external CSS document to manage elements within the table cells.

My other advice would be to make sure your tags get terminated correctly. Don't cite attributes that don't need to be there. Use a consistent approach to implementing style definitions. These things will make writing and troubleshooting your document faster and easier.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Media, I know. I'm not going to use that as a final draft. I was just going in the design phase. You know, just the basic idea. I wasn't going for the best code or whatever. Just write it out, tweak it, add as it is sort of thing. But since the look has been getting good critique, I'll start re-writing the code. I don't plan on making the whole code in tables. I'm going to use divs to align the top, left(black), left, center, right, and right(black) columns and then use tables within those if I need 'em. So the look is the only thing I was looking for (in critique). Guess I better get a move on then.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

ahhh, cool.
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Well I've gotten it up with divs, but there are bugs, which I can't figure out. Take a look?

Also, is there a thing that is equal to cellpadding in a table element for css?

Maxedge Test

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
        <head>
            <title>Maxedge</title>

            <meta NAME="Keywords" CONTENT="Charles, Hwang, Charles Hwang, Tazel, Matt Zmudka, Matt, Zmudka, Doctom9, Maxedge, Max Edge, MaxEdge, Programming, Web, Website, Logo Design, Tutorials, Articles, Forums">        
            <meta NAME="Description" CONTENT="Maxedge is a combination of being a personal site and a resource site. This site has many varied tutorials on programming, graphical design, web programming, etc. (If they are not there, they can be requested in the forums) This site has a variety of tasteful material that the authors have the site have written.">

            <style type="text/css">
            BODY
            {
                cursor: default;
                scrollbar-face-color: #336699;
                scrollbar-highlight-color: #CCCCCC;
                scrollbar-3dlight-color: #6699CC;
                scrollbar-darkshadow-color: #000000;
                scrollbar-shadow-color: #000000;
                scrollbar-arrow-color: #6699CC;
                scrollbar-track-color: #000000;
                font-family: verdana, sans-serif;
            }
            
            A:link        { text-decoration: none; color: #266790; background: none; font-weight: bold;}
            A:visited     { text-decoration: none; color: #266790; background: none; font-weight: bold; font-weight: bold;}
            A:hover     { text-decoration: underline; color: #317AA9; background: none; font-weight: bold; font-weight: bold;}

            A.headernoeffect:link        { text-decoration: none; background: none;}
            A.headernoeffect:visited     { text-decoration: none; background: none;}
            A.headernoeffect:hover     { text-decoration: none; background: none;}

            A.headerb:link        { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
            A.headerb:visited     { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
            A.headerb:hover     { text-decoration: underline; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}

            A.header:link        { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
            A.header:visited     { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
            A.header:hover     { border: 1px solid #FFFFFF; text-decoration: none; color: #FFFFFF; background: none; background-color: #3280B2; font-weight: bold; font-weight: bold; font-size: 10px;}

            A.type2:link        { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-size: 12px;}
            A.type2:visited     { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
            A.type2:hover     { text-decoration: underline; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
        
            #bodyleft {
            position: absolute;
            left:0px;
            top:0px;
            width: 4%;
            height: 100%;
            background:#000000;
            border:none;
                }

            #bodymiddle {
            background:#ffffff;
            margin-left: 4%;
            margin-right: 4%;
            width: 92%;
            height: 100%;
            border: none;
            voice-family: "\"}\"";
            voice-family: inherit;
                }

            #bodyright {
            position: absolute;
            right:0px;
            top:0px;
            width: 4%;
            height: 100%;
            background:#000000;
            border:none;
                }
            /*The content boxes*/
            #contentleft {
            top:0px;
            width: 15%;
            height: 100%;
            background:#E7E7E7;
            border:none;
                }

            #contentmiddle {
            left: 19%;
            right: 19%;
            top:0px;
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            border-left: 1px solid #000000;
            border-right: 1px solid #000000;
                }

            #contentright {
            right: 4%;
            top:0px;
            width: 15%;
            height: 100%;
            background:#E7E7E7;
            border:none;
                }


        </style>
    </head>
<!--/////////////////BODY////////////////////////////////////////------------>
<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor=#FFFFFF text=#000000>

<div id="bodyleft">test</div>
<!--////the content/////////////////////////////////////////////--->
<div id="bodymiddle">
    <!--The header--------------------->
    <table width=100% cellspacing=0 cellpadding=5 border=0 bgcolor="#1B699B">
        <tr>
            <td width=100%>
                <table width=100% cellspacing=0 cellpadding=0 border=0>
                    <tr>
                        <td align=right width=100% bgcolor="#016BAE">
                            <span style="color: #FFFFFF; font-size: 10px; font-weight: bold">
                                <a class="header" href="#">Main</a>:
                                <a class="header" href="#">The Creative Side</a>:
                                <a class="header" href="#">Forums</a>:
                                <a class="header" href="#">Contact Us</a>:
                                <a class="header" href="#">Site Map</a>:
                                <a class="header" href="#">About</a>
                                &nbsp;&nbsp;
                            </span>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table width=100% cellspacing=0 cellpadding=0 border=0>
        <tr>
            <td width=100% bgcolor="#1B699B" align=left><a class="headernoeffect" href="/"><img src="/resources/siteimages/maxedge.gif" border=0></a></td>
        </tr>
    </table>
    <!--*end* The header--------------------->
        <div id="contentleft">
        <form action="" method=POST>
            <span style="color: #000000; font-size: 10px; font-weight: bold;">
            Log In
            <input type=text name=loginname value="" size=15 maxlength=18>
            <br>
            Password
            <br>
            </span>
            <input type=password name=loginpw value="" size=15 maxlength=18>
            <br><br>
            <input type="submit" name="submit" value="Log In">
        </form>
        </div>

        <div id="contentmiddle"></div>

        <div id="contentright"></div>


</div>
<!--////*end* the content/////////////////////////////////////////////--->
<div id="bodyright">test</div>

</body>
</html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.     <html>
  3.         <head>
  4.             <title>Maxedge</title>
  5.             <meta NAME="Keywords" CONTENT="Charles, Hwang, Charles Hwang, Tazel, Matt Zmudka, Matt, Zmudka, Doctom9, Maxedge, Max Edge, MaxEdge, Programming, Web, Website, Logo Design, Tutorials, Articles, Forums">        
  6.             <meta NAME="Description" CONTENT="Maxedge is a combination of being a personal site and a resource site. This site has many varied tutorials on programming, graphical design, web programming, etc. (If they are not there, they can be requested in the forums) This site has a variety of tasteful material that the authors have the site have written.">
  7.             <style type="text/css">
  8.             BODY
  9.             {
  10.                 cursor: default;
  11.                 scrollbar-face-color: #336699;
  12.                 scrollbar-highlight-color: #CCCCCC;
  13.                 scrollbar-3dlight-color: #6699CC;
  14.                 scrollbar-darkshadow-color: #000000;
  15.                 scrollbar-shadow-color: #000000;
  16.                 scrollbar-arrow-color: #6699CC;
  17.                 scrollbar-track-color: #000000;
  18.                 font-family: verdana, sans-serif;
  19.             }
  20.             
  21.             A:link        { text-decoration: none; color: #266790; background: none; font-weight: bold;}
  22.             A:visited     { text-decoration: none; color: #266790; background: none; font-weight: bold; font-weight: bold;}
  23.             A:hover     { text-decoration: underline; color: #317AA9; background: none; font-weight: bold; font-weight: bold;}
  24.             A.headernoeffect:link        { text-decoration: none; background: none;}
  25.             A.headernoeffect:visited     { text-decoration: none; background: none;}
  26.             A.headernoeffect:hover     { text-decoration: none; background: none;}
  27.             A.headerb:link        { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
  28.             A.headerb:visited     { text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
  29.             A.headerb:hover     { text-decoration: underline; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
  30.             A.header:link        { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-size: 10px;}
  31.             A.header:visited     { border: 1px solid #016BAE; text-decoration: none; color: #FFFFFF; background: none; font-weight: bold; font-weight: bold; font-size: 10px;}
  32.             A.header:hover     { border: 1px solid #FFFFFF; text-decoration: none; color: #FFFFFF; background: none; background-color: #3280B2; font-weight: bold; font-weight: bold; font-size: 10px;}
  33.             A.type2:link        { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-size: 12px;}
  34.             A.type2:visited     { text-decoration: none; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
  35.             A.type2:hover     { text-decoration: underline; color: #0C6197; background: none; font-weight: bold; font-weight: bold; font-size: 12px;}
  36.         
  37.             #bodyleft {
  38.             position: absolute;
  39.             left:0px;
  40.             top:0px;
  41.             width: 4%;
  42.             height: 100%;
  43.             background:#000000;
  44.             border:none;
  45.                 }
  46.             #bodymiddle {
  47.             background:#ffffff;
  48.             margin-left: 4%;
  49.             margin-right: 4%;
  50.             width: 92%;
  51.             height: 100%;
  52.             border: none;
  53.             voice-family: "\"}\"";
  54.             voice-family: inherit;
  55.                 }
  56.             #bodyright {
  57.             position: absolute;
  58.             right:0px;
  59.             top:0px;
  60.             width: 4%;
  61.             height: 100%;
  62.             background:#000000;
  63.             border:none;
  64.                 }
  65.             /*The content boxes*/
  66.             #contentleft {
  67.             top:0px;
  68.             width: 15%;
  69.             height: 100%;
  70.             background:#E7E7E7;
  71.             border:none;
  72.                 }
  73.             #contentmiddle {
  74.             left: 19%;
  75.             right: 19%;
  76.             top:0px;
  77.             width: 100%;
  78.             height: 100%;
  79.             background: #FFFFFF;
  80.             border-left: 1px solid #000000;
  81.             border-right: 1px solid #000000;
  82.                 }
  83.             #contentright {
  84.             right: 4%;
  85.             top:0px;
  86.             width: 15%;
  87.             height: 100%;
  88.             background:#E7E7E7;
  89.             border:none;
  90.                 }
  91.         </style>
  92.     </head>
  93. <!--/////////////////BODY////////////////////////////////////////------------>
  94. <body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 bgcolor=#FFFFFF text=#000000>
  95. <div id="bodyleft">test</div>
  96. <!--////the content/////////////////////////////////////////////--->
  97. <div id="bodymiddle">
  98.     <!--The header--------------------->
  99.     <table width=100% cellspacing=0 cellpadding=5 border=0 bgcolor="#1B699B">
  100.         <tr>
  101.             <td width=100%>
  102.                 <table width=100% cellspacing=0 cellpadding=0 border=0>
  103.                     <tr>
  104.                         <td align=right width=100% bgcolor="#016BAE">
  105.                             <span style="color: #FFFFFF; font-size: 10px; font-weight: bold">
  106.                                 <a class="header" href="#">Main</a>:
  107.                                 <a class="header" href="#">The Creative Side</a>:
  108.                                 <a class="header" href="#">Forums</a>:
  109.                                 <a class="header" href="#">Contact Us</a>:
  110.                                 <a class="header" href="#">Site Map</a>:
  111.                                 <a class="header" href="#">About</a>
  112.                                 &nbsp;&nbsp;
  113.                             </span>
  114.                         </td>
  115.                     </tr>
  116.                 </table>
  117.             </td>
  118.         </tr>
  119.     </table>
  120.     <table width=100% cellspacing=0 cellpadding=0 border=0>
  121.         <tr>
  122.             <td width=100% bgcolor="#1B699B" align=left><a class="headernoeffect" href="/"><img src="/resources/siteimages/maxedge.gif" border=0></a></td>
  123.         </tr>
  124.     </table>
  125.     <!--*end* The header--------------------->
  126.         <div id="contentleft">
  127.         <form action="" method=POST>
  128.             <span style="color: #000000; font-size: 10px; font-weight: bold;">
  129.             Log In
  130.             <input type=text name=loginname value="" size=15 maxlength=18>
  131.             <br>
  132.             Password
  133.             <br>
  134.             </span>
  135.             <input type=password name=loginpw value="" size=15 maxlength=18>
  136.             <br><br>
  137.             <input type="submit" name="submit" value="Log In">
  138.         </form>
  139.         </div>
  140.         <div id="contentmiddle"></div>
  141.         <div id="contentright"></div>
  142. </div>
  143. <!--////*end* the content/////////////////////////////////////////////--->
  144. <div id="bodyright">test</div>
  145. </body>
  146. </html>
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

cellpadding equivalent, yes: You need to refere to the box model. Check this out. You're looking for "padding:;"

http://www.w3.org/TR/REC-CSS2/box.html
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Any ideas on what the funkiness is?
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Anybody?
  • Tazel
  • Student
  • Student
  • Tazel
  • Posts: 97

Post 3+ Months Ago

Updated it:
Tell me what you think now!
  • Manshu
  • Born
  • Born
  • Manshu
  • Posts: 1

Post 3+ Months Ago

the logo needs more color to it.. and the code is kind of messy..
  • mediatitan
  • Beginner
  • Beginner
  • mediatitan
  • Posts: 40

Post 3+ Months Ago

The site looks good so far - The only thing I can suggest is more news to fill in the big blank area & the other pages on the menu.

I'm sure you're aware of this as the site is not complete yet.

should be good though - no complaints on the layout or colors/graphics.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

Post Information

  • Total Posts in this topic: 30 posts
  • Moderator: Website Reviewers
  • Users browsing this forum: No registered users and 4 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.