RocketTheme - TOPIC: Table with border in afterburner (1/2)

Welcome Guest! Login

0 items Join Now

- Eric Bellavance
- Rocketeer
- Posts: 53
- Thanks: 0
Table with border in afterburner

Posted 15 years 1 month ago
- Hi,
  
  It should be easy but I have problem creating table with border in my content.
  
  http://www.ericbellavance.com/acu/index.php?option=com_content&view=article&id=18&Itemid=10&lang=fr
  
  I create my table with border=1 parameter but some of the border are missing.
  
  Tried under Firefox 3.0, 3.5 and IE7
  
  Any idea?
  
  Eric
#411986

Piet Nutbey
Elite Rocketeer
Posts: 659
Thanks: 17

Re: Table with border in afterburner

Posted 15 years 1 month ago

Hi,

It seems that in light3.css your border gets overridden with a border of 0 :

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

When you would remove table, (between legend and caption) in the top part you get what is shown in the screenshot.

When you do that, be sure to check your site for unwanted results on other parts!

Best regards,

Piet Nutbey

Joomla Video Tutorials: www.joomtorial.com

#411994

- Eric Bellavance
- Rocketeer
- Posts: 53
- Thanks: 0
Re: Table with border in afterburner

Posted 15 years 1 month ago
- Hi Piet,
  
  I removed tha 'table' like you suggested but I see no difference on my side. I purged the cache in Joomla and in my browser...
  
  Is it ok on your side?
  
  Regards,
  
  Eric
#412001
- Eric Bellavance
- Rocketeer
- Posts: 53
- Thanks: 0
Re: Table with border in afterburner

Posted 15 years 1 month ago
- Sorry, I was not modifiyng the good files
  
  It's work under Firefox but still missing some border under IE7
#412003
- Piet Nutbey
- Elite Rocketeer
- Posts: 659
- Thanks: 17
Re: Table with border in afterburner

Posted 15 years 1 month ago
- Hi,
  
  Seeing just the basic border in IE8 (no 7 available here), but not cell borders.
  
  FireFox shows properly, Safari Mac and Windows IE8 show only the outside border and no cell borders.
  
  You could try doing the same you did for "table" for "td" and "tr"
  
  Again, be sure to check unwanted issues in your other pages.
- Best regards,
  
  Piet Nutbey
  
  Joomla Video Tutorials: www.joomtorial.com
#412012

Robert D. Wagers
Elite Rocketeer
Posts: 1545
Thanks: 0
Full-Time Cancer Fighter!

Re: Table with border in afterburner

Posted 15 years 1 month ago

Locate this area of you Light3.css (line4)

table {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border-collapse:collapse;
border-spacing:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;

Not sure exactly what look you're wanting, but changing

vertical-align:baseline;

vertical-align:center;

makes it look TONS better!

I hope this helps!
Wage

"Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
A quote attributed to my Grandpa Wagers

#412031

- Eric Bellavance
- Rocketeer
- Posts: 53
- Thanks: 0
Re: Table with border in afterburner

Posted 15 years 1 month ago
- Thank you guys for your help,
  
  I removed table,tbody,tfoot,thead,tr,th,td from the first line and inserted a new line
  table,tbody,tfoot,thead,tr,th,td {background:transparent;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}
  
  where I removed the border:0 and vertical-align:baseline;
  
  Now I can put border to my table and cells, and do vertical-align the way I need (center, top, etc..)
  
  Regards,
  
  Eric
#412420
- Robert D. Wagers
- Elite Rocketeer
- Posts: 1545
- Thanks: 0
- Full-Time Cancer Fighter!
Re: Table with border in afterburner

Posted 15 years 1 month ago
- Not sure what look your after, but something simple you do is edit this line:
  <table border="1" style="width: 100%;">
  to something like this:
  <table border="12" style="width: 100%;">
  you can experiment with smaller or larger values to get something you like.
- Last Edit: 15 years 1 month ago by Robert D. Wagers.
- "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
  A quote attributed to my Grandpa Wagers
#412502
- Robert D. Wagers
- Elite Rocketeer
- Posts: 1545
- Thanks: 0
- Full-Time Cancer Fighter!
Re: Table with border in afterburner

Posted 15 years 1 month ago
- Sorry, I should have mentioned that line is in your index.php file.
  
  Cheers,
  Wage
- "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
  A quote attributed to my Grandpa Wagers
#412508
- Robert D. Wagers
- Elite Rocketeer
- Posts: 1545
- Thanks: 0
- Full-Time Cancer Fighter!
Re: Table with border in afterburner

Posted 15 years 1 month ago
- The above adjustments I mentioned, give you this kind of result...
  Cheers:
  Wage
- "Everyone has to get knocked-down every once-in-a-while, otherwise you'll never learn how to get-back-up! "
  A quote attributed to my Grandpa Wagers
#412520

Time to create page: 0.057 seconds