×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Contact US

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

I have created a horizontal tab men

I have created a horizontal tab men

I have created a horizontal tab men

(OP)
I have created a horizontal tab menu for my site but the CSS class does ot work properly. I can change the font size and color but borders, background-coor and padding doesn't work. I have exactly the same code on another site which works fine. Any ideas?

Here is my code


CSS:

CODE -->

.tabs {
	position:relative;
	top:1px;
	left:10px;
	}
	.tab {
	border:solid 1px black;
	background-color:#eeeeee;
	padding:2px 10px;
    }
	.selectedTab {
	background-color:white;
	border-bottom:solid 1px white;
    } 


ASP.Net Menu Code:

CODE -->

<asp:Menu 
	id="Menu1"
    StaticMenuItemStyle-CssClass="tab"
	StaticSelectedStyle-CssClass="selectedTab"
	CssClass="tabs"
	runat="server"
	Orientation="Horizontal"
	OnMenuItemClick="Menu1_MenuItemClick">
	<Items>
		<asp:MenuItem Text="Merchants" Value="0" Selected="True"></asp:MenuItem>
		<asp:MenuItem Text="Offers" Value="1"></asp:MenuItem>
		<asp:MenuItem Text="Categories" Value="2"></asp:MenuItem>
        <asp:MenuItem Text="Sub Categories" Value="3"></asp:MenuItem>
	</Items>
	</asp:Menu> 


The CSS class .tabs works for the Menu item but the .tab class and the .selectedTab class do not work. As I said above though, I can change the font in the .tab class but not much else.

Web Development Manager
http://www.freemoneyoff.co.uk
http://www.freemoneysurveys.co.uk
http://www.free-money-resource.com

RE: I have created a horizontal tab men

Please post the final rendered HTML rather than the ASP that builds it, as CSS would affect the HTML only.

As a way to start debugging however, I'd try looking in firebug if you have it installed for any browser to make sure what CSS is being applied to the menu.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login


Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close