|
HTML - Nav Tab Not Coming To The Top
does anybody see anything obvious on why these tabs on one of my websites is not displaying the 'selected' class on the main nav tabs? i did something to break them
Code:
.overlapTabs{ border-bottom: 1px solid #bbb8a9; float: left; padding-top: 8px;}
.overlapTabs ul{padding: 0; list-style-type: none; font-family: Tahoma, sans-serif, serif; font-size: 90%; margin: 0; font-weight: normal;}
.overlapTabs li{display: inline;}
.overlapTabs li a{padding: 3px 8px 3px 15px; text-decoration: none; padding-right: 40px; /*extra right padding to account for curved right edge of tab image*/ color: #666666; background: transparent url(images/css/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/ border-left: 1px solid #dbdbd5; position: relative; display: block; float: left; margin-left: -19px; /*shift tabs 19px to the left so they overlap*/ left: 19px;}
.overlapTabs li a:visited{}
.overlapTabs li a:hover{text-decoration: underline;}
.overlapTabs li .selected a{ /*selected tab style*/ color: black; z-index: 100; /*higher z-index so selected tab is topmost*/ top: 1px; /*Shift tab 1px down so the border beneath it is covered*/ background: transparent url(images/css/righttabselected.gif) 100% 0 no-repeat;}
.overlapTabs li .selected a:hover{text-decoration: none;}
Code: <span class="overlapTabs">
<ul>
<li class="selected"><a href="/?">Home</a></li>
<li><a href="link2">link2</a></li>
<li><a href="link3">link3</a></li>
</ul>
</span>
http://wolfdogg.org take a peek here p.s. i know the css is spaghetti, its time i got off the code bandwagon and comb through my years old display modeling. Similar TutorialsThe Data (Semantic) Web -- and RDFa: Preparing web sites for the Data (Semantic) Web RDFa - Interoperable Web Metadata James Hello again, I'm getting this error when I view my portfolio pagel in Internet Explorer. It works fine in Firefox & Safari and Opera. I think it's to do with the javascript file but I don't know why because there's nothing from with line 89 of it, it's declaring a variable Code: Message: Object required Line: 89 Char: 1 Code: 0 URI: http://absolute-websites.com/script.js What's happening is it's not display 2 video's. Hi, I've a frameset which contains two rows: <frameset rows="40%,60%" frameborder="10" ImagesBaseUrl="images/" CssClass="VerticalSplitterBar" scrolling="yes"> <frame src="ProgramReport1.aspx" frameborder="10" MARGINWIDTH="5px" scrolling="yes"> <frame src="BottomFrame.aspx" frameborder="10" > </frameset> The first page(ProgramReport1) width size is larger than the normal window size: <body> <ComponentArt:TabStrip id="TabStrip1" <ComponentArt:MultiPage id="MultiPage1" <ComponentArtageView ID="PageView1" <div style="vertical-align:middle; height: 552px; overflow: auto; overflow: auto; width:1400px; padding-left: 5px; padding-right: 5px;"> While displaying the frameset the vertical scroll bar is there, but there is no horizontal scroll bar. I've enabled scrolling="yes" to the frame, but still the horizontal scroll bar is not displayed. Do I need to handle any other properties. Thanks for your time, Senthil How do I prevent framed html pages from coming up in a Google search? I made a site with Dreamweaver that has frames and within those frames I have different html pages that load into them. I came across an extension once which I believe prevented those pages from coming up in Google searches but cannot relocate it. These pages are just bare text and should not be accessed by themselves |
|||||||