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 2 of 2
  1. #1
    New Coder
    Join Date
    May 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Nested tables and spacer GIF's issue

    I have a site im working on ( www.captive-clothing.com) and the template i got seemed simple..and i figured the page would expand and then i realized it was made with nested tables.

    would anyone be able to inform me of a way to fix the issue so that the 3 text fields will become only 1 text field?

    I also redesigned the site with Fireworks, and im trying to get it to be editable with dreamweaver. but im not sure how. i have the text fields and all that EXACTLY how i want, but just cant edit links or anything with dreamweaver.

    any suggestions.

    Code :


    <HTML>
    <HEAD>
    <TITLE>Captive Clothing</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <!-- ImageReady Preload Script (index.psd) -->
    <SCRIPT TYPE="text/javascript">
    <!--

    function newImage(arg) {
    if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
    }
    }

    function changeImages() {
    if (document.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
    document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
    }
    }

    var preloadFlag = false;
    function preloadImages() {
    if (document.images) {
    home_over = newImage("images/home-over.gif");
    about_over = newImage("images/about-over.gif");
    portfolio_over = newImage("images/portfolio-over.gif");
    contact_over = newImage("images/contact-over.gif");
    preloadFlag = true;
    }
    }

    // -->
    </SCRIPT>
    <!-- End Preload Script -->
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    background-color: #3C371F;
    }
    .style1 {
    color: #F5CC00;
    font-weight: bold;
    }
    .style2 {
    font-size: 14px;
    font-weight: bold;
    color: #F5CC00;
    }
    -->
    </style></HEAD>
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <center>
    <BODY ONLOAD="preloadImages();">

    <div align="center">

    <!-- ImageReady Slices (index.psd) -->
    <P> <TABLE WIDTH=775 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
    <TR>
    <TD COLSPAN=19>
    <IMG SRC="images/main1.gif" WIDTH=775 HEIGHT=90 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=90 ALT=""></TD>
    </TR>

    <TR>
    <TD COLSPAN=3 ROWSPAN=12>
    <IMG SRC="images/main2.gif" WIDTH=241 HEIGHT=471 ALT=""></TD>
    <TD COLSPAN=5 ROWSPAN=2>
    <IMG SRC="images/ab1.gif" WIDTH=276 HEIGHT=39 ALT=""></TD>
    <TD COLSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="window.status='home'; changeImages('home', 'images/home-over.gif'); return true;"
    ONMOUSEOUT="window.status=''; changeImages('home', 'images/home.gif'); return true;">
    <IMG NAME="home" SRC="images/home.gif" WIDTH=38 HEIGHT=12 BORDER=0 ALT="home"></A></TD>
    <TD COLSPAN=2>

    <A HREF="#"
    ONMOUSEOVER="window.status='about'; changeImages('about', 'images/about-over.gif'); return true;"
    ONMOUSEOUT="window.status=''; changeImages('about', 'images/about.gif'); return true;">
    <IMG NAME="about" SRC="images/about.gif" WIDTH=44 HEIGHT=12 BORDER=0 ALT="about"></A></TD>
    <TD COLSPAN=2>
    <A HREF="#"
    ONMOUSEOVER="window.status='portfolio'; changeImages('portfolio', 'images/portfolio-over.gif'); return true;"
    ONMOUSEOUT="window.status=''; changeImages('portfolio', 'images/portfolio.gif'); return true;">
    <IMG NAME="portfolio" SRC="images/portfolio.gif" WIDTH=65 HEIGHT=12 BORDER=0 ALT="portfolio"></A></TD>
    <TD COLSPAN=4>
    <A HREF="#"
    ONMOUSEOVER="window.status='contact'; changeImages('contact', 'images/contact-over.gif'); return true;"
    ONMOUSEOUT="window.status=''; changeImages('contact', 'images/contact.gif'); return true;">
    <IMG NAME="contact" SRC="images/contact.gif" WIDTH=54 HEIGHT=12 BORDER=0 ALT="contact"></A></TD>
    <TD ROWSPAN=14>

    <IMG SRC="images/index_08.gif" WIDTH=57 HEIGHT=590 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=12 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=10>
    <IMG SRC="images/ab4.gif" WIDTH=201 HEIGHT=27 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=27 ALT=""></TD>

    </TR>
    <TR>
    <TD bgcolor="#7D6632"><div align="center"></div></TD>
    <TD COLSPAN=14>
    <IMG SRC="images/ab3.gif" WIDTH=402 HEIGHT=28 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=28 ALT=""></TD>
    </TR>
    <TR>

    <TD colspan="14" bgcolor="#7D6632">We are a small clothing company out of Utica, NY. We only have a few designs available right now, but we're working on a bunch more. Soon enough we will have all kinds of clothing available. Hoodies, Long Sleeve, Tank Tops, Tees , Basically any type of clothing you can think of. If you have any special requests. Or designs you created and would like to see us print. Send us an email. All contact info can be found on the <a href="http://www.captive-clothing.com/contact.htm">Contact Us</a> page. </TD>
    <TD>
    <IMG SRC="images/ab5.gif" WIDTH=26 HEIGHT=97 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=97 ALT=""></TD>
    </TR>
    <TR>

    <TD COLSPAN=2 ROWSPAN=2 align="left" valign="top">
    <IMG SRC="images/news1.gif" WIDTH=171 HEIGHT=66 ALT=""></TD>
    <TD ROWSPAN=6>
    <IMG SRC="images/news2.gif" WIDTH=41 HEIGHT=229 ALT=""></TD>
    <TD COLSPAN=12>
    <IMG SRC="images/feat1.gif" WIDTH=265 HEIGHT=55 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=55 ALT=""></TD>
    </TR>

    <TR>
    <TD COLSPAN=11 ROWSPAN=2 align="left" valign="top" bgcolor="#7D6632"><p class="style2">&nbsp;</p>
    <p class="style2">&nbsp;</p></TD>
    <TD ROWSPAN=2>
    <IMG SRC="images/feat2.gif" WIDTH=26 HEIGHT=78 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
    </TR>
    <TR>

    <TD COLSPAN=2 ROWSPAN=4 align="left" valign="top" bgcolor="#7D6632">
    <p><span class="text1">5/20/07</span><br>
    Our new website was created and is 10X better than the last one.
    <br>
    <br>
    <span class="style1">5/19/07</span> <br>
    Justin is working on a new website and should be complete in a few days</p>

    <p> <a href="#" class="a"></a><span class="style1">5/18/07</span> <br>
    We currently only have one design in the store, but we will have t </p></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=67 ALT=""></TD>
    </TR>
    <TR>
    <TD align="left" valign="top">

    <IMG SRC="images/ph4.gif" WIDTH=55 HEIGHT=17 ALT=""></TD>
    <TD COLSPAN=2 align="left" valign="top">
    <A HREF="#"
    ONMOUSEOVER="window.status='full image'; return true;"
    ONMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/full-image.gif" WIDTH=23 HEIGHT=17 BORDER=0 ALT="full image"></A></TD>
    <TD COLSPAN=2 align="left" valign="top">
    <IMG SRC="images/ph5.gif" WIDTH=60 HEIGHT=17 ALT=""></TD>
    <TD COLSPAN=2 align="left" valign="top">
    <A HREF="#"
    ONMOUSEOVER="window.status='full image'; return true;"
    ONMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/full-image-30.gif" WIDTH=21 HEIGHT=17 BORDER=0 ALT="full image"></A></TD>

    <TD COLSPAN=2 align="left" valign="top">
    <IMG SRC="images/ph6.gif" WIDTH=62 HEIGHT=17 ALT=""></TD>
    <TD COLSPAN=2 align="left" valign="top">
    <A HREF="#"
    ONMOUSEOVER="window.status='full image'; return true;"
    ONMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/full-image-32.gif" WIDTH=18 HEIGHT=17 BORDER=0 ALT="full image"></A></TD>
    <TD>
    <IMG SRC="images/index_28.gif" WIDTH=26 HEIGHT=17 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>

    </TR>
    <TR>
    <TD COLSPAN=12 align="left" valign="top">
    <IMG SRC="images/feat3.gif" WIDTH=265 HEIGHT=17 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=17 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=10 align="left" valign="top" bgcolor="#7D6632">Everyone be sure to check back in a few days or so for more update<br></TD>

    <TD COLSPAN=2>
    <IMG SRC="images/feat4.gif" WIDTH=37 HEIGHT=62 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=62 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=15>
    <IMG SRC="images/down.gif" WIDTH=477 HEIGHT=45 ALT=""></TD>
    <TD>

    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=45 ALT=""></TD>
    </TR>
    <TR>
    <TD COLSPAN=15 ROWSPAN=3 align="right" valign="top" background="images/b_links.gif" class="text3">
    <a href="#">Home</a> | <a href="#">About </a> | <a href="#">Store</a> | <a href="#">Friends</a> | <a href="#">News</a> | <a href="#">Contacts</a><br>

    <br>
    <span class="text2">Copyright 2007 &copy; www.captive-clothing.com <br>
    </span></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=33 ALT=""></TD>
    </TR>
    <TR>

    <TD>
    <IMG SRC="images/main3.gif" WIDTH=153 HEIGHT=14 ALT=""></TD>
    <TD>
    <A HREF="#"
    ONMOUSEOVER="window.status='go to portfolio'; return true;"
    ONMOUSEOUT="window.status=''; return true;">
    <IMG SRC="images/go-to-portfolio.gif" WIDTH=16 HEIGHT=14 BORDER=0 ALT="go to portfolio"></A></TD>
    <TD>
    <IMG SRC="images/main4.gif" WIDTH=72 HEIGHT=14 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>

    </TR>
    <TR>
    <TD COLSPAN=3>
    <IMG SRC="images/main5.gif" WIDTH=241 HEIGHT=105 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=105 ALT=""></TD>
    </TR>
    <TR>
    <TD>

    <IMG SRC="images/spacer.gif" WIDTH=153 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=16 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=72 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=75 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=96 HEIGHT=1 ALT=""></TD>

    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=55 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
    <TD>

    <IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=36 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=52 HEIGHT=1 ALT=""></TD>

    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
    <TD>
    <IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
    <TD>

    <IMG SRC="images/spacer.gif" WIDTH=57 HEIGHT=1 ALT=""></TD>
    <TD></TD>
    </TR>
    </TABLE>
    </div>
    </BODY>
    </center>
    </HTML>

  • #2
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Have you considered using a table-less layout? I think that it will be hard to fix the problem as long as you are using this type of sliced-image table layout.

    I don't know how much time you have for this project, but perhaps this is the opportunity to start with some modern techniques.

    If you could start out with an attempt using CSS instead of tables, then I'm certain that you'll get the necessary help to finish.


  •  

    Posting Permissions

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