|
HTML - Create Html Web Page Tabs - Help!
All, I hope I'm in the right forum. I had already downloaded some very simple example of creating web page tabs some time ago, and now CANNOT find it anywhere for the life of me.
I don't remember exactly what code language it was, and I don't think it was java. Not even vbscribt /asp. No controls either. I think it was HTML (if possible), but basically it showed Tab1, Tab2, Tab3, with data that said "this is the first tab", "this is the second", etc... I really need to use this example now, but have lost the original, and no example on the internet quite matches it. Can someone provide a very simple method for creating tabs, or relevant link? Thank you so much! Regards, asp_jr Similar TutorialsI want to create news items in Div tags (just like a table structure) on an HTML page having 7 rows and 3 equal columns. Would be obliged if you can help me sort this simple question. Hi Experts, I have to display 5 images Image1, Image2, Image3, Image4, Image5. After every 5 seconds I would like to change the image. After the cycle gets over from Image1 --> Image2 -->Image3-->Image4-->Image5 again Image1 should get displayed. How we can set the timing of display of images. How we can do it using HTML / Java. Regards, EP I want to create a html page which should not have address back, Back and Forward button. any help ? Ok here is my dilemma, I have these tabs which are made in javascript and they are used for the user to navigate pages. See the code. However what I want is in one tab area or lets call it tab 1, I want an anchor link that takes us to tab 2 which is in tab 1. So someone could click on a link in page 1 or tab 1 and it will take them to tab 2. To get a better understanding of what I am talking about I have put the code here for you guys to check out: HTML Code: <!-- $Id: example.html,v 1.4 2006/03/27 02:44:36 pat Exp $ -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Simple Tabber Example</title>
<script type="text/javascript" src="../tabber/tabber.js"></script>
<link rel="stylesheet" href="../tabber/example.css" TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="../tabber/example-print.css" TYPE="text/css" MEDIA="print">
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
<style type="text/css">
<!--
.header { FONT-WEIGHT: bolder; FONT-SIZE: 20px; COLOR: #ff6603; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smsubheader { FONT-WEIGHT: bolder; FONT-SIZE: 13px; COLOR: #ff6603; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.subheader { FONT-WEIGHT: bolder; FONT-SIZE: 16px; COLOR: #ff6603; LINE-HEIGHT: 22px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.style48 {FONT-WEIGHT: bolder; FONT-SIZE: 20px; COLOR: #FF9933; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.style50 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style54 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style56 {color: #000000}
.style58 {color: #333333}
.style65 {FONT-SIZE: 20px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold;}
.style69 {FONT-WEIGHT: bolder; FONT-SIZE: 13px; COLOR: #FF9933; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.style70 {color: #FF9933}
.style71 {
COLOR: #FF9933;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
}
.style73 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.style74 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }
.style75 {FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px;}
.style76 {font-size: 14px}
.style77 {
color: #666666;
font-size: 18px;
}
.style80 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
}
-->
</style>
</head>
<body>
<h1>Tabber Example</h1>
<p>← <a href="http://www.barelyfitz.com/projects/tabber/">Tabber Home</a></p>
<div class="tabber">
<div class="tabbertab">
<h2>Tab 1</h2>
<p><a href="#lala">make me</a></p>
</div>
<div class="tabbertab">
<h2>Tab 2</h2>
<p>Tab 2 content.</p>
</div>
<div class="tabbertab"> <a name="lala"></a>
<h2>Tab 3</h2>
<p>Tab 3 content.</p>
</div>
</div>
</body>
</html>
Is there anyway to make a tab system like that and have links within tab one which take you to areas in tab 2? thanks. So, Im looking for some code that acts like dhtml tabs. I have a webpage that I want to add a column on the right that has like 5 tabs. Clicking on each tab you get different content without leaving the actual page. Like this I suppose: http://www.cnn.com/ In the "Watch Video" section. You can tab between Most Popular and Best Video. thats the idea. Any good solutions. The current solution I have works, but is sloppy. Im hoping for some better code. Any help would be appreciated. Thanks, Mac My site uses several "tabs" on some pages to help the reader find information of interest. Tabs are working just fine, except for the behavior described below. They are HTML based - essentially anchors using the # sign, using CSS to be pretty and located properly, and are defined like this: <ul> <li><a href="#tab-1">Specs</a></li> <li><a href="#tab-2">Features</a></li> <li><a href="#tab-3">Documents</a></li> etc etc </ul> I have 7 tabs PROBLEM: In some cases, additional code includes an href to another tab on the SAME page, but clicking the link fails to refresh the page and show the new tab. Example: Assume current URL page is: "www.mydomain.com/product.php#tab-5" On this same page, within tab-5, I want to include a link that simply points at tab-6. So my URL link would simply be: ...<a href = "www.mydomain.com/product.php#tab-6">Jump to the next tab</a>... Note the only change in the URL is the '#tab-6' portion. Upon clicking this link: 1) The Browser URL address DOES change to 'www.mydomain.com/product.php#tab-6' 2) The page itself DOES NOT refresh - it stays on the #tab-5 page. Wierd, huh? 3) If I then click on the browser refresh button, the page refreshes properly and it will display tab 6 If the link were to point at a different page - say "www.mydomain.com/services.php#tab-6" - it would work just fine. It only fails to refresh when I am linking to the same, current URL, but different tab. A web developer I know thought he could build a "custom handler" (in Javascript, maybe?) that would solve this; it just seems to me it should work as is. I'm open to any suggestions. My initial thought is that I need the href AND a way to force a refresh in the same step, but maybe there is something more elegant or appropriate out there. Befuddled in CA, tc Hi All, I am trying to find out some links where a demo is shown for the navigation between different tabs in HTML using CSS. I am able to find some demos but I dont want to use any image nor I want to use any other Tools like MOO TOOLS. Please share if you have the code for the HTML CSS Tabs or the links where I can find this info. Thanks in Advance, Gagan My page loads correctly, but when I open a new tab in IE7 so the tab bar appears, my page shifts to the left, and the menu overlaps/ obscures parts of the images. I can't find a reason why this happens, can anyone help? A screenshot of the error can be found below: http://www.onetopsoccer.com/error.jpg The page itself is at http://www.onetopsoccer.com/index.shtml Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Hello everyone. I am building a website and am on my final stage of building the "tabs" at the top of the page and the html is driving me nuts I will attach the source code below. The tabs that are currently present (the ones included in the free template) are the following: Home About Templates Flash Contact The ones that I need are Home About Us Pics Multimedia Drag Racing Tech Articles For Sale Contact Us Can anyone steer me in the right direction? I don't want to manually have to make these tabs and risk having the letters not line up. Oh, and I am using Frontpage to build the site How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals I'm not sure what to call it, so I'll call it an index. I want the top of my page to have the links A B C D E F G .... and so on, and I want those to link to other letters further down on the page. I'm making a directory for music reviews I have done. So basically, if you click on 'G' you will be scrolled down to the index of bands with names starting with G. How is this done? Hey all, Been searching the web for an answer but haven't found anything near! Basically i have a list of pages on a specific web page (list.html) These links then take you to their respective 'detail' pages (separate html files) which essentially contain a single image file within a "content" div. What i want to do is create a "Favourite" button which, when clicked, will add the 'detail' page's href to another list on a separate html page (say, "favourites.html"), which i can the link to from the homepage. How do i do this?? Is there a way of using local storage for this function? (please bear in mind i might need a very simple explanation as I'm by no means familiar with using javascript in detail!! Thanks all att_blue for an example... I would like to create a link or have a button called dropdown on a page, and once clicked, I would like it to drop down and give a description or show a paragraph or something... I don't want it to show up in another page once I click the link, just show up on the same page, but droped down directly under the link... Does anyone have an Idea what I mean? and how to do this... an easy way to accomplish this? or some nice tutorials? Thanks a lot... How do I create an entry page that only shows to 1st time visitors, I am creating a forum and would like to have a welcome page that shows when someone 1st visits the site, but after they have entered and registered they no longer see this page if cookies are enabled. Is this possible? I have wrote this <html> <body> <script type="text/javascript"> var w=window.open(); w.document.open(); w.document.write("FirstLine<br>SecondLine<br>"); w.document.close(); </script> </body> </html> This simply creates anew window and outputs text onto it... What I want is for the specified text, to be outputed to a new html file For instance, OutPut1.html or OutPut2.html and so on. And for clarification, I do not want to manually create each new file for html to write to. I want the main html to create these new files Thank you all in Advance for all help given Hi everyone , my boss asked me to make our email address in our webpage and change it to a picture because of spammers. (cant copy and paste)Is there an easy way to do this because I am trying to create a gif in photoshop but it is not displaying exactly the same way that it looks now. At the bottom of www.meshoxford.com their is a link for email I want to to be an image file that looks just like the current page info@meshoxford.com Is there a way dreamweaver can make this easy? Would it be possible to create a web page that would generate simple job tickets by using radio buttons to choose directions from sets of criteria. This would run from a server, inside my company only, and would not be on the web. The idea is that after clicking on a radio button to choose an item in each of several categories, then clicking a submit button, a page (PDF?) would be produced which would be the actual job ticket. It could then be printed. Can anyone advise if this is doable? Thanks! here is what im trying to do $File = $subject.html; but all it is doing is adding what i type in as the subject and then it adds "html" to the end of it... so if the subject was "pizza" it would come out as "pizzahtml" instead of "pizza.html" what am i doing wrong? Hi, This request is probably pretty simple for the savvy HTML developer, but I'm new and I can't figure it out. If anyone can help it would be greatly appreciated... I need to create a table that looks like the one in my attachment This is what I have so far... <table bordercolor="#6b6b6b" border="1" cellspacing="0"> <tbody> <tr><th rowspan="11"><a title="Clinical Practice Council" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Overview.aspx">Clinical Practice Council</a></th> <td><a title="Clinic Standards and Practice Council" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Clinic%20Nursing%20Standards%20and%20Practice%20Council.aspx">Clinic Standards and Practice Council</a></td> </tr> <tr> <td><a title="Falls Risk and Reduction Committee" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Falls%20Risk%20and%20Reduction%20Committee.aspx">Falls Risk and Reduction Committee</a></td> </tr> <tr> <td><a title="ICE Committee" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/ICE%20Committee.aspx">ICE Committee </a></td> </tr> <tr> <td><a title="Nursing Informatics Committee" href="/sites/Nursing/NursingInformatics/Site%20Pages/Nursing%20Informatics%20Committee.aspx">Nursing Informatics Committee</a></td> </tr> <tr> <td><a title="NIRT Committee" href="/sites/Nursing/NursingInformatics/Site%20Pages/NIRT%20Committee.aspx">NIRT Committee</a></td> </tr> <tr> <td><a title="Nursing Web Team Committee" href="/sites/Nursing/NursingInformatics/Site%20Pages/Nursing%20Web%20Team.aspx">Nursing Web Team Committee</a></td> </tr> <tr><td><a title="Nursing Pharmacy Committee" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Nursing%20Pharmacy%20Committee.aspx">Nursing Pharmacy Committee</a></td></tr> <tr><td><a title="Nursing Product Evaluation Committee" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Nursing%20Product%20Evaluation%20Committee.aspx">Nursing Product Evaluation Committee</a></td></tr> <tr><td><a title="Nursing Standards and Practice Council" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Nursing%20Standards%20and%20Practice%20Council.aspx">Nursing Standards and Practice Council</a></td></tr> <tr><td><a title="Patient and Family Education Committee" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Patient%20and%20Family%20Education%20Committee.aspx">Patient and Family Education Committee</a> </td></tr> <tr><td><a title="Skin Integrity Committee" href="/sites/Nursing/Clinical%20Practice%20Council/Site%20Pages/Skin%20Integrity%20Committee.aspx">Skin Integrity Committee</a> </td></tr> <tr><th rowspan="3"><a title="Nursing Research Council" href="/sites/Nursing/Nursing%20Research%20Council/Site%20Pages/Overview.aspx">Nursing Research Council</a></th> <td><a title="Evidence-Based Practice Working Group" href="/sites/Nursing/Nursing%20Research%20Council/Site%20Pages/Evidence-Based%20Practice%20Working%20Group.aspx">Evidence-Based Practice Working Group</a></td></tr> <tr><td><a title="Research Education Working Group" href="/sites/Nursing/Nursing%20Research%20Council/Site%20Pages/Research%20Education%20Working%20Group.aspx">Research Education Working Group</a></td></tr> <tr><td><a title="Research Working Group" href="/sites/Nursing/Nursing%20Research%20Council/Site%20Pages/Research%20Working%20Group.aspx">Research Working Group</a></td></tr> <tr><th rowspan="1"><a title="Outcomes Management Council" href="/sites/Nursing/Outcomes%20Management/Site%20Pages/Overview.aspx">Outcomes Management Council</a></th> <td></td></tr> <tr><th rowspan="4"><a title="Professional Nursing Advancement Council" href="/sites/Nursing/Professional%20Development%20Council/Site%20Pages/Professional%20Nursing%20Advancement%20Council.aspx">Professional Nursing Advancement Council</a></th> <td><a title="Nursing Education Council" href="/sites/Nursing/Outcomes%20Management/Site%20Pages/Divisional.aspx">Nursing Education Council</a></td></tr> <tr><td><a title="Professional Nursing Advancement Council" href="/sites/Nursing/Professional%20Development%20Council/Site%20Pages/Professional%20Nursing%20Advancement%20Council.aspx">Professional Nursing Advancement Council</a></td></tr> <tr><td><a title="ROAR" href="/sites/Nursing/Professional%20Development%20Council/Site%20Pages/ROAR%20Council.aspx">R.O.A.R Council</a></td></tr></tbody></table> Thank you, Ninel |
|||||||