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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question html or css question? idk? new

    Hello all,

    My question is that I built a website using a template that I got online. I am having problems editing the template to fill in some white space where I have made the page bigger than the template. What I would like to do is have an editable region of some kind that I could use to fill in white space when the page is stretched because of the content or something that automatically fills the white space in with the tan background color as I insert content by editing only the template so that it will automatically apply to all of my pages. Below is a picture of what I want, a link to the page that has the biggest problem, and the code from the template. Let me know if you need more.

    http://www.keltersales.com/contactus.php




    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    	<!-- TemplateBeginEditable name="doctitle" -->
    	<title>Kelter Sales</title>
    	<!-- TemplateEndEditable -->
    <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
    	
        <style type="text/css">
    <!--
    .style1 {color: #0000FF}
    .style2 {color: #000000}
    #wrapper #body .clear #FILL {
    	height: 1px;
    	background-color: #D4CAB6;
    	width: 195px;
    }
    #wrapper #body #categories #FILL {
    	float: left;
    }
    #wrapper #body #seas #FILL {
    	top: 695px;
    	position: static;
    }
    -->
        </style>
        <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
        <link href="../style.css" rel="stylesheet" type="text/css" />
        <link href="../styleitemdesc.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
      <div id="wrapper">
        
        <div id="header">
          <div id="logo">
            <h1><img src="http://www.keltersales.com/Logo/KelterSaleslogosmall.jpg" alt="" width="152" height="68" /></h1>
          </div>
          <div id="cart">
            <div id="cart-top">
              <div id="cart-bot">
                <div id="cart-cart">
                  <p align="center"><a href="http://www.keltersales.com/index.html">Home</a><input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="encrypted" value="-----BEGIN 
    
    PKCS7-----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
    
    j57qMgE+K9zvXBNx5mIDnuU982oI6va8B/h9pw==-----END PKCS7-----
    ">
    <input type="image" 
    
    src="https://www.paypal.com/en_US/i/btn/btn_viewcart_SM.gif" 
    
    border="0" name="submit" alt="PayPal - The safer, easier way to pay 
    
    online!">
    <img alt="" border="0" 
    
    src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" 
    
    height="1">
    </form>
    </p>
                </div>
              </div>
            </div>
          </div>
          <div id="nav">
            <ul>
              <li><a href="http://stores.shop.ebay.com/keltersales__W0QQ_sacatZkeltersalesQ5fQ5fW0Q51Q51Q5farmrsQ5A1QQ_sidZ23678061?_nkw=Mens&amp;submit=Search&amp;refid=store">MEN </a>| </li>
              <li><a href="http://stores.shop.ebay.com/keltersales__W0QQ_sacatZkeltersalesQ5fQ5fW0Q51Q51Q5farmrsQ5A1QQ_sidZ23678061?_nkw=womens&amp;submit=Search&amp;refid=store">WOMEN </a>| </li>
              <li><a href="http://stores.shop.ebay.com/keltersales__W0QQ_sacatZkeltersalesQ5fQ5fW0Q51Q51Q5farmrsQ5A1QQ_sidZ23678061?_nkw=girls&amp;submit=Search&amp;refid=store">GIRLS</a> | </li>
              <li><a href="http://stores.shop.ebay.com/keltersales__W0QQ_sacatZkeltersalesQ5fQ5fW0Q51Q51Q5farmrsQ5A1QQ_sidZ23678061?_nkw=boys&amp;submit=Search&amp;refid=store">BOYS</a> | </li>
              <li><a href="http://www.keltersales.com/aboutme.html">ABOUT US</a> | </li>
              <li><a href="http://www.keltersales.com/contactus.php">CONTACT US</a></li>
            </ul>
          </div>
          <div id="gallery">
            <ul>
              <li class="gwomen"><a href="http://stores.ebay.com/keltersales?refid=store">Women</a></li>
              <li class="gkids"><a href="http://stores.ebay.com/keltersales?refid=store">Kids</a></li>
              <li class="gmen"><a href="http://stores.ebay.com/keltersales?refid=store">Men</a></li>
            </ul>
          </div>
        </div>
        <div id="body">
          <div id="categories">
            <h2>Categories</h2>
            <ul>
              <li><a href="http://www.keltersales.com/womensshrttops.html">Women's Shirts/Tops</a></li>
              <li><a href="http://www.keltersales.com/womenssweaters.html">Women's Sweater</a></li>
              <li><a href="http://stores.ebay.com/keltersales?refid=store">Women's Pants/Jeans</a></li>
              <li><a href="http://stores.ebay.com/keltersales?refid=store">Women's Dresses</a></li>
              <li><span class="style2"><a href="http://stores.ebay.com/keltersales?refid=store">Men's Shirts/Tops</a></span></li>
              <li><a href="http://stores.ebay.com/keltersales?refid=store">Men's Pants</a></li>
              <li><a href="http://stores.ebay.com/keltersales?refid=store">Men's Jeans</a></li>
              <li><a href="http://stores.ebay.com/keltersales?refid=store">Girl's</a></li>
              <li><a href="http://stores.ebay.com/keltersales?refid=store">Boy's</a></li>
              <li><a href="http://www.keltersales.com/infantsandtods.html">Infant's and Toddler's</a></li>
              <li><span class="style2"><a href="http://stores.ebay.com/keltersales?refid=store">Accessories</a></span></li>
            </ul>
          </div>
          <!-- TemplateBeginEditable name="Item info" -->
          <div id="seasonal">
            <div class="inner">
              <h2>Item Info</h2>
              <p>&nbsp;</p>
            </div>
          </div>
          Item info<!-- TemplateEndEditable -->
          <div id="collection"><div class="inner"><div id="minigal"><div align="center">
            <table width="185" height="105">
                    <tr>
                      <td height="67" background="http://www.keltersales.com/img/common/shopwuseby.jpg"><table width="178" align="left">
                        <tr>
                          <td width="170" height="94"><p>&nbsp;</p>
                          <p>&nbsp;</p>
                          <p class="style1"><a href="http://stores.ebay.com/keltersales?refid=store" title="Our Ebay Store!" target="_blank">Visit Our Ebay Store!</a></p></td>
                        </tr>
                      </table></td>
                    </tr>
                </table>
                </div>
                <div align="center"></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <h2>Visit our ebay store for:</h2>
              <ul>
                <li>Great Deals</li>
                <li>50%+ off retail!</li>
                <li>Offer's you won't find anywhere else.</li>
              </ul>
            </div>
          </div>
                <div class="clear"></div>
          <div id="seas">
                    <div id="seas-one">
              <p>Autumn</p>
              <p class="date">2009</p>
            </div>
            <div id="seas-two">
              <p>Summer</p>
              <p class="date">2009</p>
            </div>
            <div id="seas-three">
              <p>Monsoon</p>
              <p class="date">2009</p>
            </div>
            <div class="clear"> </div>
          </div>
        </div>
        <div id="copyright">
          <p>Copyright &copy; 2009. Kelter Sales all rights reserved</p>
          <p><!-- 1800banners.com Basic Code -->
    <script type="text/javascript" src="http://www.1800banners.com/adserver/adserver.js"></script>
    <script type="text/javascript">
    var varsarray=[];
    varsarray[0]='24125';
    if(!token) {var token='0'} else {var token=token+1;}
    var loadtype='0';
    var adtype='0';
    var background_color='#F0F0F0';
    var border_color='#000000';
    var text_color='#060606';
    var text_rollcolor='#0033FF';
    var domain_color='#9F9F9F';
    adserver_initialize(token,loadtype,adtype,background_color,border_color,text_color,text_rollcolor,domain_color,varsarray);
    </script>
    &nbsp;</p>
        </div>
      </div>
    </body>
    </html>

    Thank you for your help ahead of time!!
    Last edited by keltersales; 10-24-2009 at 09:25 PM. Reason: fix code

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    The page you link to is using a css file on your local machine, not on the server:

    Code:
    <link rel="stylesheet" href="file:///C|/Documents and Settings/Compaq_Owner/My Documents/Kelter Sales/Autokeltersales/style.css" type="text/css" charset="utf-8" />
    If you put the file on the server and correct your page we'll be able to see it properly.

    Also, please wrap your code with code tags - the hash button - which makes your post easier to read.

    EDIT:However, it looks like all you need to do is insert your additional code here:

    Code:
    <div id="categories">
    <h2>Categories</h2>
    <ul>
    <li><a href="http://www.keltersales.com/womensshrttops.html">Women's Shirts/Tops</a></li>
    <li><a href="http://www.keltersales.com/womenssweaters.html">Women's Sweater</a></li>
    <li><a href="http://stores.ebay.com/keltersales?refid=store">Women's Pants/Jeans</a></li>
    <li><a href="http://stores.ebay.com/keltersales?refid=store">Women's Dresses</a></li>
    <li><span class="style2"><a href="http://stores.ebay.com/keltersales?refid=store">Men's Shirts/Tops</a></span></li>
    <li><a href="http://stores.ebay.com/keltersales?refid=store">Men's Pants</a></li>
    <li><a href="http://stores.ebay.com/keltersales?refid=store">Men's Jeans</a></li>
    <li><a href="http://stores.ebay.com/keltersales?refid=store">Girl's</a></li>
    <li><a href="http://stores.ebay.com/keltersales?refid=store">Boy's</a></li>
    <li><a href="http://www.keltersales.com/infantsandtods.html">Infant's and Toddler's</a></li>
    <li><span class="style2"><a href="http://stores.ebay.com/keltersales?refid=store">Accessories</a></span></li>
    </ul>
    <!-- Insert New Editable Region or code here -->
    </div
    Last edited by SB65; 10-24-2009 at 10:47 AM.

  • #3
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok I fixed the items that you mentioned and also fixed the code so that it is easier to read, also changed the picture size didn't realize it was that big. lol. Anyways, replying to your message where you said that "EDIT:However, it looks like all you need to do is insert your additional code here:" That tells me where to put the code. However, how do I tell dreamweaver that I want it to fit into that slot? Just so it fills the white space?

    Thanks again for the quick reply!

    Alan

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Just access the code in Dreamweaver using the Code view and enter the code you want.

  • #5
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool

    I will try again with the information I was given on where to put the code. Maybe that is what my problem was but I tried and tried even copying what I had done on a previous page to fill in the space and could not figure out how to get the box to fit into the right spot and then I would like the box to stretch out to fill in the white spacew as I enter content on page so that I don't have to go back to that code and re-adjust it.


  •  

    Posting Permissions

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