Rank: Newbie
Groups: Member
Joined: 2/11/2014
Posts: 7
|
When I run any of the TabStrip/MultiPage demos in VS 2013 for web, there is a 1-2 pixel space between the TabStrip and Multipage that I am unable to eliminate, regardless of the browser or css settings. Any suggestions?
Code: CSS
<style type="text/css">
.multiPage {
width: 400px;
Height: 100px;
border-left: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
background-color: white;
}
Code: HTML/ASPX
<eo:TabStrip runat="server" ID="TabStrip1" ControlSkinID="None" Width="400px" MultiPageID="MultiPage1">
<TopGroup Style-CssText="">
<Items>
<eo:TabItem Text-Html="Themes"></eo:TabItem>
<eo:TabItem Text-Html="Desktop"></eo:TabItem>
<eo:TabItem Text-Html="Screen Saver"></eo:TabItem>
</Items>
</TopGroup>
<LookItems>
<eo:TabItem ItemID="_Default" RightIcon-Url="00010223" RightIcon-SelectedUrl="00010226" NormalStyle-CssText="color: #606060" SelectedStyle-CssText="color: #2f4761; font-weight: bold;" LeftIcon-Url="00010221" LeftIcon-SelectedUrl="00010224" Image-Url="00010222" Image-SelectedUrl="00010225" Image-Mode="TextBackground" Image-BackgroundRepeat="RepeatX">
<SubGroup Style-CssText="font-family: tahoma; font-size: 8pt; background-image: url(00010220); background-repeat: repeat-x; cursor: hand;"
OverlapDepth="8">
</SubGroup>
</eo:TabItem>
</LookItems>
</eo:TabStrip>
<eo:MultiPage runat="server" ID="MultiPage1" CssClass="multiPage">
<eo:PageView ID="PageView1" runat="server">
C# Style 1
</eo:PageView>
<eo:PageView ID="Pageview2" runat="server">
Page 2
</eo:PageView>
<eo:PageView ID="Pageview6" runat="server">
Page 3
</eo:PageView>
</eo:MultiPage>
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,196
|
Hi,
This must be something else in your CSS. For example, internally we use DIV and if you have something like DIV { padding: 10px; } in your CSS, then it will be picked up by the DIVs in the TabStrip and create undesired result. You can try to comment out block by block of your CSS to find the offending CSS. Once you find that, you can try to limit the scope of the rule so that it doesn't affect the TabStrip.
Thanks!
|