Background image appears behind my main content - Sellerdeck Community

X

RuralWeb replied

13-Jan-2009, 07:26 PM
The table inline formatting will always override any css applied to the table so as lee says if you follow my post then you can ignore the css.

Does the wizard not provide a bg color option

It does but this is what you end up with - it needs an option to colour the site body and side bars
Leave a comment:
Rich Brady replied

13-Jan-2009, 07:24 PM
I'm not disagreeing. Honest LOL.

I was trying to suggest a solution that was in keeping with their current styling, on the basis that someone has already added the white background to the adjacent tds, so I thought it might be easier for them.
Leave a comment:
leehack replied

13-Jan-2009, 07:18 PM
I am referring to Mal's post mainly, the site when i last looked at it had no coloring in the central table as the background image of the site was showing through. Therefore, even if the rows are styled as you say, it makes no difference because they are not being given a background color. When you get this, IME it is always best to go to the very top layout and color that as it then does the lot in one.

EDIT: Does the wizard not provide a bg color option, that's a PP wizard if it doesn't.
Leave a comment:
RuralWeb replied

13-Jan-2009, 07:18 PM
See even lee understands tables - better than me and css
Leave a comment:
Rich Brady replied

13-Jan-2009, 07:16 PM
I totally agree Lee, but all the styling at the moment is being done in the td so I thought I'd keep it there for them.
Leave a comment:
leehack replied

13-Jan-2009, 07:12 PM
If you go to the very first table Rich (or one of the first), you are most likely to be working on the very outer container of the site. If you place a background color onto that then all inside it (unless colored themselves) will adopt that color (as they are see-through in effect if not coloured). You could go through changing the color of each row for sure, but no need just color the very top level you can, ie the opening table tag.
Leave a comment:
Rich Brady replied

13-Jan-2009, 07:09 PM
You're a better man than I am Lee, I've been looking at this thread for a while now and still can't find the right bit of code.

The td styling is controlled by an inline "style=" element, which must make editing this site a real nightmare.

Code:

style="border-style: none solid solid none; border-color: -moz-use-text-color rgb(0, 0, 0) rgb(0, 0, 0) -moz-use-text-color; border-width: 0pt 1px 1px 0pt;"

You need to make this:

Code:

style="border-style: none solid solid none; border-color: -moz-use-text-color rgb(0, 0, 0) rgb(0, 0, 0) -moz-use-text-color; border-width: 0pt 1px 1px 0pt; background-color:#FFFFFF"
Leave a comment:
leehack replied

13-Jan-2009, 07:00 PM
7th and 11th and 15th lines down by the looks of it to me.
Leave a comment:

tekk replied

13-Jan-2009, 06:18 PM

OK

this is the code for the top level of the site

which i think is the home page that is in the tree on the right.....

Code:

</head>

<body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />">
 
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Shrinks%20and%20Grows%20Dynamically%22">
<!-- design stretches and grows with the browser window -->
	<table width="100%" border="0" cellpadding="5" cellspacing="0">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Fixed%20Width%20%2d%20Centered%22">
<!-- fixed width design - centred -->
	<table width="<actinic:variable name="Wiz2_DesignWidth" />" border="0" cellpadding="5" cellspacing="0" align="center">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz1%5fDesignStyle%22%20%2f%3e%20%3d%3d%20%22Fixed%20Width%20%2d%20Left%20Aligned%22">
<!-- fixed width design - left aligned -->
	<table width="<actinic:variable name="Wiz2_DesignWidth" />" border="0" cellpadding="5" cellspacing="0">
</actinic:block>
	<tr>
		<td style="background-color: <actinic:variable name="Wiz_TopBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-right: 0;</actinic:block>" >
			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22">
				<actinic:variable name="CompanyLogoImage" />
			</actinic:block>
			<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >
				<actinic:variable name="BrochureLogoImage" />
			</actinic:block>
		</td>
		<td align="right" style="background-color: <actinic:variable name="Wiz_TopBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0;</actinic:block>" nowrap="nowrap">
			<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz7%5fCartFunctions%22%20%2f%3e%20%21%3d%20%22Top%22" >
			&nbsp;
			</actinic:block>
			<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz7%5fCartFunctions%22%20%2f%3e%20%3d%3d%20%22Top%22">
		background: #fff 	<!-- shopping cart summary is shown at the top -->
			<div class="sidebox" style="width: 170px;">
				<div class="boxhead"><h2><actinic:variable name="CartCaption" /></h2></div>
				<div class="boxbody" align="center">
	   		<p style="font-weight: bold; margin-bottom: 5px;"><actinic:variable value="Shopping Cart Summary In A Line" name="ShoppingCartSummary" /></p>
				<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22CSS%20Buttons%22"><p class="text_menu"><actinic:variable name="NavigationIcon" value="Checkout CSS Button" /><actinic:variable name="NavigationIcon" value="View Cart CSS Button" /></p></actinic:block>
				<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22Images%22"><p style="margin: 0;"><actinic:variable value="View Cart Image Navigation Button" name="NavigationIcon" /><actinic:variable value="Checkout Image Navigation Button" name="NavigationIcon" /></p></actinic:block></td>
				</div>
			</div>
			</actinic:block>
		</td>
	</tr>
	<tr>
		<td style="background-color: <actinic:variable name="Wiz_SecondBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-right: 0; border-top: 0;</actinic:block>">
		<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22CSS%20Buttons%22">
			<div>
			<p class="text_menu" align="left"><actinic:variable value="Home CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27" /><actinic:variable value="Sitemap CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsIncludeToSiteMap%22%20%2f%3e" /><actinic:variable name="NavigationIcon" value="Terms CSS Button" /><actinic:variable name="NavigationIcon" value="Search CSS Button" /><actinic:variable value="Store Top CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%21%3d%20TRUE" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level CSS Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable name="NavigationIcon" value="Contact Us CSS Button" /></p>
			</div>
		</actinic:block>
		<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fButtons%22%20%2f%3e%20%3d%3d%20%22Images%22" >
			<div>
			<p class="text_menu" align="left"><actinic:variable value="Home Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22HomePageType%22%20%2f%3e%20%21%3d%20%270%27" /><actinic:variable value="Sitemap Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsIncludeToSiteMap%22%20%2f%3e" /><actinic:variable name="NavigationIcon" value="Terms Image Navigation Button" /><actinic:variable value="Search Image Navigation Button" name="NavigationIcon" /><actinic:variable value="Store Top Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22IsNavBarTopSectionOmitted%22%20%2f%3e%20%21%3d%20TRUE" /><actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22"><actinic:variable value="Up A Level Image Navigation Button" name="NavigationIcon" if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3e%200" /></actinic:block><actinic:variable value="Contact Us Image Navigation Button" name="NavigationIcon" /></p>
			</div>
		</actinic:block>
		</td>
		<td align="right" style="background-color: <actinic:variable name="Wiz_SecondBarColor" />;<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz%5fBorders%22%20%2f%3e%20%3d%3d%20%22Yes%22">border: solid 1px <actinic:variable name="Wiz_BorderColor" />; border-left: 0; border-top: 0;</actinic:block>" nowrap="nowrap">
			<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz6%5fQuickSearch%22%20%2f%3e%20%21%3d%20%22Top%22">

Can you see it ?????

Leave a comment:

leehack replied

13-Jan-2009, 06:00 PM
It will be towards the very top of your outer layout, the very top level of the site design. Accessible from either the design tab or the design library. Please backup before you play.
Leave a comment:
tekk replied

13-Jan-2009, 05:40 PM
Hi Rural web

Thanks for response.

The code you have give goes where?

i have looked in the style sheet and the html and can't find that line anywhere.
Leave a comment:
RuralWeb replied

10-Jan-2009, 08:49 PM
Replace:

<table width="930" border="0" align="center" cellpadding="5" cellspacing="0" >

With:

<table width="930" border="0" align="center" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">
Leave a comment:
Duncan Rounding replied

10-Jan-2009, 08:17 PM
What's your background image called?
Leave a comment:
tekk replied

10-Jan-2009, 07:57 PM
The url is www.coreelementz.com/acatalog

At the moment its white all over, i don't seem to be able to make the code given above work.

I have been trying to fix this for months
Leave a comment:
leehack replied

10-Jan-2009, 06:41 PM
Provide a URL, so much easier to fix then.
Leave a comment:

Previous 1 2 3 template Next

Working...

X