...

View Full Version : html or css question? idk? new



keltersales
10-24-2009, 05:36 AM
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

http://www.keltersales.com/ebay/10222009/fillwhitespace.jpg



<!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=Sear ch&amp;refid=store">WOMEN </a>| </li>
<li><a href="http://stores.shop.ebay.com/keltersales__W0QQ_sacatZkeltersalesQ5fQ5fW0Q51Q51Q5farmrsQ5A1QQ_sidZ23678061?_nkw=girls&amp;submit=Searc h&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,do main_color,varsarray);
</script>
&nbsp;</p>
</div>
</div>
</body>
</html>


Thank you for your help ahead of time!!

SB65
10-24-2009, 10:39 AM
The page you link to is using a css file on your local machine, not on the server:


<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:


<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

keltersales
10-24-2009, 09:29 PM
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:thumbsup:

SB65
10-25-2009, 11:25 AM
Just access the code in Dreamweaver using the Code view and enter the code you want.

keltersales
10-25-2009, 07:12 PM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum