Hi, I've found my own work round (or hack) If you replace your ul and li tags with dl and dt tags but keep the same css class for them all works fine and dandy.
I hope this "hack" or workround helps others Cheers im_not_finnish On Aug 5, 4:46 pm, im_not_finnish <johnpauljohnp...@hotmail.co.uk> wrote: > Hi, > I'm working on IE7. I've create two bullet point items (fred and john) > inside a jquery tab but neither are appearing as bullet points. What > am I doing wrong? Thanks in advance: > > Here is my code: > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head><title>Odyssey Application</title> > <LINK REL="stylesheet" HREF="../css/theDiv2.css"> > <STYLE type="text/css"> > #inline-list ul, #inline-list li { > display:list-item; > margin: 0; > padding: 0; > color: #339; > font-weight: normal; > font-family:times new roman; > list-style-type: disc; > list-style-position: inside; > } > ul.ggg { > display:list-item; > color: red; > font-weight: normal; > font-family:times new roman; > list-style-type: disc; > list-style-position: inside; > } > </STYLE> > > <LINK REL="stylesheet" HREF="../css/jquery-ui-1.7.2.custom.css"> > <SCRIPT SRC="../javaScript/jquery-1.3.2.js" LANGUAGE="JavaScript"></ > SCRIPT> > <SCRIPT SRC="../javaScript/stuff/ui.core.js"></script> > <SCRIPT SRC="../javaScript/stuff/ui.tabs.js"></script> > > <SCRIPT SRC="../javaScript/jquery.form.js" LANGUAGE="JavaScript"></ > SCRIPT> > > <SCRIPT TYPE="text/javascript"> > $(document).ready(function() > { > > }); > > function addStudy() > { > var numberOfTabs = $('li', '#tabs').size(); > $("#tabs").tabs("add","#study"+(parseInt(numberOfTabs,10)+1)+"- > DivId","Study "+ (parseInt(numberOfTabs,10)+1) ); > $("#study"+ (parseInt(numberOfTabs,10)+1) +"-DivId").addClass > ("scroller"); > $("#tabs").tabs('select', numberOfTabs ); > getStudyData();} > > function removeStudy() > { > var numberOfTabs = $('li', '#tabs').size(); > if (numberOfTabs > 1) > { > $("#tabs").tabs("remove", numberOfTabs -1 );} > > else > { > $("#dialog").dialog( 'open' );} > } > > </SCRIPT> > </head> > <body onLoad="$('#tabs').tabs()"> > <h1>0 Administrative Profile</h1> > <div id="tabs"> > <ul> > <li><a href="#study1-DivId"><span>Study 1</span></a></li> > </ul> > <div id="study1-DivId" class="scroller"> > > <div id=inline-list> > <ul> > <li>fred</li> > <li>john</li> > </ul> > </div> > > </div> > </div> > </body> > </html>
