|
HTML - Html Menu
Hi all,
This is my first post in this forum I'm having around 50 html pages, in all the html pages i'm having links to all other pages in the left side of each page. But if i add a new page or delete a existing page, now i have to edit all the pages for updating the menu links. Can anybody help me to get a easy way to this by just keeping the menu in one place and showing the same menu in all pages. Looking for your help, Thanks in advance, kumar Similar TutorialsHow 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 Hello, I had a pretty basic html site that I made then one of my customers offered to spruce it up a bit. I gave him the go-ahead but told him that it had to be in html for search engine indexing. He did not build it in html, rather java (or maybe a combo - regardless, it is over my head). After launching it, I have watched it go backward in the search engines. Keywords, etc are at 100%. I tried to make a site map using the automatic generator from xmlsitemaps.com, but only three pages are found. So, not only are the robots not indexing it, apparently it does not follow "normal" programing that xmlsitemaps follows. Someone suggested adding html links under each java link in my menu. For example, here is a current link in my menu: <li><a href="javascript:getView( 'buyers' )">Buyers</a></li> If making an html link, I would reference the full path to the "buyers" page like this: <a href="http://clearchoicehi.com/index.php?c=Index/getView&v=buyers>Buyers</a> But if I did that, I would have two "Buyers" showing. Any way to do something like an ALT tag for the java and place the html in the ALT tag? Or should I just add a seperate menu somewhere in html? My site is NCinspector.com Thanks for your help. Hi guys, my name is Paolo and I'm newbie I don't speak English very well because my native language is Italian (I live in Switzerland, so..). This is my Menu HTML code: PHP Code: <div id="telefilm-menu"> <ul> <li class="first"></a> <li><a href="http://www.telefilmnetwork.com/greek/" class="right current">Sommario</a></li> <li><a href="http://www.telefilmnetwork.com/greek/news/" class="right">News</a></li> <li><span class="right">Episodi</span></li> <li><span class="right">Cast</span></li> <li><span class="right">Immagini</span></li> <li><span class="right">Video</span></li> <li><span class="right">Musica</span></li> <li><span class="right">DVD</span></li> <li><span class="right">Extra</span></li> <li><span>Forum</span></li> <li class="last"></a> </ul> </div> The CSS style: PHP Code: #telefilm-menu { margin: 124px 0 0 10px; font-weight: bold; } #telefilm-menu li.first { width: 10px; height: 36px; background: url("telefilmenu-sx.gif") no-repeat top left; padding: 0; } #telefilm-menu li.last { width: 10px; height: 36px; background: url("telefilmenu-rx.gif") no-repeat top left; padding: 0; } #telefilm-menu ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; height: 36px; } #telefilm-menu ul li{ display:block; float:left; margin:0; background: url("telefilmenu.gif") repeat-x top left; color:#cccccc; text-decoration:none; line-height: 36px; vertical-align: middle; padding: 0 5px 0; } #telefilm-menu ul li span.right{ background: url("telefilmenu-border.gif") no-repeat bottom right; display:block; line-height: 36px; padding-right: 10px; } #telefilm-menu ul li a{ display:block; float:left; color:#000000; text-decoration:none; line-height: 36px; vertical-align: middle; padding: 0 8px 0 8px; } #telefilm-menu ul li a.right{ background: url("telefilmenu-border.gif") no-repeat bottom right; display:block; line-height: 36px; padding-right: 10px; padding-left: 10px; } #telefilm-menu ul li a.current{ display:block; float:left; color:#ffffff; text-decoration:none; line-height: 36px; vertical-align: middle; background: #006f9f; } #telefilm-menu ul li a.current:hover{ color:#ffffff; text-decoration:none; } #telefilm-menu ul li a:hover{ color: #000000; text-decoration: underline; That's what appear: The problem is that when there is the blue background (as color, not image), the "bar" on the right doesn't appear because is also as background.. I would like to get this: I don't really know how to do that...Can anybody help me please? Thanks in advance, Paolo. PS: sorry for the time, but where I live it 's midday Hello everyone, im very sorry if i am reposting this question, i have tried to find the answer on the forum with no luck. I am very new to HTML and am learning everyday, i am trying to make a top menu kinda like on www.quantas.com.au. i would just like the drop down to be horizontal instead of the normail vertical menu. If anyone has any code to help me out or a tutorial that i would be able to learn from, i would be very appreciative. Thankyou in advance. Mikey I have a small problem with my 'form drop down menu'. I've got a content box made of cells. There is the title box and the content box. In the header, i'd like to place on the left site the content's title and on the right side, i would like to have a drop down menu. So far, so good. The problem appears as soon as I add the <form> tag to my dropdown menu. The problem is that it pulls the cell in height and I cannot modify it with my HTML-editor. Can any one tell me what i can do, or even better, post me the finished code Here is my code: HTML Code: <body>
<table width="630" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="630" height="10" align="center" bgcolor="#4D4D4D">
<table width="620" border="0" cellspacing="0" cellpadding="0" id="table4">
<tr>
<td class="tabletitle"> <span lang="en-us">Titel</span></td>
<td class="tabletitle" width="171"><p align="right">
<form ACTION="URI">
<p align="right">
<select name=selection
onchange="location.href=(form.selection.options[form.selection.selectedIndex].value)">
<option class="under" selected value="In this section">In
this section:</option>
<option> </option>
<option value="http://url">
URL 1</option>
<option value="http://url">
URL 2</option>
<option value="http://url">
URL 3</option>
</select></p>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
Thank you in advance i want to make a thin drop down menu. like rather then being 20pxls high i want it be be 10-15pxls high and i want the background color to be black and the text to be white. just something simple and customizeable is perfect I have a menu with coffie cup flash menu builder. And i have frames HTML. I know this question as be asked 10000 Times. How do i get the flash menu to go to my main frame page. It keeps opening in its own window a new window or taken up the hole window with out the frames. I tryed eveything including (release) { getURL ("main.html", "main"); } But it still doesnt work but i have no idear how to get this to work Hi! I hope you guys can help with what is wrong here. Ive been slaving over this html trying to get it to work and I gave up. Heres my problem. I have two drop down menus on this page. However the right drop down menu only goes to a page from the menu on the left. I have them separated, Brazil and Romania, so the Romania menu links pull up one of the Brazil pages and I dont understand why because in the html I have clearly specified the links to go to different pages. I will attach the html used and ask someone to please point out the source of this html conflict. I've been trying to figure out how to create a drop down menu in place of the original navigation on my website. I found what I want to do I just need to know how to apply it. Here's the website with what I want to do: http://www.dynamicdrive.com/dynamici...roptabmenu.htm It's example 2. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>|*|Doll Directory|*|</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Stylesheet -->
<style type="text/css">
body {
background: url('');
background-color: #FFFFFF;
font-family: "Trebuchet MS";
font-size: 12px;
line-height: 1.5em;
color: #ffffff;
letter-spacing: 1px;
}
#container {
margin: 0 auto;
border: 4px solid #FF0080;
width: 722px;
background-color: #FFFFFF;
}
#header {
width: 722px;
}
#content {
background-color: #FFFFFF;
padding: 4px;
width: 500px;
text-align: left;
margin-left: 0px;
margin-top: -8px;
}
#sidebar {
float: right;
width: 212px;
background-color: #FFFFFF;
margin-right: 0px;
margin-top: -8px;
height: auto;
padding: 4px;
text-align: center;
}
#footer {
clear: both;
background-color: #FF0080;
margin: 0px;
width: 722px;
height: 45px;
text-align: center;
}
#bar {
text-align: center;
margin: 8px;
padding: 12px;
margin-left: 0px;
background-color: #FF0080;
margin-top: 0px;
width: 700px;
}
a.nav:link, a.nav:visited, a.nav:active {
text-decoration : none;
font-family : Trebuchet MS;
font-size : 10px;
line-height : 12pt;
text-align : center;
color : #fa829a;
font-weight : bold;
background-color : #252525;
cursor : default;
text-transform : uppercase;
padding : 5px;
border-right : 5px solid #c15876;
border-bottom : 1px dotted #7d7d7d;
}
a.nav:hover {
color : #ffffff;
background-color : #363636;
border-right : 5px solid #d58fb4;
border-bottom : 1px dotted #515151;
}
.site {
font-family: Gabriola;
font-size: 22px;
font-weight: bold;
color: #fa829a;
}
h1 {
margin-top: 5px;
text-align: left;
color: #fa829a;
font-family: Gabriola;
font-size: 25px;
font-weight: bold;
padding: 5px;
font-style: none;
border-bottom: 1px dotted #535152;
letter-spacing: 1px;
}
h1:first-letter {
text-align: left;
color: #fa829a;
font-size: 25px;
font-style: normal;
font-weight: normal;
}
h2 {
font-weight: bold;
text-align: left;
color: #fa829a;
font-family: Gabriola;
font-size: 18px;
border-bottom: 1px dotted #8a8988;
padding-bottom: 2px;
margin-top: 7px;
margin-bottom: 7px;
}
a:link,a:visited,a:active {
text-decoration: none;
font-family: Trebuchet MS;
cursor: default;
font-size: 11px;
color: #fa829a;
font-weight: normal;
}
a:hover {
font-family: Trebuchet MS;
font-size: 11px;
text-decoration: none;
color: #fa829a;
background-color: white;
padding: 1px;
}
b,strong {
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: bold;
color: #fa829a;
}
i,em {
font-family: Gabriola;
font-style: italic;
font-size: 11px;
color: #fa829a;
}
u {
font-family: Gabriola;
font-size: 11px;
border-bottom: 1px dotted #add568;
color: #fa829a;
padding-bottom: 1px;
text-decoration: none;
}
blockquote {
width: 350px;
margin: 8px;
padding: 3px;
background: #fff;
border: 3px solid #413b31;
cursor: default;
color: #fa829a;
}
</style>
</head>
<body>
<div id="container">
<!-- Header image -->
<div id="header">
<img src="http://missdolldecade.awardspace.us/MDD_Banner.png" border="0" alt="" />
<div id="bar">
<div class="nav"><a href="http://missdolldecade.awardspace.us/index.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/rules.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/scores.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/round1.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/round2.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/round3.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/awards.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/judges.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/enter.html" class="nav"><font color="#FFFFFF">Home</font></a>
<a href="http://missdolldecade.awardspace.us/links.html" class="nav"><font color="#FFFFFF">Home</font></a></div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<h2>Tagboard</h2>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="missdolldecade" src="http://www6.shoutmix.com/?missdolldecade" width="207" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?missdolldecade">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
</div>
<!-- Main content -->
<div id="content">
<h1>Updates</h1>
</div>
<!-- Footer -->
<div id="footer">
<a href="http://missdolldecade.awardspace.us">Miss Doll Decade</a> (C) Amber Riley 2010<br>
<a href="http://missdolldecade.awardspace.us/contact.html">Contact MDD</a>
</div>
<!-- Container End -->
</div>
</div>
</body>
</html>
Hi, I have a website built in HTML and CSS in DW CS4. I have a horizontal top navigational menu and wish to add a drop down menu. When I select the entire menu and click on properties I can add a vertical menu item, but it is not an actual drop down. when I copy the html from another site that does have a functioning drop down, it does not work. So this is what it looks like: <div id="runner"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="page1.html">page 1</a></li> <li><a href="page2.html">page 2</a></li> what shoudl the code look like to add a drop down menu to each of these pages? Or should I do something in my spry menu? Can anyone help me with this? Hey guys Was hoping someone could help me with a little HTML problem. I have two pages - lets call them home and page1. On page1 i have a dropdown list with products in it and on the home page i have a list of "popular products" (which are included in the dropdown list). I am trying to make it so that when a customer clicks one of the "popular products" from the homepage, it links them to page1 and automatically selects the product from the dropdown. The name of the dropdown menu is "products" so i tried using the link "page1.html#products#product1" but this just links to page one and nothing else. Yet if the link is "page1.html#products" then it links to page1 and highlights the products dropdown menu - but does not select anything. I would really appreciate any help with this. thanks mckeegan375. Hello, I have some problems with HTML, I can not see anything particularly wrong, but the banner and my menu aint hang together in IE, it is about 10 pixels from each other, they sit perfectly with each other browsers, it is only Internet Explorer there the menu and the banner does not hang together. Print Screen: Thank you for helping me! -Kristoffer Hi there im trying to make a menu sytem for a website and keep coming across the same problem it seems to work fine in IE but in firefox has a 4/5 pixel margin underneath that its really irritating me http://danielbourne.net/pdwcs/1/aboutest.html can anyone see any errors within there that i may have missed ? the menu css is within http://danielbourne.net/pdwcs/1/default.css any help is much apreciated thankyou Daniel Bourne I have lots of computers that aren't connected to the internet. I am not making a web page, but I think I can use Internet Explorer and HTML to help me with something. The users will be installing software on the PC with a CD with a batch file that I have made. There is a point where I need to tell the user "plug in device now and close this window when you have finished" and other messages like that. I was thinking of just making a simple .html file that sits on the CD and when I come to that point in the installation just call the appropriate file to display the message. So, in notepad, I am trying to make a .html file that when executed (like double clicked or called from the batch file) will be a small window with the menus disabled and simply displays the message. If there is a better way to display a message to the user, please let me know. Maybe what I want is called a message box? Thanks for sharing your expertise. Hi, I have implemented 3 pull down menus to my website each calling a different method. Each pulldown menu has a series of values that lead the user to another site. My problem is that the only way they work is to right click on the popup blocker bar at the top of the page to allow popups. This is a problem because I need to implement it into a sharepoint webpart and the pages can not be blocked by a pop up blocker. Is there a way to make the sites come up that are in the pulldown menu without a popup window??..that way they wont get blocked?? here is my html: header: function formHandler0(form) { var URL = document.form0.site0.options[document.form0.site0.selectedIndex].value; window.location.href = URL; } body: <input type=button value="Go" onClick="javascript:formHandler1(this)" target="_self" style="border: 2px ridge #FF9900"> Hello, I hope someone here can help, I am the webmaster for a youth football website. We have about 50+ pages on the site, and they are all referenced from a drop-down menu at the top of each page. The code looks like this HTML Code: <ul class="level-0" id="cssmw">
<li><span><a href="teams.html">Teams</a></span>
<ul class="level-1">
<li><span><a href="under8s.html">Under 8's</a></span>
<ul class="level-2">
<li><span><a href="under8sbmouth.html">B'mouth League</a> </span></li>
</ul>
</li>
</ul>
</ul>
However, this coding on my site runs for about 70 lines, and should I wish to change a part of it, I have to edit the code on every page. Is there any way of referencing html code from a document and using it in place of the code on each page? Looking forward to your suggestions, Cheers, Ed Rogers Hello, I am a newbie to html but am working on a company website. I am looking for help with the drop down nav bar. I want to have the bar justified underneath the part that you are hovering over (for example, when you hover over Douglas Cardinal, the words biography, philosophy, etc would be justified underneath. When you click portfolio, current projects, museums, etc would be justified under portfolio) http://www.djcarchitect.com/portfoli...tprojects.html Is this possible? Thanks!! Hello, this is my first message here and I hope it will be for all you experts a serious one. This is my page I am developing right now: http://www.travelevros.gr/main.htm The page has one IFrame that loads its subpage of the flash menu. Please dont tell me to get rid of it, I need that IFrame. The flash menu it is placed outside of that IFrame of course, its container is the main page main.htm. In IE, everything works ok and the menu (as transparent) drops down nicely and the user can click the submenus alright, even if they are above the IFrame area. But with Firefox Mozilla, even though the menu drops down nicely too, the user cannot click the submenus, not even the links inside the IFrame page (that covered from the swf rectangular region). So there is a confusion in the Mozilla browser, where to send the click events: to the flash menu or the html page located in the IFrame. What should I do to make this work with Firefox Mozilla? I've tried some solutions i've found in Google, like entering the "z-index" property, placing the flash menu and/or IFrame inside a DIV layer, but I couldnt make it to work. The submenus still cannot be clicked when they drop over the IFrame content. As I said, in IE works fine. I've found somewhere else that the tip for this problem is to place the menu in a DIV and make that DIV load AFTER the IFrame is displayed, at the end of the page, thing that I dont have the knowledge to do. If this is right solution, can somebody help me doing this? On the other hand, if there is some other solution then I am ready to listen. Thank you very much for your time. p/s Check the first menu on the left, it works in Mozilla too, but thats because this region its outside the IFrame. The other menu choices falls down to the IFrame region, so the problem is with the layer placement. |
|||||||