Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Website Help


  • Please log in to reply
3 replies to this topic

#1 mrg11545

mrg11545

  • Members
  • 25 posts
  • OFFLINE
  •  
  • Local time:03:40 AM

Posted 21 September 2008 - 10:05 PM

Hi,

I'm working with spry tabbed panels and im trying to separate the tabs from the content box. I tried Margin top as you can see and nothing happened. Any idea's on how to do this: Here's a sample of the code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #13232a;
}
-->
</style>

&lt;script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="700" border="1" align="center">
<tr>
<td> </td>
</tr>
<tr>
<td height="70" style="background-image:url(toolbar.png); background-repeat:repeat-x"><div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Tab</li>
<li class="TabbedPanelsTab" tabindex="0">Tab</li>
</ul>
<div class="TabbedPanelsContentGroup" style="margin-top: 100px;">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
&lt;script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>

Edited by Pandy, 22 September 2008 - 04:36 PM.
Mod Edit~ moved from programming to Website Developement ~ Pandy


BC AdBot (Login to Remove)

 


m

#2 Aanders5

Aanders5

  • Members
  • 58 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:USA, MI
  • Local time:02:40 AM

Posted 28 October 2008 - 02:29 PM

I know I can help you, however I am slightly confused on what you are trying to do. Could please explain it slightly better, or point me to be a website that does the same thing or has something similiar to this script?

Thanks! (and sorry for not understanding this right away.)

#3 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:01:40 AM

Posted 28 October 2008 - 07:12 PM

It may help if we can see your CSS also. IT is abit unusual to decalsre a class, and then have an inline style. Most likely, the CSS is over-riding the inline style. Just a guess at this point though.

#4 Aanders5

Aanders5

  • Members
  • 58 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:USA, MI
  • Local time:02:40 AM

Posted 28 October 2008 - 09:31 PM

It may help if we can see your CSS also. IT is abit unusual to decalsre a class, and then have an inline style. Most likely, the CSS is over-riding the inline style. Just a guess at this point though.


Mhmm, nice catch onto that groovicus. The CSS in fact, could be the problem with this script...




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users