droidus Posted September 28, 2011 Share Posted September 28, 2011 i have an issue with my tabs container not being properly placed in the page content div holder. here is an image of what it looks like. how can i change this, so it works? code: <div style="margin-left:auto; margin-right:auto; background-color:#FF9; padding:15px; width:75%;"> <p> <ul id="menu"> <li class="active"><a href="#description">Inbox</a></li> <li><a href="#usage">Sent</a></li> <li><a href="#download">Compose</a></li> </ul> <div id="description" class="content"> <h2>Inbox</h2> </div> <div id="usage" class="content"> <h2>Tab Two</h2> </div> <div id="download" class="content"> <h2>Compose</h2> <a href="http://mywebsite.com/uploader/compose.php">Compose a message here</a>.</div> <script type="text/javascript"> $(document).ready(function () { $('#menu').tabify(); }); // ]]> </script> <hr /> <span style="font-size:12px;">Copyright 2011 All Rights Reserved. Contact Us. Using this service, you agree to the <a href="#">Terms and Conditions</a>. V 1.0.</span> </div> is it more of a css issue? thanks in advance. [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/248056-tabs-placement/ Share on other sites More sharing options...
Arnsenal Posted September 28, 2011 Share Posted September 28, 2011 <div style="margin-left:auto; margin-right:auto; background-color:#FF9; padding:15px; width:75%;"> <p> <!-- Why is this p tage here?--> <ul id="menu"> <li class="active"><a href="#description">Inbox</a></li> <li><a href="#usage">Sent</a></li> <li><a href="#download">Compose</a></li> </ul> <div id="description" class="content"> <h2>Inbox</h2> </div> <div id="usage" class="content"> <h2>Tab Two</h2> </div> <div id="download" class="content"> <h2>Compose</h2> <a href="http://mywebsite.com/uploader/compose.php">Compose a message here</a>. </div> <script type="text/javascript"> $(document).ready(function () { $('#menu').tabify(); }); // ]]> </script> <hr /> <span style="font-size:12px;">Copyright 2011 All Rights Reserved. Contact Us. Using this service, you agree to the <a href="#">Terms and Conditions</a>. V 1.0.</span> </div> Try deleting that unnecessary <p> tag. Quote Link to comment https://forums.phpfreaks.com/topic/248056-tabs-placement/#findComment-1273678 Share on other sites More sharing options...
droidus Posted September 28, 2011 Author Share Posted September 28, 2011 nope Quote Link to comment https://forums.phpfreaks.com/topic/248056-tabs-placement/#findComment-1273703 Share on other sites More sharing options...
Arnsenal Posted September 28, 2011 Share Posted September 28, 2011 Can you post a link to page where we can look at it with firebug...? Do you have any other styles applied to the HTML Element that we see in your code? It hard to understand what exactly you want done with your description. Quote Link to comment https://forums.phpfreaks.com/topic/248056-tabs-placement/#findComment-1273754 Share on other sites More sharing options...
droidus Posted September 28, 2011 Author Share Posted September 28, 2011 http://pastebin.com/ufbuWukM Quote Link to comment https://forums.phpfreaks.com/topic/248056-tabs-placement/#findComment-1273772 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.