can u elaborate what exactly i should do?<input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden">
Main Topics
Browse All TopicsHi Experts. i am just putting all my stuf in jquery tabs, if i work with only jquery tabs (JS and CSS) files and load them on page. They just work beautifully. But i have load them into the another which already have the CSS which has many css ID's and Classses.
So when i run with just jquery provided css and js file it works perfect. Screenshot attached,
when i include my CSS to show in a page, its structure gets distorted.
my CSS templates will be shown here:
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
i just tried you code with a bit of changes u made in tabs.css file. here it is attached:
i did not made any change in my main CSS
after the below code the they are appearing as bulleted.
it seems something different ready method u r using . I m just pasting u the entire tab.jsp, see if it helps you.
Also just to confirm r u using tabs which is shown in this URL http://docs.jquery.com/UI/
-Murali*
Thanks for everything Few questions:
# You are using <%=request.attribute("selec
>> what ever tab the user clicks on i would take that id and set it in request , to make sure i use the same id to make the tab as selected next time i render the page. In simple terms its for retaining the tab selection.
var selectTabName = '<%=request.getAttribute("s
if(selectTabName != null){
$("#recruitmentSys > ul").tabs("select",selectT
}
});
this code would enable me to retain the selection,.
# th link you gave me i am not sure i am using that one. if i would love to use that how can i download that plugin
>>> you need to include these 3 .js files to make ur tab work
<script type="text/javascript" src="<%=request.getContextP
<script type="text/javascript" src="<%=request.getContextP
<script type="text/javascript" src="<%=request.getContextP
download URL : http://docs.jquery.com/Dow
i think i have to abandon it, i tried every hard luck but it is not working i m just fed up. try my online url check and see what is going on Please if you can see i shall be able to sort the problem with your help
regards
<input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden">
i m attaching the complete working set of code for tabs and the dependencies. I suggest you first test this as a seperate page and once it works start moving to the actual page.
in this default.css is optional, i always use to reset the default browser css. So never mind to remove it if you have some problems.
Your issue with the screen is bcoz of CSS. Most of the tab css are applied so it renders that way.
Try this. Hope i have helped you better this time :-).
-Murali*
Almost Near Dude! Thanks a Bunch. Only issue is
when i run it with test examples and without including my CSS, it works perfect.
But if i try with my CSS it shows dot against each panel.
i am attaching a screenshot here, please see
My CSS is also attached.
<input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden">
ul {
list-style:disc;
margin:0px 0px 0px 15px;
}
comment this item in CSS, also any other CSS that applies to li,ul you need to comment in your app CSS
It should work. Remember you have got the tab rendering perfect just the CSS is bugging you. Easiest way to fix ur CSS is use Firefox with Firebug and try editing the css items for the tab and u can see the result instantly.
Cheers.
-Murali*
Business Accounts
Answer for Membership
by: MuraliKanthPosted on 2009-06-11 at 22:54:24ID: 24609483
Its because of CSS overriding. I think better solution would be to reframe all your UL,LI elements in local pages apart from tab, to use id based and in your own application CSS you write CSS based on those Id's.
I dont think changing tab css would be sensible. I have done it like this, my tab.jsp would be the main page so no css would override. But since u need to include the tab page into an existing one you need to go id based rather than based on elements.
-Murali*