» Forums
» RollBar threads
» Support
» rolbar in a table
rolbar in a table
2005/12/14 17:52
Viewed 9743 times
Replies: 1/2
by berrysx

I'm currently evaluating the rollbar. I'm trying to use one in a table and I get some unexpected whitespace in the control.
Sample code which exhibits the problem below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test of Dynarch RollBar</title>
<link rel="stylesheet" type="text/css"
href="../system/javascript/dynarch/rollbar-1.0/skin-aqua.css" media="all" />
<script type="text/javascript"
src="../system/javascript/dynarch/rollbar-1.0/rollbar.js"></script>
</head>
<body onload="DynarchRB.setup('test', { tabs: 'top', animation: false, hideButtons: true })">

<table>
<tr>
<td>
<div id="test">
<div title="Tab 1">
Contents of Tab 1
</div>
<div title="Tab 2">
Contents of Tab 2
</div>
<div title="Tab 3">
Contents of Tab 3
</div>
</div>
</td>
</tr>
</table>

</body>
</html>

Can anyone help? Thanks

(Tried in IE 6.0 and Firefox 1.0.2)
Re: rolbar in a table
2005/12/14 21:24
Viewed 12842 times
Replies: 1/1
by mb037

Try this.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test of Dynarch RollBar</title>
<link rel="stylesheet" type="text/css" href="skin-aqua.css" media="all" />
<script type="text/javascript" src="rollbar.js"></script>
<style type="text/css">div.dynarch-roll-tabs table {margin-left: 0;}</style>
</head>
<body onload="DynarchRB.setup('test', { tabs: 'top', animation: false, hideButtons: true })">

<table>
<tr>
<td>
<div id="test" style="width: 153px; margin: 0 auto;">
<div title="Tab 1">
Contents of Tab 1
</div>
<div title="Tab 2">
Contents of Tab 2
</div>
<div title="Tab 3">
Contents of Tab 3
</div>
</div>
</td>
</tr>
</table>

</body>
</html>
last
Re[2]: rolbar in a table
2005/12/15 12:39
Viewed 15351 times
Replies: 0/0
by berrysx

Thanks that works.
last
Google