MarlboroMan Posted June 21, 2017 Share Posted June 21, 2017 Hi I'm trying to use the below code to get my product specifications into two tabular columns but when I past the code into the HTML field on the product description page and hit save some of the code are removed. Are there any other way of doing this without using tables? <html> <head> <style type="text/css"> .content{ width:600px; border:solid 1px #000; float:left; } .left{ float:left; width:48%; } .right{ float:right; width:48%; } </style> </head> <body> <div class="content"> <div class="left"> Manufacturer: </div> <div class="right"> Samsung </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> </div> </body> </html> Link to comment Share on other sites More sharing options...
Daresh Posted June 21, 2017 Share Posted June 21, 2017 <div class="content"> <div class="left"> Manufacturer: </div> <div class="right"> Samsung </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> <div class="left"> Product Description Name: </div> <div class="right"> Description Text goes Here </div> </div> You should paste only this in the description, and put the styling in some css file. Link to comment Share on other sites More sharing options...
MarlboroMan Posted June 21, 2017 Author Share Posted June 21, 2017 Hi Daresh I've searched thru the product.tpl and global.css files but cannot figure out where to put the code. will you be able to assist? Link to comment Share on other sites More sharing options...
MarlboroMan Posted June 21, 2017 Author Share Posted June 21, 2017 When I add the below code to the global.css file I can see the top two rows of the columns but the rest of the data is overlapped by the "OTHER PRODUCTS IN THE SAME CATEGORY:" Heading. How can I fix this .content{ width:600px; border:solid 1px #000; float:left; } .left{ float:left; width:48%; } .right{ float:right; width:48%; } Link to comment Share on other sites More sharing options...
MarlboroMan Posted July 2, 2017 Author Share Posted July 2, 2017 Hi Can anyone please help? I need to make the styling work for the above. I'm not sure if the styling code are not working or if i'm placing it in the wrong place Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now