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

    Someone please help me. this is frustrating

    I am working on a website for my company, or soon to be company. The template i downloaded has a bunch of images in between designated text boxes. But whenever i put a few lines of text in the text boxes the whole page expands, and its splitting the images.

    im looking to have the three text boxes i have on the site im trying to get it where it has just one large text box(one text box inside the red square ) how would i do that if possible at all?

    any help would be great.

    thanks in advance.

    Justin.



  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Sounds like the template was done in a lot of nested tables. We can't help you if you don't post the code or give us a link to the page since your layout does require images. I think for something like this though you should probably hire someone who has had experience in recoding templates from scratch.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    May 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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;
    }
    .style6 {color: #CBBA94; font-size: 14px;}
    .style8 {font-family: tahoma; color: F5CC00;}
    .style9 {
    	font-size: 16px;
    	font-weight: bold;
    	color: #F5CC00;
    }
    a:link {
    	color: #CBBA94;
    }
    -->
    </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 align="center"><span class="style2"><span class="style8">Mammoth Printshop </span><br> 
              </span><span class="style6"><a href="http://www.mammothprintshop.com">www.mammothprintshop.com</a>          </span></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"><div align="center"><span class="style9">Everyone be sure to check back in a few days or so for more updates - Justin. </span><br>
            </div></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>
    Last edited by rmedek; 05-23-2007 at 03:14 PM.


  •  

    Posting Permissions

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