Use bullets instead and change the CSS slightly. Try:
<html>
<head>
<script type='text/javascript' src='js/MochiKit/MochiKit.js'></script>
<style type="text/css">
ul {
padding: 0;
margin: 0;
display: block;
}
li {
list-style-type: none;
display: inline;
text-align: center;
margin-right: .1em;
color: #fff;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
}
.tab {
background-color: #ff0000;
width: 10em;
float: left;
}
</style>
<script type="text/javascript">
window.onload = function() {
roundClass("li","tab");
}
</script>
</head>
<body>
<ul>
<li class="tab">IEforge<li>
<li class="tab">Extensions</li>
</ul>
</body>
</html>
On Oct 9, 3:18 pm, EuGeNe <[EMAIL PROTECTED]> wrote:
> Hi All,
>
> First thanks for MochiKit for a Javascript ignorant like me it is a
> great way to start playing. I have successfully integrated it in a
> PmWiki recipe in the past (simple XMLHttpRequest).
>
> Today I want to play with the visual effects specifically the rounded
> corners but discovered that it behaves differently in Firefox 1.5.0.7
> (my platform of choice) and IE (you can't ignore IE can you?). I don't
> think it is expected but I might be wrong.
>
> -- start code --
>
> <html>
> <head>
> <script type='text/javascript'
> src='../lib/MochiKit/MochiKit.js'></script>
> <style>
> .tab {
> background-color:red;
> width:100px;
> display:inline;
> }
> </style>
> </head>
> <body onLoad='javascript:roundClass("div","tab")'>
> <div class='tab'>IEforge</div>
> <div class='tab'>Extensions</div>
> </body>
> </html>
>
> -- end code --
>
> With the display:inline; in the .tab style definition in FF it breaks
> the display (does not respect the inline nor the width specification)
> while in IE it does what is expected.
>
> anyone can help me with that? is it a bug or am I misusing the library?
>
> Thanks,
>
> EuGeNe --http://www.3kwa.com
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to mochikit@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at http://groups.google.com/group/mochikit
-~----------~----~----~----~------~----~------~--~---
