Jump to content

tabs placement


droidus

Recommended Posts

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]

Link to comment
https://forums.phpfreaks.com/topic/248056-tabs-placement/
Share on other sites

<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.

Link to comment
https://forums.phpfreaks.com/topic/248056-tabs-placement/#findComment-1273678
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.