Click here to Skip to main content
15,922,696 members
Home / Discussions / ASP.NET
   

ASP.NET

 
GeneralIIS configuration Pin
solarthur016-Dec-07 13:48
solarthur016-Dec-07 13:48 
GeneralRe: IIS configuration Pin
Michael Sync6-Dec-07 14:43
Michael Sync6-Dec-07 14:43 
GeneralSmart Tag for web page Pin
alexfromto6-Dec-07 8:42
alexfromto6-Dec-07 8:42 
GeneralDetecting ActiveX Control Pin
Dannyrod6-Dec-07 8:09
Dannyrod6-Dec-07 8:09 
GeneralRe: Detecting ActiveX Control Pin
Dannyrod10-Dec-07 2:47
Dannyrod10-Dec-07 2:47 
GeneralWeb site/service deployment Pin
goldoche6-Dec-07 7:58
goldoche6-Dec-07 7:58 
GeneralRe: Web site/service deployment Pin
pmarfleet6-Dec-07 11:01
pmarfleet6-Dec-07 11:01 
GeneralFluid tab control using MultiView Pin
gibby104726-Dec-07 5:16
gibby104726-Dec-07 5:16 
I'm using a Multiview control to produce a tabbed display. I want the display to resize nicely so that when the browser viewport gets narrow, the tabs flow into rows. I'm putting two Panels in each View, one for the "tabs", one for the content. The mark-up looks something like:

<style>
.TabContainer
{
font-family: Arial, Sans-Serif;
font-size: 8pt;
width: auto;
margin-top: 4px;
padding-top: 6px;
background-color: azure;
}

.TabItemActive
{
border-top: 1px solid #f5f5f5;
border-left: none;
border-right: 1px solid #aaaaaa;
border-bottom: none;
text-decoration: none;
background-color: #bbbbbb;
text-align: center;
padding: 6px 2px 0px 2px;
vertical-align: top;
}

.TabItemInactive
{
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #aaaaaa;
border-bottom: none;
background-color: #d3d3d3;
text-align: center;
text-decoration: none;
padding: 6px 2px 0px 2px;
}

.TabItemInactive:hover
{
background-color: #808080;
}
</style>

<asp:multiview id="mvMain" runat="server" activeviewindex="0">
<asp:view id="View1" runat="server">
<asp:panel id="PanelNavView1" cssclass="TabContainer" runat="server">
<asp:label id="lblView1" runat="server" cssclass="TabItemActive" text="Tab&nbsp;for&nbsp;View1"></asp:label>
<asp:linkbutton id="lbView2FromView1" cssclass="TabItemInactive" runat="server"> Tab&nbsp;for&nbsp;View2 </asp:linkbutton>
<asp:linkbutton id="lbView3FromView1" cssclass="TabItemInactive" runat="server"> Tab&nbsp;for&nbsp;View3 </asp:linkbutton>
<asp:linkbutton id="lbView4FromView1" cssclass="TabItemInactive" runat="server"> Tab&nbsp;for&nbsp;View4 </asp:linkbutton>
<asp:linkbutton id="lbView5FromView1" cssclass="TabItemInactive" runat="server"> Tab&nbsp;for&nbsp;View5 </asp:linkbutton>
<asp:linkbutton id="lbView6FromView1" cssclass="TabItemInactive" runat="server"> Tab&nbsp;for&nbsp;View6 </asp:linkbutton>
</asp:panel>
<asp:panel id="panelView1" runat="server">
This is the content for view 1
</asp:panel>
</asp:view>
<asp:view id="View2" runat="server">
.
.
.
</asp:view>
</asp:multiview>

The "tabs" look fine when they are displayed side-by-side. When the "tabs" flow into rows of "tabs", the issue I am having is that unless I take away all border-top and padding-top from the Label and LinkButton controls, the "tabs" in the bottom row partially cover the "tabs" in the top row.

Adding a top or bottom margin has not helped me nor has a number of other stabs in the dark. I'm a relative newbie to CSS/styling but I suspect my problem has something to do with the LinkButtons being converted to anchors <a> in the page that is output.

Can anyone lend a hand?

TIA

gibby</a>
GeneralVirtual Directory Pin
Civic066-Dec-07 4:46
Civic066-Dec-07 4:46 
GeneralRe: Virtual Directory Pin
Fred_Smith6-Dec-07 4:53
Fred_Smith6-Dec-07 4:53 
GeneralSetting Focus on a TextBox and sellecting the text in a DataGrid with TextChanged Pin
thomasa6-Dec-07 4:39
thomasa6-Dec-07 4:39 
GeneralThe solution Pin
thomasa6-Dec-07 5:25
thomasa6-Dec-07 5:25 
GeneralRe: The solution for IIS 2.0 Pin
thomasa6-Dec-07 5:53
thomasa6-Dec-07 5:53 
GeneralRe: The solution for IIS 2.0 Pin
Kelly Herald6-Dec-07 9:03
Kelly Herald6-Dec-07 9:03 
Questionhow to detect whether the requesting machine is a mobile? Pin
Rocky#6-Dec-07 4:37
Rocky#6-Dec-07 4:37 
AnswerRe: how to detect whether the requesting machine is a mobile? Pin
Fred_Smith6-Dec-07 5:43
Fred_Smith6-Dec-07 5:43 
Generalfileupload problem Pin
accessred6-Dec-07 3:55
accessred6-Dec-07 3:55 
GeneralRe: fileupload problem Pin
Fred_Smith6-Dec-07 4:00
Fred_Smith6-Dec-07 4:00 
GeneralRe: fileupload problem Pin
Michael Sync6-Dec-07 4:03
Michael Sync6-Dec-07 4:03 
GeneralRe: fileupload problem Pin
Michael Sync6-Dec-07 4:11
Michael Sync6-Dec-07 4:11 
QuestionOutlook Integration in Web Application? Pin
madhan singh raja6-Dec-07 3:27
madhan singh raja6-Dec-07 3:27 
GeneralExcel object is not coming in Intellisense Pin
meeram3956-Dec-07 2:57
meeram3956-Dec-07 2:57 
GeneralRe: Excel object is not coming in Intellisense Pin
Michael Sync6-Dec-07 4:06
Michael Sync6-Dec-07 4:06 
GeneralSession problem Pin
kinnuP6-Dec-07 2:50
kinnuP6-Dec-07 2:50 
GeneralRe: Session problem Pin
Fred_Smith6-Dec-07 4:04
Fred_Smith6-Dec-07 4:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.