Search and Top Navigation
#4450 closed bug (fixed)
Opened April 09, 2009 05:35PM UTC
Closed May 11, 2009 02:16PM UTC
Tabs list-style overridden by app framework css
| Reported by: | coeamyd | Owned by: | klaus.hartl |
|---|---|---|---|
| Priority: | trivial | Milestone: | 1.8 |
| Component: | ui.tabs | Version: | 1.7.1 |
| Keywords: | css fix | Cc: | |
| Blocked by: | Blocking: |
Description
I'm using jQuery UI with DotNetNuke, and when using the tabs control, the styling of the tab headers is overridden by the default stylesheet. This results in a square bullet being displayed in front of the tab titles. In the tabs stylesheet, list-style: none is only applied on the ul itself, DNN applies it on ul li. Adding list-style: none to the .ui-tabs .ui-tabs-nav li style will solve the problem.
To reproduce, simply add the style
ul li { list-style-type:square; }
to a page using the tabs control.
Attachments (0)
Change History (4)
Changed April 10, 2009 04:09PM UTC by comment:1
| owner: | → klaus.hartl |
|---|---|
| status: | new → assigned |
Changed April 10, 2009 04:29PM UTC by comment:2
Replying to [comment:1 klaus.hartl]:
If I read the css specs correctly, I believe that DNN is actually right. The list-style css properties apply to elements with display set to list-item, which would be the li and not the ul. It probably does not have to be set on the ul element, so the declaration could actually be moved. On the other hand, having it in both selectors should not hurt. See http://www.w3.org/TR/CSS21/generate.html#list-style for the specs.
Changed May 07, 2009 01:40PM UTC by comment:3
| milestone: | TBD → 1.8 |
|---|
Changed May 11, 2009 02:16PM UTC by comment:4
| resolution: | → fixed |
|---|---|
| status: | assigned → closed |
[2520]
Shouldn't that be fixed in DNN?