HTML and CSS

Tabs problem

Please support our HTML and CSS advertiser: 50% Off 6 Months Web Hosting from 1&1. The World's #1 Host!

•

Join Date: Jun 2009

Posts: 14

Reputation: Serellyn is an unknown quantity at this point

Solved Threads: 2

Serellyn

Offline

Newbie Poster

Tabs problem

Jun 15th, 2009

Dear people,

I've downloaded a template today because I'm not much of a designer.
The problem now is, there are tabs on the template, html/css based, but I can't get them to work.

Can anyone help me with this, so that it works properly?
The code below is the whole tab section.

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<!--[if !IE]>
start section<![endif]-->
				<div class="section">
 
					<!--[if !IE]>
start title wrapper<![endif]-->
					<div class="title_wrapper">
						<span class="title_wrapper_top"></span>
						<div class="title_wrapper_inner">
							<span class="title_wrapper_middle"></span>
							<div class="title_wrapper_content">
								<h2>Search:</h2>
								<ul class="section_menu left">
									<li><a href="#" class="selected_lk"><span class="l"><span></span></span><span class="m"><em>Orders</em><span></span></span><span class="r"><span></span></span></a></li>
									<li><a href="#"><span class="l"><span></span></span><span class="m"><em>Products</em><span></span></span><span class="r"><span></span></span></a></li>
									<li><a href="#"><span class="l"><span></span></span><span class="m"><em>Members</em><span></span></span><span class="r"><span></span></span></a></li>
									<li><a href="#"><span class="l"><span></span></span><span class="m"><em>Site Pages</em><span></span></span><span class="r"><span></span></span></a></li>
								</ul>
							</div>
						</div>
						<span class="title_wrapper_bottom"></span>
					</div>
					<!--[if !IE]>
end title wrapper<![endif]-->
 
					<!--[if !IE]>
start section content<![endif]-->
					<div class="section_content">
						<span class="section_content_top"></span>
 
						<div class="section_content_inner">
							<form action="#" class="search_form">
							<!--[if !IE]>
start fieldset<![endif]-->
							<fieldset>
								<!--[if !IE]>
start forms<![endif]-->
								<div class="forms">
								<h3>Search by order info</h3>
								<!--[if !IE]>
start row<![endif]-->
								<div class="row">
									<label>Order ID Nr.:</label>
									<div class="inputs">
										<span class="input_wrapper"><input class="text" name="" type="text" /></span>
									</div>
								</div>
								<!--[if !IE]>
end row<![endif]-->
 
								<!--[if !IE]>
start row<![endif]-->
								<div class="row">
									<label>Display:</label>
									<div class="inputs">
										<ul>
											<li><input class="radio" name="" type="radio" value="" /> all orders</li>
											<li><input class="radio" name="" type="radio" value="" /> pending</li>
											<li><input class="radio" name="" type="radio" value="" /> unshipped</li>
											<li><input class="radio" name="" type="radio" value="" /> shipped</li>
										</ul>
 
									</div>
								</div>
								<!--[if !IE]>
end row<![endif]-->
 
								<!--[if !IE]>
start row<![endif]-->
								<div class="row">
									<label>Price between:</label>
									<div class="inputs">
										<ul>
											<li><span class="input_wrapper medium_input"><input class="text" name="" type="text" /></span></li>
											<li>and</li>
											<li><span class="input_wrapper medium_input"><input class="text" name="" type="text" /></span> </li>
										</ul>
									</div>
								</div>
								<!--[if !IE]>
end row<![endif]-->
 
								</div>
								<!--[if !IE]>
end forms<![endif]-->
 
 
 
							</fieldset>
							<!--[if !IE]>
end fieldset<![endif]-->
 
 
						</form>
						</div>
 
						<span class="section_content_bottom"></span>
					</div>
					<!--[if !IE]>
end section content<![endif]-->
				</div>
				<!--[if !IE]>
end section<![endif]-->
<!--[if !IE]>start section<![endif]-->
				<div class="section">
					
					<!--[if !IE]>start title wrapper<![endif]-->
					<div class="title_wrapper">
						<span class="title_wrapper_top"></span>
						<div class="title_wrapper_inner">
							<span class="title_wrapper_middle"></span>
							<div class="title_wrapper_content">
								<h2>Search:</h2>
								<ul class="section_menu left">
									<li><a href="#" class="selected_lk"><span class="l"><span></span></span><span class="m"><em>Orders</em><span></span></span><span class="r"><span></span></span></a></li>
									<li><a href="#"><span class="l"><span></span></span><span class="m"><em>Products</em><span></span></span><span class="r"><span></span></span></a></li>
									<li><a href="#"><span class="l"><span></span></span><span class="m"><em>Members</em><span></span></span><span class="r"><span></span></span></a></li>
									<li><a href="#"><span class="l"><span></span></span><span class="m"><em>Site Pages</em><span></span></span><span class="r"><span></span></span></a></li>
								</ul>
							</div>
						</div>
						<span class="title_wrapper_bottom"></span>
					</div>
					<!--[if !IE]>end title wrapper<![endif]-->
					
					<!--[if !IE]>start section content<![endif]-->
					<div class="section_content">
						<span class="section_content_top"></span>
						
						<div class="section_content_inner">
							<form action="#" class="search_form">
							<!--[if !IE]>start fieldset<![endif]-->
							<fieldset>
								<!--[if !IE]>start forms<![endif]-->
								<div class="forms">
								<h3>Search by order info</h3>
								<!--[if !IE]>start row<![endif]-->
								<div class="row">
									<label>Order ID Nr.:</label>
									<div class="inputs">
										<span class="input_wrapper"><input class="text" name="" type="text" /></span>
									</div>
								</div>
								<!--[if !IE]>end row<![endif]-->
								
								<!--[if !IE]>start row<![endif]-->
								<div class="row">
									<label>Display:</label>
									<div class="inputs">
										<ul>
											<li><input class="radio" name="" type="radio" value="" /> all orders</li>
											<li><input class="radio" name="" type="radio" value="" /> pending</li>
											<li><input class="radio" name="" type="radio" value="" /> unshipped</li>
											<li><input class="radio" name="" type="radio" value="" /> shipped</li>
										</ul>
										
									</div>
								</div>
								<!--[if !IE]>end row<![endif]-->
								
								<!--[if !IE]>start row<![endif]-->
								<div class="row">
									<label>Price between:</label>
									<div class="inputs">
										<ul>
											<li><span class="input_wrapper medium_input"><input class="text" name="" type="text" /></span></li>
											<li>and</li>
											<li><span class="input_wrapper medium_input"><input class="text" name="" type="text" /></span> </li>
										</ul>
									</div>
								</div>
								<!--[if !IE]>end row<![endif]-->
								
								</div>
								<!--[if !IE]>end forms<![endif]-->
															
								
								
							</fieldset>
							<!--[if !IE]>end fieldset<![endif]-->
							
							
						</form>
						</div>
						
						<span class="section_content_bottom"></span>
					</div>
					<!--[if !IE]>end section content<![endif]-->
				</div>
				<!--[if !IE]>end section<![endif]-->