/    Sign up×
Community /Pin to ProfileBookmark

CSS bug ::: conflicting CSS files

Copy linkTweet thisAlerts:
Nov 29.2008

I’ve got a weird bug in my CSS with using (jQuery Tabs and jQuery TableSorter) where every time I have a [B]link[/B], or [B]span[/B] on the page, it prints a background image that is used for the jQuery tabs.

Here is what the problem looks like (see attached)

Here is a live example of the bug:
[url]http://www.psylicyde.com/css-bug/[/url]

It appears that when you place a TableSorter script inside a jQuery Tab, it makes the background image bug. How can I combine these CSS files to live in harmony? I’ve always wondered this with projects like these. Can you rename some of the CSS to name everything by ID? Any suggestions would be appreciated.

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@TaboNov 29.2008 — <div [B][COLOR="Red"]class="ui-tabs-nav"[/COLOR][/B] id="mylsi">

..

<td>

[COLOR="RoyalBlue"]<a[/COLOR] href="./company.php?id=10">Name[COLOR="RoyalBlue"]</a>[/COLOR]

</td>


matches this selector:

[B][COLOR="Red"].ui-tabs-nav[/COLOR] [COLOR="RoyalBlue"]a[/COLOR][/B], .ui-tabs-nav a span {ui.css (line 35)

background:transparent url(tab.png) no-repeat scroll 0 0;

display:block;

padding:0 10px;

}
Copy linkTweet thisAlerts:
@crh3675Nov 29.2008 — Yah, you need to close out the nav

<i>
</i>&lt;div class="ui-tabs-nav" id="mylsi"&gt;

&lt;ul class="ui-tabs-nav"&gt;
&lt;li class="ui-tabs-selected"&gt;&lt;a href="#sect1"&gt;&lt;span&gt;Tab 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=""&gt;&lt;a href="#sect2"&gt;&lt;span&gt;Tab 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;

<i> </i> &lt;li class=""&gt;&lt;a href="#sect4"&gt;&lt;span&gt;Tab 3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
<i> </i>&lt;li class=""&gt;&lt;a href="#sect5"&gt;&lt;span&gt;Tab 4&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt; &lt;!------------here --&gt;
Copy linkTweet thisAlerts:
@ripcurlksmauthorDec 08.2008 — thanks!
×

Success!

Help @ripcurlksm spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...