BlazeSama Posted September 23, 2011 Posted September 23, 2011 Hi. I've been experiencing a random issue since i started adding longer descriptions on my oscommerce website. http://img153.images...napshot113y.jpg If you check the image, the "(Opcional)." and "Via o ATI" text appear aligned way too much to the left, and i want it aligned below the first word in the paragraph. http://avtech-pa.com...products_id=176 here is a fill link to the website if needed. the HTML code I'm using for the descriptions looks like this. <body> <font color="#000000"> <font size="2"> <p><strong>Especificaciones:</strong></p> <p>- Entrada de Audio 4 Canales. (8 en Combo).</p> <p>- Entrada de Video 4, 8, 16 Camaras. (8, 12, 16, 20, 24, 32 en Combo).</p> <p>- Interfaz PCI o PCI-E x1.</p> <p>- Compatible con Windows 7 y Windows Server 2008 de 32 y 64 Bits.</p> <p>- Compatible con Windows XP y Windows Vista de 32 Bits.</p> <p>- Tipo de Entrada: DVI.</p> <p>- Soporta video NTSC o PAL.</p> <p> </p> <p><strong>Notas:</strong></p> <p>Las tarjetas combo pueden ser utilizadas en par para doble eficiencia (Opcional).</p> <p> <p align="justified">Actualmente no compatible con tarjetas madre que incluyen el chipset VIA o ATI.</p> <p>Especificaciones sujetas a cambio sin notificacion.</p> <p><img src="images/icon_pdf.gif" width="16" height="16" alt="Icono PDF" /> <a href="datasheet-repository/DVR/Datasheet_GEOV800B.pdf" target="_blank">Ver Hoja de Datos Avanzada en PDF (Inglés).</a></p> </font></font> </body> Now, i don't know if i need to use a different coding style for my descriptions or i need to change something else in some Oscommerce file but if this is an issue with the description itself i rather solve it now that i have barely 20 products with descriptions. (Note: I tried also the align justify code with no luck) Any help is appreciated .
♥kymation Posted September 23, 2011 Posted September 23, 2011 These tags cannot be used in the description: <body> </body> Regards Jim See my profile for a list of my addons and ways to get support.
BlazeSama Posted September 23, 2011 Author Posted September 23, 2011 These tags cannot be used in the description: <body> </body> Regards Jim I removed those tags from the product in the link i posted for test purpose but no result at all, the two words i mentioned stay aligned the same ... maybe something else causing this?
multimixer Posted September 23, 2011 Posted September 23, 2011 Use an unordered list, eg like this <p><strong>Notas:</strong></p> <ul> <li>Las tarjetas combo pueden ser utilizadas en par para doble eficiencia (Opcional).</li> <li>Actualmente no compatible con tarjetas madre que incluyen el chipset VIA o ATI.</li> </ul> You can style now everything in your css file, setting margins, padding, whatever Also, you have at leas one <p> tag that is opening ant not closing </p> Instead of using some editor, why not learn html? My community profile | Template system for osCommerce - New: Responsive | Feedback channel
BlazeSama Posted September 23, 2011 Author Posted September 23, 2011 Use an unordered list, eg like this <p><strong>Notas:</strong></p> <ul> <li>Las tarjetas combo pueden ser utilizadas en par para doble eficiencia (Opcional).</li> <li>Actualmente no compatible con tarjetas madre que incluyen el chipset VIA o ATI.</li> </ul> You can style now everything in your css file, setting margins, padding, whatever Also, you have at leas one <p> tag that is opening ant not closing </p> Instead of using some editor, why not learn html? Ops I missed the <p> tag I deleted something from there but that was not the problem, but indeed was the coding, i must say i used the code i posted with another OSCommerce setup and everything worked fine, so i don't know if its the version or because I'm using a different template whatever it is, its solved now. I know my HTML basics but it seems that when i paste from Dreamweaver to Oscommerce description it does not look the same as it was in Dreamweaver and yet I'm more of an editor than a coder, so sometimes my last resort is to come here and ask the veterans for help just in case =)... (and learn something new at the same time). Anyway, your solution seems to have got rid of my problem, I'll just use <ul> and <li> tags instead of <p> tags. had to experiment a bit but i got it right in the end so thank you very much for your assistance pal
MrPhil Posted September 24, 2011 Posted September 24, 2011 Your CSS probably specifies some indentation for paragraphs (<p>), possibly by default. The "too far left" words you're complaining about appear to be merely the second line of the paragraph, which is unindented. Perhaps try the CSS property text-indent: 0;. You may have to move the paragraphs around a bit, but within a paragraph all the lines should be aligned.
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.