Zen Cart Logo
trapezoid-twopenny
Open navigation menu
Home Community Forum Plugins
Documentation
For Developers For Storeowners
Services Donate Get Started
Forums / Templates, Stylesheets, Page Layout / IE7 template issues

IE7 template issues

Locked
Results 1 to 15 of 15
This thread is locked. New replies are disabled.
31 Aug 2008, 02:36
#1
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

IE7 template issues

I've searched the forums and FAQs but couldn't turn up any information to help me with my problem.

I an a graphic designer but not a coder so I'm a little lost here.

www.swtradecompany.com/store is were the cart is located.

The problem is nothing up the background color shows in IE but in FF it looks just as I want it to. Could anyone tell me why IE would display it that way? I'm sure I have some extra non used code in the spread sheet, but I'm not sure what is affecting the IE layout.

Thanks in advance.

Also while im at it could someone tell me how i could move the header bar to under the header image?
31 Aug 2008, 02:57
#3
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

Thanks for the comment.

I'm not sure how this is supposed to be written though, as I said I'm no coder.

<a href="http://www.swtradecompany.com"><p align="center" <img src="images/large/testimage.gif"</a>
31 Aug 2008, 03:02
#4
kim avatar

kim

Obaa-san

Join Date:
Jun 2003
Posts:
26,564
Plugin Contributions:
0

Re: IE7 template issues

symptom:


<a href="http://www.swtradecompany.com"><p align="center" <img src="images/large/testimage.gif"</a>


<a href="http://www.swtradecompany.com"><img src="images/large/testimage.gif" alt="" /></a>

You have to "close" all the tags.
31 Aug 2008, 03:03
#5
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Posts:
4,572
Plugin Contributions:
0

Re: IE7 template issues

<a href="http://www.swtradecompany.com"><img style="align:center" src="images/large/testimage.gif" alt="SW Trade Company" /></a>

Not sure if you needed or wanted the P tag as it shouldn't be used there.
31 Aug 2008, 03:08
#6
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

What would be the proper way to center the image without the <p?

Also that fixes all the HTML errors. But the image isn't center as I wanted and the IE problem is still there =/
31 Aug 2008, 03:26
#7
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

Wanted to say thanks for the quick responses. I hope I'm not coming off like an ######. :blink:
31 Aug 2008, 03:58
#8
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: IE7 template issues

symptom:

Wanted to say thanks for the quick responses. I hope I'm not coming off like an ######. :blink:


IE does not recognize the highlighted portions of these stylesheet declarations.

#mainWrapper {
filter: alpha(opacity=0);
-moz-opacity: 1.00;
opacity:1.00;
 background-color: #32140a;
background-image: url(../images/bg1.jpg);
text-align: left;
width: 775px;
vertical-align: top;
}


#logoWrapper {
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1.00;
width: 775px;
height:200px;
background-image: url(../images/header.png);
background-repeat: no-repeat;
}
31 Aug 2008, 04:23
#9
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

See i knew it was some stupid code I was experimenting with and forgot to remove. Thank you so much,

Now for the other 2 problems:

Centering the image in the body window. the previous code although correct doesn't seem to want to center the image and the added <p although wrong did center the image.
<a href="http://www.swtradecompany.com"><img style="align:center" src="images/large/testimage.gif" alt="SW Trade Company" /></a>

And is there a way to move the bar on top of the header image to below it? along with its menu and search?
31 Aug 2008, 05:01
#10
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

I got the bar moved sort of, has a space between them I have to figure out how to move now =)
31 Aug 2008, 05:21
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: IE7 template issues

To center that image link in whatever space it occupies, add a class to the link:

<a class="tradeLink" href="http://www.swtradecompany.com"><img src="images/large/testimage.gif" alt="SW Trade Company" /></a>

and style .tradeLink in your stylesheet:

.tradeLink {margin: auto;}

If that still doesn't do it, there are a couple of other properties that may apply to your situation.
31 Aug 2008, 05:49
#12
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

Thanks for the reply, however I could not get his to work =/
31 Aug 2008, 18:38
#14
symptom avatar

symptom

New Zenner

Join Date:
Aug 2008
Posts:
11
Plugin Contributions:
0

Re: IE7 template issues

got the image centered with the code:

<div align="center"><img src="images/large/testimage.gif" width="550" height="430" alt="SW Trade Company" />
</div>

with no error returns and working for both FF and IE. I don't think the "Alt" line in there is working as there is no hover name on the image that I can tell.
31 Aug 2008, 19:38
#15
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: IE7 template issues

Not sure what happened to my post a few hours ago, but all you have to do with what you already had is add this to your stylesheet:
#indexDefaultMainContent {text-align: center;}