|
HTML - Can I Create A Tabular Navigation Bar With The Following Html?
Hi , Ive got the following html for a site nav bar. I want to shorten the width of the bar by breaking up the two word sections into one column.....i.e About Us would read as....
About Us The section 'Full time' would become Full time This is the html I have - I'm guessing that I may have to create a table? Any advice on this would be gratefully received! The html for the navigation bar is........ <a class=topmenu href="blank.html" target="" tab="0" pid="212" runat="server">About Myeloma</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html">About Us</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="959" runat="server">Teams/players</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="970" runat="server">Professional footballers</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="976" runat="server">Venue</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="974" runat="server">Fixtures</a> <span style="COLOR: #c4c7c8">| </span> <a class=topmenu href="blank.html" target="" tab="0" pid="978" runat="server">Full time</a><span style="COLOR: #c4c7c8"> | </span> <a class=topmenu href="blank.html" target="" tab="0" pid="975" runat="server">News</a> Similar TutorialsNot sure how to ask this. I place a navigation link menu at the top of each main page of my web site, with the current page highlighted and unlinked. When I add a new page, I have to search out all of the pages that contain the navigation menu and manually update each page individually. What I wanted to do was to create a single file that contains the navigation links with any page having the ability to access that code. That way I only have to update that one file when I add a new page to my site. I can do it with PHP, but then I will have to rename each page .php instead of .htm . So then I thought about JavaScript, but I've read that Google doesn't index JavaScript links. Is that true? If so, does anyone have another suggestion as to how I can accomplish this? Hi, Request help me creating a div for vertical navigation table of 15% on the site http://www.bookmyhotel.biz . Also suggest how can I create three small divs side by side. Thanks for your kind help. I guess the first thing to do is give you a link to my site: http://theinstinct.net. Now if you notice, on the left hand side we have a Navigation Bar and a few other small things. Lately we've (myself and a friend work on the site) been editing and updating it a lot and we realized that we'd have to make the same changes on every single page. So my question for you is, is there a way to execute a separate HTML file inside another? Like you can link to a CSS file or to a JavaScript file, can you do that with an HTML file? Thanks for the help! Impossible right? Wrong. Or at least in mozilla firefox. I was playing around and came up with this: HTML Code: <style type="text/css">
.nav{
width: 150px;
height: 400px;
border: 1px solid #222222;
background: #151515;
color: #bb55ff;
font-family: tahoma;
font-size: 8pt;}
.blank{
background-color: #000000;
height:12;}
.nav ul{
height: 12px;
padding: 0px;
text-align: right;
overflow: hidden;
background-color: #000000;
border: 1px solid #222222;}
.nav ul:hover{
padding: 5px;
height: auto;
text-align: left;
overflow: visible;
background-color: #000000;
border: 1px solid #222222;}
.nav li{
list-style-image: none;
background-color: #151515;
border: 1px solid #222222;}
.nav li:hover{
list-style-image: none;
background-color: #000000;
border: 1px solid #222222;}
</style>
<div class=nav>
<ul>
<div class=blank>Site Nav</div>
<li><a href="#top">Top</a></li>
<li><a href="#news">News</a></li>
<li><a href="#notice">Notice</a></li>
<li><a href="#friends">Friends</a></li>
<li><a href="#friends-form">Signup</a></li>
<li><a href="#likes">Likes</a></li>
<li><a href="#dislikes">Dislikes</a></li>
<li><a href="#music">Music</a></li>
<li><a href="#css">Layouts</a></li>
</ul>
<ul>
<div class=blank>Links</div>
<li><a href="/journal.php?u=Techie-ish">Journal</li>
<li><a href="/gallery.php?u=Techie-ish">Gallery</a></li>
<li><a href="http://quinn.1429caddo.net">Homepage</a></li>
<li><a href="http://quinn.1429caddo.net/poetry.htm">Poetry</a></li>
<li><a href="http://www.myspace.com/staining_in_the_rain">Myspace</a></li>
</ul>
<ul>
<div class=blank>VF Nav</div>
<li><a href='/inbox.php'>Inbox</a></li>
<li><a href='/comments.php'>Comments</a></li>
<li><a href='/view_pic_comments.php'>Pic Comments</a></li>
<li><a href='/journal.php'>Journal</a></li>
<li><a href='/edituser.php'>Profile</a></li>
<li><a href='/editsettings.php'>Settings</a></li>
<li><a href='/editpictures.php'>Pictures</a></li>
<li><a href='/video/editvideos.php'>Videos</a></li>
<li><a href='/editicons.php'>Icons</a></li>
<li><a href='/edit_lists.php'>Lists</a></li>
<li><a href='/group_mine.php'>Cults</a></li>
<li><a href='/login.php?logout=1&c=a066e0f3'>Logout</a></li>
</ul>
</div>
it doesnt work in internet explorer can someone tell me why? please help. i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. Hey guys, EDIT: I figured it out. There was a phantom image that I had between the two that no longer belongs. Nevermind! Thanks, ~C-Style~ 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 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! 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? 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? Can you save the pages you create from a .Master as HTML? Would you suggest a different format? It wants to save as aspx, but can't open that on my phone... Please anybody will tell me, how a Form will create in HTML. help me plzzz!!! "Home" appears on the button.When we click it it goes to "index.html" the image related to home button is home.jpg. So button's image is home.jpg ,after clicking the button it should take to a link we have given and button's name is Home.how to do that? thanks 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 My Base Code PIC: http://i282.photobucket.com/albums/k...g?t=1226432339 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ I want the data in the "edit_box" & "combo_box" to be sent to my email, when the user clicks "Continue". =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= If you can give me the code that is an exact duplicate of the above image including the email code, I Would Really Appreciate It!!!!! Hi Experts, I need your help. I am very new to CSS. I want the table very similar to the attached snapshot. Two columns: Applications and Aspects (With around the same background color)) No horizontal seperation lines between the rows. and when I hover over a cell, the color should turn grey. I really appreciate your help in advance Unfortunately my website has to work in an offline mode too so no online solution is possible. The javascript engine cchana linked is unfortunately very limited and pretty much useless. 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 |
|||||||