Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Black Border to Middle Part of layout

Black Border to Middle Part of layout

Locked

Views: 2,904

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
7 Apr 2009, 11:18 PM
#1
joefox avatar

joefox

New Zenner

Join Date:
Feb 2009
Posts:
71
Plugin Contributions:
0

Black Border to Middle Part of layout

i wanted to make the middle have a black border to connect the top to the bottom, how can i do this?
i only see a footer and header tpl

here is an example of what i wanted to do...i just cant find if its a div etc....

7 Apr 2009, 11:29 PM
#2
bunyip avatar

bunyip

Totally Zenned

Join Date:
Sep 2004
Location:
Western Massachusetts
Posts:
2,361
Plugin Contributions:
1

Re: Black Border to Middle Part of layout

try adding left and right borders in the stylesheet for #contentMainWrapper

7 Apr 2009, 11:30 PM
#3
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

this code may or may not work for you since we can not see actual site . but should give you idea

#contentMainWrapper {
border-right:3px solid black;
border-left:3px solid black;
}

7 Apr 2009, 11:32 PM
#4
joefox avatar

joefox

New Zenner

Join Date:
Feb 2009
Posts:
71
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

bunyip:

try adding left and right borders in the stylesheet for #contentMainWrapper

I tried this

/* main content area */
#contentMainWrapper {
margin:0;
border-left-color:#000000;
border-left-width:5px;
border-right-color:#000000;
border-right-width:5px;
}

but no change...did i do something wrong?

7 Apr 2009, 11:37 PM
#5
joefox avatar

joefox

New Zenner

Join Date:
Feb 2009
Posts:
71
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

tony_sar:

this code may or may not work for you since we can not see actual site . but should give you idea

#contentMainWrapper {
border-right:3px solid black;
border-left:3px solid black;
}

Perfect that did it!

now i cant seem to get rid of that 10px white space below my header and the main body, and ideas?
I remember i disabled this area because the catagories were showing here, so i dont if there is a way to make it so nothing show up,....

7 Apr 2009, 11:40 PM
#6
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

and link to your site would be ????? :lookaroun

7 Apr 2009, 11:43 PM
#7
joefox avatar

joefox

New Zenner

Join Date:
Feb 2009
Posts:
71
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

tony_sar:

and link to your site would be ????? :lookaroun

my bad sorry splat attack store dot com
splat attack store is one word :blink:

7 Apr 2009, 11:47 PM
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

add this to your stylesheet

#headerWrapper {
height:170px;
}

7 Apr 2009, 11:48 PM
#9
joefox avatar

joefox

New Zenner

Join Date:
Feb 2009
Posts:
71
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

tony_sar:

add this to your stylesheet

#headerWrapper {
height:170px;
}

geeze thanks...

how did you know it was that?

7 Apr 2009, 11:49 PM
#10
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

i noticed your URL in image that you attached to your post .. :blush:

7 Apr 2009, 11:50 PM
#11
joefox avatar

joefox

New Zenner

Join Date:
Feb 2009
Posts:
71
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

tony_sar:

i noticed your URL in image that you attached to your post .. :blush:

i mean how did you know what css to change?

8 Apr 2009, 12:11 AM
#12
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Black Border to Middle Part of layout

ohh, i use Firefox as my main browser . and you should too..
download Firebug and web developer tool bar .. you will love it .. you can figure almost all your CSS related stuff using those tools and more.