DOSError

Members
  • Content Count

    74
  • Joined

  • Last visited

Posts posted by DOSError

  1. Well I did put together something a while ago using parts of the suckerfish css script. I got the menu working flawlessly, but I have major issues whenever I try to fit it into the area that my links are in now. I'm not at the server right now, so I can't upload the nav bar that I made, but that doesn't stop me from pasting the source. :P

    index.html

    <html>

    <title></title>

    <head>

    <style type="text/css" media="all">@import "style.css";</style> <script type="text/javascript" src="menu.js"></script>

    </head>

    <body>

    <div id="navigation">

    <ul id="nav">

    <li><a href="http://www.complhex.com" title="">Home</a></li>

    <li><a href="http://www.complhex.com/Tech.html" title="">Tech</a></li>

    <li><a href="" title="">Interactive</a>

    <ul>

    <li><a href="http://www.complhex.com/Gallery" title="">Gallery</a></li>

    <li><a href="http://www.complhex.com/Blog" title="">Blog</a></li>

    <li><a href="http://www.complhex.com/Forum" title="">Forum</a></li>

    </ul>

    </li>

    <li><a href="http://www.complhex.com/The_More_You_Know" title="">The More You Know</a></li>

    <li><a href="http://www.complhex.com/Personal" title="">Personal</a>

    <li><a href="http://www.complhex.com/Contact" title="">Contact</a></li>

    </ul>

    </div>

    </body>

    </html>

    style.css

    /*

    #navigation {

    /*height: 1.6em;*/

    }

    /* another son of suckerfish...

    http://www.htmldog.com/articles/suckerfish/dropdowns/

    http://www.alistapart.com/articles/horizdropdowns

    */

    ul#nav { /* top level ul */

    border-bottom: 2px solid #000000;

    text-align: left;

    position: relative;

    padding: 0 0 0 105px;

    margin: 0;

    list-style: none;

    height: 1.6em;

    background-color: #666;

    }

    #nav a {

    height: 15px;

    font: 11px Arial, sans-serif;

    font-weight: bold;

    display: block;

    padding: 0 20px;

    margin: 0;

    line-height: 1.6em;

    /*width: 6em;*/

    color: white;

    background-color: #636363;

    text-decoration: none;

    }

    #nav a:hover {

    background: #636363;

    color: #BEC187;

    text-decoration: underline;

    }

    #nav a.active {

    text-decoration: none;

    background-color: #333;

    }

    #nav li {

    display: inline;

    float: left;

    margin: 0;

    padding: 0;

    /*height: 1.6em;*/

    /*width: 10em;/* fixed width works better, but looks ugly */

    }

    /* second-level lists */

    #nav ul {

    height: 18px;

    background: #636363;

    padding: 0;

    margin: 0;

    list-style: none;

    }

    #nav li ul {

    position: absolute;

    width: 1.0em;

    left: -999em; /* to hide menus because display: none isn't read by screen readers */

    }

    #nav li li {

    /*height: auto;*/

    float: left;

    width: 13.8em;

    }

    #nav li ul a {

    float: left;

    padding: 3px 10px 0 10px;

    color: #FFFFFF;

    height: 15px;

    font: 11px Arial, sans-serif;

    text-align: center;

    text-decoration: none;

    font-weight: normal;

    background-color: #777;

    /*display: block;*/

    /*height: auto;*/

    /*text-align: left;*/

    }

    #nav li ul a:hover {

    background: #000000;

    color: #BEC187;

    }

    #nav li ul ul {

    margin: -1.3em 0 0 14em;

    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

    left: -999em;

    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

    left: auto;

    }

    menu.js

    /*

    JavaScript for drop-down menu (IE fix)

    ...another son of suckerfish.

    http://www.htmldog.com/articles/suckerfish/dropdowns/

    */

    sfHover = function() {

    var sfEls = document.getElementById("nav").getElementsByTagName("LI");

    for (var i=0; i<sfEls.length; i++) {

    sfEls.onmouseover=function() {

    this.className+=" sfhover";

    }

    sfEls.onmouseout=function() {

    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

    }

    }

    }

    if (window.attachEvent) window.attachEvent("onload", sfHover);

    If you create all of these files and open index, you will see that I have a nicely configured nav menu (though it still needs slight evening on the 2nd level width). I don't know if the amount of divs and ids are just blowing my mind or what, but I couldn't figure out how to get it adjusted properly. I mean, it went into the right spot, but it didn't fill the whole area and the dropdown menu would disappear upon mousing over it. :(

    I will upload an example later tonight for evaluation...I just thought I would post the code incase you wanted to experiment with it in the mean time.

    Thanks!

    \\DOS

  2. I need help with a drop down menu for my site.

    I have found some scripts laying all over the place for this, but I am having difficulty integrating it into my current design. I'm wanting something that will be compatible with most browsers (primarily Firefox, Opera and IE).

    My idea is to create a hover over drop down menu called "Interactive" which would bundle the Forum/Blog/Gallery all into one. The reason behind all of this is that I have too many links at the top of the page and whenever the resolution gets too low, the links to the right simply disappear (thus killing my liquid design).

    I want to maintain the color scheme that I am using on the current nav bar on the drop down as well.

    -----------------------------------------------------------------------------------------------------------------

    To help you help me, I will post the code used on my pages:

    source.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>::Source::</title>

    <link rel="stylesheet" href="layout.css" type="text/css" media="screen">

    <link rel="stylesheet" href="style.css" type="text/css" media="screen">

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <script language="JavaScript" src="typetext.js"></script>

    </head>

    <body onload="type_text()">

    <!--[if IE]><style type="text/css">#sizer { width:expression(document.body.clientWidth > 1280 ? "170px" : "24%" ); } </style><![endif]-->

    <div id="sizer">

    <div id="expander">

    <h1><img src="images/slogan.gif"></a></h1>

    <span class="top"><b><b></b></b></span>

    <div class="wrap-rightside"><div class="wrap-leftside"><div class="wrap-border1"><div class="wrap-border2">

    <div id="header"></div>

    <div id="nav">

    <ul>

    <li><a href="http://www.complhex.com">Home</a></li>

    <li><a href="http://www.complhex.com/Tech/">Tech</a></li>

    <li><a href="http://www.complhex.com/Gallery/">Gallery</a></li>

    <li><a href="http://www.complhex.com/Blog/">Blog</a></li>

    <li><a href="http://www.complhex.com/forum" target="_blank">Forum</a></li>

    <li><a href="http://www.complhex.com/The_More_You_Know/">The More You Know</a></li>

    <li><a href="http://www.complhex.com/Personal/">Personal</a></li>

    <li><a href="http://www.complhex.com/Contact/">Contact</a></li>

    </ul>

    </div>

    <div id="wrapper" class="clearfix">

    <div id="content" class="narrowcolumn">

    <p class="navigation">

    <span class="alignleft"></span>

    <span class="alignright"></span>

    </p>

    </div>

    </div>

    <div id="footer"></div>

    </div></div></div></div> <!-- #wrap-leftside -->

    <span class="bottom"><b><b></b></b></span>

    <b class="leftsidetop"></b>

    <p id="disclaimer">© 2005-2006, complhex.com, Some Rights Reserved.</p>

    </div>

    </div>

    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">

    </script>

    <script type="text/javascript">

    _uacct = "UA-260579-2";

    urchinTracker();

    </script>

    </body></html>

    ------------------------------------------------------------------------------------------

    layout.css

    body {

    padding: 40px 290px 40px 290px;

    margin: 0;

    text-align: center;

    background: #000000 url(../images/stripe-bg.jpg) left top repeat; /* */

    color: #000000;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    }

    #sizer {

    margin: 0 auto 0 auto;

    padding: 0;

    width: 24%;

    max-width: 170px; /* version for IE is at the bottom of this style block */

    }

    #expander {

    margin: 0 -290px 0 -290px;

    min-width: 580px; /* Critical Safari fix */

    position: relative;

    }

    /* Holly hack for IE \*/

    * html #expander { height: 0; }

    /* */

    #wrapper {

    width: 100%;

    text-align: left;

    position: relative;

    }

    #content {

    padding: 1px 12px 1px 10px;

    }

    #content div.left { float: left; width: 48%; }

    #content div.right { float: right; width: 48%; }

    #content .clearing { display: block; clear: both; height: 1px; font-size: 1px; margin-top: -1px; }

    #nav {

    border-bottom: 2px solid #000000;

    text-align: left;

    position: relative;

    }

    /* \*/ * html #nav { height: 1px; } /* */

    #nav ul {

    list-style: none;

    margin: 0; padding: 0;

    height: 18px;

    background: #636363;

    }

    #nav ul li { float: left; }

    #nav ul li a {

    float: left;

    padding: 3px 10px 0 10px;

    color: #FFFFFF;

    height: 15px;

    font: 11px Arial, sans-serif;

    text-decoration: none;

    font-weight: bold;

    }

    #nav ul li a:hover {

    background: #636363;

    color: #BEC187;

    }

    #disclaimer { height: 0px; padding: 0; position: relative; top: -25px;

    width: 100%; text-align: center; font-size: 12px; color:

    #000000; margin: 0; }

    #disclaimer a { color: #542; text-decoration: none; font-weight: bold; }

    #disclaimer a:hover { color: #653; }

    h1 { position: absolute; top: 12px; right: 35px; margin: 0; padding: 0;

    border: 0; }

    h1 * { border: 0; }

    .wrap-leftside {

    background: transparent url(../images/border/border-l.gif) bottom left repeat-y;

    padding-left: 29px;

    position: relative;

    padding-top: 1px;

    }

    .wrap-rightside {

    background: transparent url(../images/border/border-r.gif) top right repeat-y;

    padding-right: 29px;

    position: relative;

    padding-top: 249px;

    }

    .leftsidetop {

    display: block;

    position: absolute;

    top: 35px; left: 0;

    width: 29px; height: 249px;

    background: transparent url(../images/border/border-l-top.gif) top left no-repeat;

    }

    .top, .top b { display: block; clear: both; height: 35px; }

    .top { background: transparent url(../images/border/border-tl.gif) top left

    no-repeat; padding-left: 316px; }

    .top b { background: transparent url(../images/border/border-tr.gif) top right

    no-repeat; padding-right: 97px; }

    .top b b { background: transparent url(../images/border/border-t.gif) top left

    repeat-x; }

    .bottom, .bottom b { display: block; clear: both; height: 35px; }

    .bottom { background: transparent url(../images/border/border-bl.gif) top left

    no-repeat; padding-left: 341px; }

    .bottom b { background: transparent url(../images/border/border-br.gif) top right

    no-repeat; padding-right: 71px; }

    .bottom b b { background: transparent url(../images/border/border-b.gif) top left

    repeat-x; }

    .wrap-border1 {

    background: #FFFFFF top left; /* url(../images/paper-bg.jpg) */

    border: 7px solid #000000; padding: 3px;

    margin-top: -250px;

    position: relative;

    }

    .wrap-border2 { border: 2px solid #000000; position: relative; }

    /* holly-hack the lot \*/

    * html .wrap-rightside, * html .wrap-leftside,

    * html .wrap-border1, * html .wrap-border2 { height: 1px; }

    /* */

    #header {

    height: 140px;

    background: #000000 url(../images/banner.jpg) center no-repeat;

    /* background: transparent url(../images/banner.jpg) top center repeat-x; */

    border-bottom: 2px solid #C0C0C0;

    }

    #footer {

    height: 40px;

    background: transparent url(../images/divider.gif) center no-repeat;

    border-top: 2px solid #000000;

    /* margin-top: 25px;*/

    }

    .post { position: relative; }

    /* Text styles */

    .post {

    padding: 5px 0 45px 0;

    margin-bottom: -10px;

    /* background: transparent url(../images/divider.gif) center bottom no-repeat; */

    }

    /* Link Color/Style */

    #wrapper a { font-weight: bold; color: #000000; font-size: 12px; text-decoration: none; border-bottom: 1px dotted #BEC187;}

    #wrapper a:hover { color: #CC0000; }

    #wrapper .aside .comments-link a,

    #wrapper .post .meta-links a { text-decoration: none; border: none; }

    #viewpage p, .post p, .post li { line-height: 1.4; }

    .post .comments-link {

    text-align: right;

    margin-top: -2em;

    }

    p.navigation .alignright { float: right; }

    p.navigation .alignleft { float: left; }

    p.navigation { overflow: hidden; }

    /* Image Wrapper Styles */

    .img-overflow {

    float: left;

    width: 100%;

    margin: 0 0 0 0;

    }

    .img-overflow b, .img-floatleft, .img-floatright {

    float: left;

    max-width: 100%;

    padding: 5px;

    background: #dca;

    border: 1px solid #a98;

    }

    .img-floatright { float: right; margin: 0 0 5px 10px; }

    .img-floatleft { float: left; margin: 0 10px 5px 0; }

    .img-overflow b i {

    overflow: hidden;

    float: left;

    border: none; padding: 0;

    }

    .img-overflow b i.right { background-position: right top; background-repeat: no-repeat; }

    .img-overflow b i.center { background-position: center top; background-repeat: no-repeat; }

    .img-overflow b i img { float: left; }

    .img-overflow b i.right img,

    .img-overflow b i.center img { visibility: hidden; }

    #wrapper a.img-link { border: none; text-decoration: none; background: none; line-height: 1; }

    #wrapper a.img-link img { border: none; text-decoration: none; background: none; padding: 0; margin: 0; }

    /* h4x for IE < 7 */

    * html .img-overflow b i { width: 100%; }

    /* http://www.positioniseverything.net/easyclearing.html */

    .clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

    }

    .clearfix { display: inline-table; }

    /* Hides from IE-mac \*/

    * html .clearfix {height: 1%;}

    .clearfix {display: block;}

    /* End hide from IE-mac */

    --------------------------------------------------------------------------------

    Yes, I am aware that my CSS needs to be cleaned up, but I haven't had time lately. Thanks for any assistance that you can give me. Usually the people at BT are spot on whenever it comes to suggestions. :)

  3. Oh, i like that alot =P, the old one gives a 404 error but yeah, the new one looks good.

    Yeah, I recently pulled the old design off. I decided to stick with the new look (as I did work hard on it). I'm continuing to add stuff each day and it definitely looks like the site is starting to come around. It seems that the more persistent I become, the better it looks, so I'm going to be adding content every chance I get.

    Thanks for the comments so far. I guess this thread is no longer a comparison, but rather, an opinion on my new site look. :P

    I have been working on my gallery and it is almost complete. Just a couple more plugins and I'm done there.

  4. Well that's a fair enough statement. I have had a couple of people say that they liked the other design better. Do you think the circuit board background is causing people to stray away from this design? I like the fact that all aspects can easily be changed through the CSS file. I also like how it uses no javascript and looks the same on most any browser you use. From a webmaster standpoint it is great, but it looks like the actual viewer doesn't seem to like it so much. :unsure:

  5. I'm seeking a simple file serving OS, which would allow easy permissions handling. I also need it to easily operate without any action on the machine itself. I basically want to be able to access the files on different networks in different locations, simply by hooking it in and powering it up.

    This will be used for my 1TB File Container Mod. My current idea is to use W2K Pro and Cerberus FTP server, but I just need to know if there is anything else better out there.

    Thanks

    \\DOS

  6. I have a 19" Acer LCD as well, but I wouldn't recommend getting a widescreen version. There are many applications and games that have a hard time adjusting to the widescreen aspect ratio. To save yourself from the headache later, it would be best to stick with a standard size.

    I would go with either this:

    http://www.newegg.com/Product/Product.asp?...N82E16824009078 - Acer AL1916Ab Black 19" 8ms LCD Monitor - $169.99 After $60 MIR

    ...or this:

    http://www.newegg.com/Product/Product.asp?...N82E16824009083 - Acer AL1917ABMD Black 19" 8ms LCD Monitor Built in Speakers - $219.99

    Personally...if it were me, I would get the first one I linked to.

  7. Very nice! I understand the basic code for styling text with CSS, but arranging text on the page using CSS...now that I have no idea about. I will definitely check out the source code. Thanks!

    BTW: This is my site now.

    Another thing that perked my interest about CSS is that it can resize to different resolutions a lot better than nested tables can. Anything below 800x600 and my site looks bad.

  8. Is it best to stick with the old way of using nested tables or should a web designer implement CSS for overall arrangement instead? I ask this, because I have already constructed a site using the nested tables method, but the prospect of making it easier to manage through CSS caught my attention. What compatibility would I be sacrificing by upgrading my site to CSS and does anyone have any good articles on how to make the switch (perhaps a tutorial on the subject)?

    Thanks

    \\DOS

  9. I still find it hilarious how when MS comes out with something that validates your authenticity, they always bundle it with some "critical update". I remember when WGA came out...there were like 8 "critical updates" that needed to be installed along with it. :rolleyes:

    Personally, I am about to switch to Linux on the majority of my machines and forget about MS' nagging, spamming, activating & validation BS. You buy something and expect it to be clean, simple and safe.

    Just wait until Vista comes out, it is going to have so much privacy invading, piracy detecting BS you won't even be able to use it.

    A friend of mine is in partnership with Microsoft and gets multi-user licenses on virtually their entire product line, I can get as many valid installs of MS software as I want from him. He has told me that even he is considering scrapping MS and completely converting over to Linux. So many people that I know are utterly sick and tired of this piracy cat and mouse game that MS is playing.

    Judging from the amount of protection in place by MS through windows update, I have a feeling that the people that actually pirate their software don't generally even go to windows update anyway...so all this extra "feature" does is bug the shit out of people that actually pay for the software to begin with.

  10. Have you ruled out hosting yourself? I did it and found it to be quite easy. I plan on putting up a tutorial on my site on how I did everything. You could get away with completely free using no-ip.com or pay $6/year for an actual .com address like I did...it is up to you. You don't need a killer PC to host a site for a small margin of visitors, my "Server" is a P3 933MHZ with 512MB RAM and a 60GB HD.

  11. I will say that there is a second half to that 1st script. It is a simple html submission form:

    <form method="post" action="contact/send.php">

    Name:<br><input name="name" type="text" size="30"><br>

    Email:<br><input name="email" type="text" size="30"><br>

    Subject:<br><input name="subject" type="text" size="30"><br><br>

    Message:<br><textarea name="msg" cols="50" rows="12"></textarea><br><br>

    <input type="submit" value="Send">  <input type="reset" value="Reset">

    If that makes any difference...

  12. I am using the following script to send emails from a submission form on my website:

    <?php

    $to = "[email protected]";

    $name = $_POST['name'];

    $email = $_POST['email'];

    $subject = $_POST['subject'];

    $msg = $_POST['msg'];

    $d = date('l dS \of F Y h:i:s A');

    $sub = "Contact Page";

    $headers = "From: $name <$email>\n";

    $headers .= "Content-Type: text/plain; charset=iso-8859-1\n";

    $mes = "Subject: ".$subject."\n";

    $mes .= "Message: ".$msg."\n";

    $mes .= "Name: ".$name."\n";

    $mes .= 'Email: '.$email."\n";

    $mes .= 'Date & Time: '.$d;

    if (empty($name) || empty($email) || empty($subject) || empty($msg))

    {

    echo " <h3>Sorry all fields are required.</h3>";

    }

    elseif(!ereg("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", $email)) {

    print " <h3>Sorry the email address you entered looks like it's invalid.</h3>";

    }

    else

    {

    mail($to, $sub, $mes, $headers);

    print " <h3><center>Thank you ".$name." for contacting me.<br>I will get back to you as soon as possible. <br><br> You will be redirected to the home page in 3 seconds...</center></h3>";

    }

    ?>

    I am very happy with this script and it is working well...I just liked certain aspects of my old script better. This is what it looks like:

    <?php

    $option = $_GET['option'];

    $webmastersemail = "[email protected]";

    $bannedips = "";

    $footer = "<center><p><a href=''></a></p></center>";

    if($webmastersemail == null)

    {

    echo("<p align='center'>The webmaster must specify his / her email, to which these messages will be sent.</p>");

    }

    if($option == null)

    {

    $option = "viewform";

    }

    if($option == "viewform")

    {

    echo("<center>");

    echo("<table border='0' cellpadding='5' cellspacing='0' style='font-size: 90%;'>");

    echo("<form action='?option=sendemail' method='POST'>");

    echo("<tr>");

    echo("<td align='right'>Your name: </td>");

    echo("<td><input style='font-size: 70%' type='text' name='yourname' /></td>");

    echo("</tr>");

    echo("<tr>");

    echo("<td align='right'>Your email: </td>");

    echo("<td><input style='font-size: 70%' type='text' name='youremail' /></td>");

    echo("</tr>");

    echo("<tr>");

    echo("<td align='right'>Your subject: </td>");

    echo("<td><input style='font-size: 70%' type='text' name='yoursubject' /></td>");

    echo("</tr>");

    echo("<tr>");

    echo("<td valign='top' align='right'>Your message: </td>");

    echo("<td><textarea cols='30' rows='7' name='yourmessage'></textarea></td>");

    echo("</tr>");

    echo("<tr>");

    echo("<td></td>");

    echo("<td><input style='font-size: 70%' type='submit' value='Send' /></td>");

    echo("</tr>");

    echo("</form>");

    echo("</table>");

    echo("</center>");

    echo($footer);

    }

    if($option == "sendemail")

    {

    $ip = $_SERVER["REMOTE_ADDR"];

    $pass = "yes";

    $exbannedips = explode(",", $bannedips);

    for($i=0; $i<count($exbannedips); $i++)

    {

    if($exbannedips[$i] == $ip)

    {

    echo("<p align='center'>You are banned from this Contact Form if you feel there has been a mistake contact the website administrator, click <a href='?option=viewform'>here</a> to return.</p>");

    $pass = "no";

    }

    }

    if($pass != "no")

    {

    $yourname = $_POST['yourname'];

    $youremail = $_POST['youremail'];

    $yoursubject = $_POST['yoursubject'];

    $yourmessage = $_POST['yourmessage'];

    $yourmessage = nl2br($yourmessage);

    $yourmessage = str_ireplace("<br />", "\n\r", $yourmessage);

    mail("$webmastersemail", "$yoursubject", "This persons email is: $youremail\n\rThis persons IP address is: $ip\n\r\n\rThe message is: \n\r\n\r$yourmessage");

    echo("<p align='center'>Your message has been sent.</p>");

    }

    }

    ?>

    The second script has the ability to ban IPs and it also sends the IP along with the message. I want the IP banning/sending abilities from the second script, placed into my first script. I tried tinkering with it and just when I thought it would work, it didn't (I suck at php).

    I also wanted to reformat the order of the fields that it sends in the email (i.e. name, subject, ect.). I want it to go Name, Email, Subject, Message, Date & Time (in that order). I tried simply reorganizing the "$mes" variables, but that just screwed it up further...

  13. I'm trying to define a text type in my external CSS file and there is one attribute that doesn't appear to be working (display:inline;). I'm trying to keep text from breaking on lower resolutions (800x600), but it doesn't seem to be working. I basically just need something like <nobr> implemented into my css file. If I put <nobr> before and after the text that is breaking, it works...but if I try putting display:inline; in the text class in my CSS file, it doesn't work...any help?

    Thanks

    \\DOSerror

  14. You could put it in an Iframe.

    If that works, but what would the browser compatibility be with an Iframe...also how could it properly be implimented into my current code?

    <td bgcolor="#F0F0F0" width="250" valign="top" bgcolor="#FFFFFF" class="text"><br>

    <p class="updatehead">[updates]</p>

    <ul class="bullet">

    <span class="Date">1/12/06 § 2:08PM</span>

    <li class="updatetext">Area For Update Text</li>

    <br>

    <span class="Date">12/29/05 § 4:23PM</span>

    <li class="updatetext">Area For Update Text</li>

    </td>

  15. Did you make it 16x16 8bit RGB? What program did you use to make the image?

    The way I created mine was by using photoshop...starting the res at 128x128 pixels 8bit RGB and then resizing it to 16x16 after I was done...I saved the file as a .gif and then changed the file extension to .ico and placed it into the root directory of my website.

  16. I have an area on my main index page that is used to post updates for my site. The only problem is, when too much text gets put into this area it causes my table height to expand, which forces users to scroll all the way down the page to read all of the updates. Now I plan on putting more than just two comments in this area, so I need to make a designated scroll area on the right side of my index page.

    If you look here: http://complhex.no-ip.org you can see what I'm talking about. The small grey area marked as "[updates]" needs to retain its dimensions/text attributes...the only thing that I need to add is a scroll bar to this area.

    Would you be so kind as to assist me on this?

    Thanks

    \\DOS