Prev: Overriding table {width:100%}
Next: Call for Paper The International Journal of Computer Science (IJCS)
From: shapper on 28 Feb 2010 20:05
Hello,

I am creating a table and I am getting a small round corner on the
bottom of the table head in Firefox.
http://www.flyondreams.net/flyonpages/table.html

Basically I am trying to have:
1. A 4px border on table's top;
2. A 1px border on top and bottom of each table tbody row;
3. A 1px border on top, left and right in tbody;
4. To have the same width in tbody, thead and tbody so I needed to add
some border to thead cell ...

However, this is not working well. Probably I am doing something wrong
here ...

Could someone, please, help me out?

Thanks,
Miguel

From: rf on 28 Feb 2010 21:46

"shapper" <mdmoura(a)gmail.com> wrote in message
news:61ce5f67-4f18-43dd-970e-d9259efaa102(a)g11g2000yqe.googlegroups.com...
> Hello,
>
> I am creating a table and I am getting a small round corner on the
> bottom of the table head in Firefox.
> http://www.flyondreams.net/flyonpages/table.html

It's not a round border at the bottom of the table head, it's the #dddddd
coloured border from the following td overlapping the black border. Switch
on your magnifier and have a close look.


From: shapper on 1 Mar 2010 10:12
On Mar 1, 2:46 am, "rf" <r...(a)z.invalid> wrote:
> "shapper" <mdmo...(a)gmail.com> wrote in message
>
> news:61ce5f67-4f18-43dd-970e-d9259efaa102(a)g11g2000yqe.googlegroups.com...
>
> > Hello,
>
> > I am creating a table and I am getting a small round corner on the
> > bottom of the table head in Firefox.
> >http://www.flyondreams.net/flyonpages/table.html
>
> It's not a round border at the bottom of the table head, it's the #dddddd
> coloured border from the following td overlapping the black border. Switch
> on your magnifier and have a close look.

I see, but I tried to change my styles and or I get that overlapping
or I am not able to get the looks that it has now.
On the other approaches I took the thead seems wider then the
tbody ...

I also tried to apply borders to thead, th and table but I usually get
problems.

What would be the correct way to get this look without problems?

Thank You,
Miguel
From: dorayme on 1 Mar 2010 20:12
In article
<8e9e8a72-1137-4462-8538-052f3718a634(a)y17g2000yqd.googlegroups.co
m>,
shapper <mdmoura(a)gmail.com> wrote:

> On Mar 1, 2:46 am, "rf" <r...(a)z.invalid> wrote:
> > "shapper" <mdmo...(a)gmail.com> wrote in message
> >
> > news:61ce5f67-4f18-43dd-970e-d9259efaa102(a)g11g2000yqe.googlegroups.com...
> >
> > > Hello,
> >
> > > I am creating a table and I am getting a small round corner on the
> > > bottom of the table head in Firefox.
> > >http://www.flyondreams.net/flyonpages/table.html
> >
> > It's not a round border at the bottom of the table head, it's the #dddddd
> > coloured border from the following td overlapping the black border. Switch
> > on your magnifier and have a close look.
>
> I see, but I tried to change my styles and or I get that overlapping
> or I am not able to get the looks that it has now.
> On the other approaches I took the thead seems wider then the
> tbody ...
>
> I also tried to apply borders to thead, th and table but I usually get
> problems.
>
> What would be the correct way to get this look without problems?

Simplify and redo the table. Disconnect it from the rest of your
markup. What you have gets wildly different instantiations in
different browsers. Essentially:

<http://dorayme.netweaver.com.au/shapper9875412378.html>

--
dorayme
From: dorayme on 1 Mar 2010 21:00
In article
<doraymeRidThis-67EC09.12124602032010(a)news.albasani.net>,
dorayme <doraymeRidThis(a)optusnet.com.au> wrote:

> In article
> <8e9e8a72-1137-4462-8538-052f3718a634(a)y17g2000yqd.googlegroups.co
> m>,
> shapper <mdmoura(a)gmail.com> wrote:
>
> > On Mar 1, 2:46 am, "rf" <r...(a)z.invalid> wrote:
> > > "shapper" <mdmo...(a)gmail.com> wrote in message
> > >
> > > news:61ce5f67-4f18-43dd-970e-d9259efaa102(a)g11g2000yqe.googlegroups.com...
> > >
> > > > Hello,
> > >
> > > > I am creating a table and I am getting a small round corner on the
> > > > bottom of the table head in Firefox.
> > > >http://www.flyondreams.net/flyonpages/table.html
> > >
> > > It's not a round border at the bottom of the table head, it's the #dddddd
> > > coloured border from the following td overlapping the black border. Switch
> > > on your magnifier and have a close look.
> >
> > I see, but I tried to change my styles and or I get that overlapping
> > or I am not able to get the looks that it has now.
> > On the other approaches I took the thead seems wider then the
> > tbody ...
> >
> > I also tried to apply borders to thead, th and table but I usually get
> > problems.
> >
> > What would be the correct way to get this look without problems?
>
> Simplify and redo the table. Disconnect it from the rest of your
> markup. What you have gets wildly different instantiations in
> different browsers. Essentially:
>
> <http://dorayme.netweaver.com.au/shapper9875412378.html>

For example:

<http://dorayme.netweaver.com.au/miguel9875698754.html>

is pretty consistent in looks in all browsers I have.

--
dorayme
 |  Next  |  Last
Pages: 1 2
Prev: Overriding table {width:100%}
Next: Call for Paper The International Journal of Computer Science (IJCS)