google-code-export / jpicker

Automatically exported from code.google.com/p/jpicker
1 stars 0 forks source link

vertical-align problem #9

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago

1. use a reset CSS like this one : http://meyerweb.com/eric/tools/css/reset/
2. display : there is a problem with cell's table
3. switch vertical-align property from "baseline" to "middle"

a default value like below could be added to CSS :

.jPicker tr, .jPicker td { vertical-align: middle; }

Original issue reported on code.google.com by for...@gmail.com on 24 Aug 2010 at 12:43

GoogleCodeExporter commented 9 years ago
What is the specific problem you are having with the table cells? Is there an 
alignment issue? Odd display? Which web browser are you using?

Original comment by christop...@gmail.com on 24 Aug 2010 at 6:50

GoogleCodeExporter commented 9 years ago
Here some images to illustrate the problem

Original comment by for...@gmail.com on 26 Aug 2010 at 8:08

Attachments:

GoogleCodeExporter commented 9 years ago
It looks like you have a css statement somewhere on your page which is 
overriding either the table height or the td height. You may try adding an 
"!important" flag after the table and td heights in the jpicker css file, or 
include the jpicker css file AFTER your main page file.

I also recommend for general CSS bindings for table heights and td heights to 
be qualified to the element you want to edit (e.g. "div.Container table {" 
instead of "table {")

Is this a public webpage I can look at to try to determine where the css rule 
is coming from? Also, using either the IE8 Developer Tools, Firefox's Firebug, 
or most other development viewers you should be able to see which css rules are 
applying to the element you rollover and if a parent rule is overriding the 
rules in jpicker.

Let me know if this helps or if there is a full source code you can get me.

Original comment by christop...@gmail.com on 26 Aug 2010 at 7:53

GoogleCodeExporter commented 9 years ago
I have not heard any response on this item, and I cannot replicate the problem. 
The belief at this time is that a CSS setting for the page this is on is also 
affecting the picker.

I am closing this ticket.

Original comment by christop...@gmail.com on 16 Sep 2010 at 8:20

GoogleCodeExporter commented 9 years ago
I was able to duplicate this issue by using the html 5 css reset at 
http://www.cssreset.com/

Original comment by BehrAthe...@gmail.com on 24 May 2013 at 2:04