Invisible borders on Product page

[Jupiter78]

Hello

 

Presta 1.6.0.5

I tried to make a table in the in the long description part of product page, edited the border to 2px and it have seen well on admin page. 

But when I checked it on the webpage there wasn't any border of the table and I missed all of line breaks. I've tried to use html then but no success.

 

Any idea?

Admin screenshot

 

Webpage screenshot

Edited March 30, 2014 by Jupiter78 (see edit history)

[Paulito]

Good morning

 

I do not see an image/url of your problem but I wonder if you have the full tinymc editor.

 

If not have a look at the link below for a great tutorial from Milosz

 

http://mypresta.eu/en/art/prestashop-16/extended-rich-text-editor.html

[Jupiter78]

Good morning

 

I do not see an image/url of your problem but I wonder if you have the full tinymc editor.

 

If not have a look at the link below for a great tutorial from Milosz

 

http://mypresta.eu/en/art/prestashop-16/extended-rich-text-editor.html

Hello 

 

I've uploaded 2 screenshots to the previous post.

I've tried to use the editor, I've tried to use html in sourcecode with same results.

[dioniz]

There's probably some css problem. Try to give your table class table-bordered.

 

Do it like this:

<table class="table table-bordered">

Edited March 30, 2014 by dioniz (see edit history)

[vekia]

you use code without definition of border. if you want to display border in FO you have to define it first for whole table, in some cases also for each of the row

take a look:

select your table and click on "table properties"

 

you can define there "border" param

[dioniz]

Since 1.6 is using bootstrap, it's better idea to put class on table. Firstly all tables will have same style, secondly you can style it further making every other row different color just by adding class .table-striped and so on...

 

Read about it here: http://getbootstrap.com/css/#tables

[vekia]

+1

 

 

i agree with Dioniz.

i tested it on my own and it works much better with Dioniz solution

class will be enough

 

 

[Jupiter78]

you use code without definition of border. if you want to display border in FO you have to define it first for whole table, in some cases also for each of the row

take a look:

select your table and click on "table properties"

 

you can define there "border" param

 

Of course I've tried this methode. The first screenshot shows the table on the admin page with border the second on the webpage without border. 

I'm sure there is some problem in the css but I can't find it. I think in the product.css everything is right.

 

Since 1.6 is using bootstrap, it's better idea to put class on table. Firstly all tables will have same style, secondly you can style it further making every other row different color just by adding class .table-striped and so on...

 

Read about it here: http://getbootstrap.com/css/#tables

 

Thanks but It is out of my league.

[vekia]

 

click on source code feature,

then search for <table in the code and add there class="table table-bordered"

 

just change simple <table> to:

<table class="table table-bordered">

 

[Jupiter78]

 

click on source code feature,

then search for <table in the code and add there class="table table-bordered"

 

just change simple <table> to:

<table class="table table-bordered">

 

Well it worked 

Many thanks.