Remove Blank spcae

October 17, 2010

hello, i would like to remove the space at the top between my store logo and the rest of store( the imgage is sized right and the blank space is not caused by that) http://www.jl-liquidators.com. I am using STS 4.6 templete - freeosc_061 i modified it a little, here is the html code

<?php DEFINE ('STS_END_CHAR', '$'); ?>

<?php DEFINE ('STS_CONTENT_END_CHAR', '$'); ?>

<?php

/*

This file is part of a freeoscommerce.com template. Please visit http://www.freeoscommerce.com for licensing and other information.

*/

?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

$warning_header$

</head>

<span><?php echo '<a href="' . tep_href_link(FILENAME_SPECIALS) . '">' . BOX_HEADING_SPECIALS . '</a>'; ?></span>

<span><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT) . '">' . HEADER_TITLE_MY_ACCOUNT . '</a>'; ?></span>

<span><?php echo '<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . BOX_HEADING_SHOPPING_CART . '</a>'; ?></span>

<span><?php echo '<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING) . '">' . HEADER_TITLE_CHECKOUT . '</a>'; ?></span>

</div>

$categorybox$

$manufacturerbox$

$whatsnewbox$

$cartbox$

$informationbox$

</div>

$breadcrumbs$ <br>

</div>

$content$

</div>

$specialbox$

$searchbox$

$maninfobox$

$orderhistorybox$

$bestsellersbox$

$reviewsbox$

$tellafriendbox$</div>

</div>

This is the footer.<br><br>

<font size="2">Buy Wholesale Products, Wholesale Shoes, Wholesale

Handbags, Wholesale Clothing, Wholesale Clothes, Wholesale Cell phone,

Wholesale Electronics, Wholesale Suppliers, Dropship Wholesale</font></div>

</div>

</div>

</body>

</html>

October 17, 2010

J,

The template you are using is missing the new products section between your header and body. If this was intentional, then you should also remove or adjust this code to reduce the gap:

Chris

October 17, 2010

no it wasnt. i did not remove any of that.... how should it look if i want the new products showing up?

J,

The template you are using is missing the new products section between your header and body. If this was intentional, then you should also remove or adjust this code to reduce the gap:

<div id="wrapper1">

<div id="wrapper2">

<div id="header_wrapper">

<div id="header_top"></div>

<div id="header_bottom"></div>

Chris

October 17, 2010

took out what you said and it messed my page up... the tables are moved all wrong now. any other idea what caused it or did i take to much out or not enough?

October 17, 2010

J,

The original template design has a new products section under the header. Yours does not.

I would look at the stylesheet.css for the div parameters and remove/reduce any margins

Chris

October 17, 2010

body {

margin: 0px;

padding: 0px;

background: #000000;

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

font-size: 12px;

text-align: justify;

}

div#wrapper1 {

position: relative;

width: 100%;

min-height: 500px;

margin: 30px 0px 0px 0px;

overflow: auto;

}

div#wrapper2 {

z-index: 3;

position: relative;

left: 50%;

width: 949px;

padding: 94px 0px 94px 0px;

margin-left: -474px;

min-height: 300px;

}

div#header_wrapper {

position: relative;

width: 949px;

min-height: 79px;

background: url(images/footer_header_middle.jpg) top center repeat-y;

overflow: auto;

}

div#header_top {

z-index: 3;

position: absolute;

top: 0px;

width: 949px;

height: 52px;

background: url(images/footer_header_top.jpg) top center no-repeat;

}

div#header_bottom {

z-index: 3;

position: absolute;

bottom: 0px;

width: 949px;

height: 26px;

background: url(images/footer_header_bottom.jpg) top center no-repeat;

}

div#menu {

z-index: 4;

position: relative;

width: 949px;

padding-top: 28px;

color: #ffffff;

font-size: 16px;

text-align: center;

font-weight: bold;

}

div#menu span {

margin: 0px 25px 0px 25px;

}

div#wrapper3 {

z-index: 3;

position: relative;

width: 966px;

padding: 10px 0px 10px 0px;

min-height: 300px;

overflow: auto;

}

div#column_left {

position: relative;

float: left;

width: 190px;

padding: 0px 0px 10px 0px;

min-height: 300px;

overflow: hidden;

}

div#column_middle {

position: relative;

float: left;

width: 526px;

min-height: 300px;

padding: 10px 20px 10px 20px;

overflow: auto;

}

div#column_right {

position: relative;

float: left;

width: 190px;

padding: 0px 0px 10px 0px;

min-height: 300px;

overflow: hidden;

}

div#footer_wrapper {

position: relative;

width: 949px;

min-height: 79px;

background: url(images/footer_header_middle.jpg) top center repeat-y;

overflow: auto;

}

div#footer_top {

z-index: 3;

position: absolute;

top: 0px;

width: 949px;

height: 52px;

background: url(images/footer_header_top.jpg) top center no-repeat;

}

div#footer_bottom {

z-index: 3;

position: absolute;

bottom: 0px;

width: 949px;

height: 26px;

background: url(images/footer_header_bottom.jpg) top center no-repeat;

}

J,

The original template design has a new products section under the header. Yours does not.

I would look at the stylesheet.css for the div parameters and remove/reduce any margins

Chris

October 18, 2010

i nmess around with different things for about 30 min.... i never fixed it but i did come out with something i think looks way better. please check it out and let me know what you think. u might be ablke 2 see where i was hitting a problem at before. i changed the bqckground... figured out the black around it is 2 different images put the store image inside the div=wrapper2 tag

October 18, 2010

J,

The margin order is Top, Bottom, Right, Left.......you can see divwrapper1 and divwrapper2 have margin and padding set.....You should focus on that.

Also, I noticed that you have:

With NOTHING in them.....comment them out and see how it looks. They aren't been used anyway. (this is where the new product code would go if you had it installed)

Chris

Remove Blank spcae

Recommended Posts

Guest

Guest

Guest

Guest

Guest

Guest

Guest

Guest

Archived

Browse

Activity