Product Description Page - Visual Problems

[motex]

Hello,

 

Ive been trying for days without anything close. FCKeditor wont even fix it. I know its in the code somewhere.

 

here is page for demo of problem...

Hydroalley.com

 

In the description next to the image, for some reason I cant align left the text. Why is it just centered. What file must I change this in? Im new to oscommerce and though using a template would help, except now I find all these unwanted glitches, really dont want to drop the template and use STS unless no help is found soon.

 

So L0st! HeLP!!

[jsi]

Hello,

 

Ive been trying for days without anything close. FCKeditor wont even fix it. I know its in the code somewhere.

 

here is page for demo of problem...

Hydroalley.com

 

In the description next to the image, for some reason I cant align left the text. Why is it just centered. What file must I change this in? Im new to oscommerce and though using a template would help, except now I find all these unwanted glitches, really dont want to drop the template and use STS unless no help is found soon.

 

So L0st! HeLP!!

 

 

 

You have to edit the HTML code in the product_info.php file

 

That should do it i think. What browser are you using? I see the text on the left of the picture left aligned.

 

Wat is it you want left aligned? quote the text?

[motex]

5kv Socket Assembly with 15' Lamp Cord Sold Separately

Aluminum heat sync ballast enclosure

Heavy-duty key-way handle

Major brand ballast

Rubber feet - reduces noise, vibration and provides air flow under the ballast for cool running

High temperature capacitor

Completely assembled

Printed UPS shippable carton

5 Year Warranty

Technical Guide

Comes standard with an 8 foot - 120 volt MVP™ power cord. Purchase the 240 volt MVP™ power cord separately (part # 903132)

NOW FEATURES OUR EXCLUSIVE MULTI-VOLT POWERCORD™ MVP!!

 

Click for direct link to that example page...

 

Picture of what I see on my end. Explorer, latest version 7.... I need to DL the other top two browsers to cross reference my tweaks...

 

I hope this clarifies the problem I seek to resolve, and hopefully invites more responses. :blink:

 

I want the text aligned left, neatly. Looks like crap centered in Explorer....

[motex]

Well,

 

You gave me the curiosity bug jsi, and I checked Firefox. It is aligned to the left how it's supposed to be. I'm starting to think it's a IE7 CSS hack/trick I need to implement.

 

Suggestions?

[germ]

I've done some "fiddling" with the HTML source.

 

A few suggestions.

 

Here is what I see now:

 

		  <p><p>
<li>5kv Socket Assembly with 15' Lamp Cord Sold Separately</li>
<li>Aluminum heat sync ballast enclosure</li>
<li>Heavy-duty key-way handle</li>
<li>Major brand ballast</li>
<li>Rubber feet - reduces noise, vibration and provides air flow under the ballast for cool running</li>
<li>High temperature capacitor</li>
<li>Completely assembled</li>
<li>Printed UPS shippable carton</li>
<li>5 Year Warranty</li>
<li>Technical Guide</li>
<li>Comes standard with an 8 foot - 120 volt MVP™ power cord. Purchase the 240 volt MVP™ power cord separately (part # 903132)</li>
<li>NOW FEATURES OUR EXCLUSIVE MULTI-VOLT POWERCORD™ MVP!!</li>
</p></p>

It probably should be something more like this:

 

		  <p>
<ul>
<li>5kv Socket Assembly with 15' Lamp Cord Sold Separately</li>
<li>Aluminum heat sync ballast enclosure</li>
<li>Heavy-duty key-way handle</li>
<li>Major brand ballast</li>
<li>Rubber feet - reduces noise, vibration and provides air flow under the ballast for cool running</li>
<li>High temperature capacitor</li>
<li>Completely assembled</li>
<li>Printed UPS shippable carton</li>
<li>5 Year Warranty</li>
<li>Technical Guide</li>
<li>Comes standard with an 8 foot - 120 volt MVP™ power cord. Purchase the 240 volt MVP™ power cord separately (part # 903132)</li>
<li>NOW FEATURES OUR EXCLUSIVE MULTI-VOLT POWERCORD™ MVP!!</li>
</ul>
</p>

I corrected the paragraph tags, and added the <ul></ul> tags.

 

That still didn't fix the alignment in IE.

 

To do that, just above the code I posted is this:

 

		<td class="main">
	  <table border="0" cellspacing="0" cellpadding="2" align="right">
		<tr>
		  <td align="left" class="smallText">
<script language="javascript"><!--
document.write('<a href="http://hydroalley.com/images/imgutilityCALHA6U3.jpg" target="_blank" rel="lightbox" title="Sunsytem 1 MH 400 Watt 120V AND 240V" ><img src="images/imgutilityCALHA6U3.jpg" border="0" alt="Sunsytem 1 MH 400 Watt 120V AND 240V" title=" Sunsytem 1 MH 400 Watt 120V AND 240V " width="160" height="150" hspace="5" vspace="5"><br>Click to enlarge</a>');
//--></script>
<noscript>
<a href="http://hydroalley.com/images/imgutilityCALHA6U3.jpg" target="_blank" rel="lightbox" title="Sunsytem 1 MH 400 Watt 120V AND 240V" ><img src="images/imgutilityCALHA6U3.jpg" border="0" alt="Sunsytem 1 MH 400 Watt 120V AND 240V" title=" Sunsytem 1 MH 400 Watt 120V AND 240V " width="160" height="150" hspace="5" vspace="5"><br>Click to enlarge</a>');
</noscript>
		  </td>
		</tr>
	  </table>

To get it to align properly in IE, I altered the first line of that chunk of code to;

 

		<td align="left" class="main">

That even looked good when I opened it with Firefox.

 

Not sure where that leaves you, but that's what I had to do to the HTML source to get what you want...

:blush:

[jsi]

Well,

 

You gave me the curiosity bug jsi, and I checked Firefox. It is aligned to the left how it's supposed to be. I'm starting to think it's a IE7 CSS hack/trick I need to implement.

 

Suggestions?

 

 

Found your problem.

 

Simple HTML mistakes.

 

 

 

[around line 155 or so]

 

<td class="main">

 

Change to

<td class="main"  align="left">

 

or you can leave it the same and add a left align on the .main class style in your stylesheet.

 

 

 

 

Also, arount line 180 or so, after the table that contains your picture you have this:

 

			  </td>
		</tr>
	  </table>

<p><p>description here</p></p>

 

 

 

You should only have one set of paragraphs like so:

<p>description here</p>

 

 

 

On the particular sample that you show with bullets, you have it like this:

 

<li>5kv Socket Assembly with 15' Lamp Cord Sold Separately</li>
<li>Aluminum heat sync ballast enclosure</li>
<li>Heavy-duty key-way handle</li>
<li>Major brand ballast</li>
<li>Rubber feet - reduces noise, vibration and provides air flow under the ballast for cool running</li>
<li>High temperature capacitor</li>
<li>Completely assembled</li>
<li>Printed UPS shippable carton</li>
<li>5 Year Warranty</li>
<li>Technical Guide</li>
<li>Comes standard with an 8 foot - 120 volt MVP™ power cord. Purchase the 240 volt MVP™ power cord separately (part # 903132)</li>
<li>NOW FEATURES OUR EXCLUSIVE MULTI-VOLT POWERCORD™ MVP!!</li>

 

you are missing the UL tags before and after like this:

 

<ul>		  
<li>5kv Socket Assembly with 15' Lamp Cord Sold Separately</li>
<li>Aluminum heat sync ballast enclosure</li>
<li>Heavy-duty key-way handle</li>
<li>Major brand ballast</li>
<li>Rubber feet - reduces noise, vibration and provides air flow under the ballast for cool running</li>
<li>High temperature capacitor</li>
<li>Completely assembled</li>
<li>Printed UPS shippable carton</li>
<li>5 Year Warranty</li>
<li>Technical Guide</li>
<li>Comes standard with an 8 foot - 120 volt MVP™ power cord. Purchase the 240 volt MVP™ power cord separately (part # 903132)</li>
<li>NOW FEATURES OUR EXCLUSIVE MULTI-VOLT POWERCORD™ MVP!!</li>
</ul>

 

 

 

That should fix it.

[jsi]

HAHA

 

Germ beat me to the punch. certainly types faster. haha

 

thanx germ.

[germ]

If I saw that you were on, I wouldn't have posted.

:blush:

 

As it turns out, we both arrived at the same conclusion, so it HAS to be right!!

:lol:

[jsi]

As it turns out, we both arrived at the same conclusion, so it HAS to be right!!

 

 

Oh but it is. I tested it. haha :thumbsup:

[germ]

I tested it

Me too!

;)

[motex]

:thumbsup:

 

You guys are alright. Thank you so much. After rumaging through your code for a bit I was like...oh wait they did a view source. So then I realized what files needed to be changed. Voila, your solution is in fact working.

 

As for the UL bullets in the product description. I believe that has something to do with either FCKEditor, the template coder, or possibly...but doubt it, could be the copy paste method I use INTO FCKeditor when listing a product.

 

Anyways, the left align is working great. Still modifying some code around. Hopefully this helps more people as well.

 

Thanks again!

[JorgeCosta]

Hello there....

 

Is possible put the fckeditor on the side of client to make a description of product and this description folow in the order.

 

thanks