|
HTML - Best Solution For A Menu
This is my first post and I am asking for help, so feel free to flame. Right now, the way my site is set up, I have text links at the top at the top of every html page that work as menu and change the content of the page. So I am looking for a new menu method for my website, but I want to take a step up and make a static menu. This way I don't have to change the content on every page when I want to change the items in the menu. What is the best possible way to do this? I know frames could do this, but I've heard that frames should be avoided in html.
Similar Tutorialshello all and merry xmas, my client needs a free/very cheap video uploading solution. he has an unlimited hosting account and a domain. he wants to create a website where he uploads daily/weekly sermons (30 - 60 min long videos) and can share it with the web. i was thinking of 1. making video > uploading to his space via ftp > embedding in html form, but i dont think its best to leave so 'many' tasks for him to deal with on a everyday basis. 2. a blog e.g. blogger which will enable him to embed videos, but this means videos arent categorized. 3. free/very cheap video hosting. google video was a favourite but since it has shut down recently he cannot use it. THE EASIEST OPTION are there any other ways of going about this? he is a total beginner to internet and its programming aspects. any help appreciated plz see this code...dont have a clue whats the problem.. <html> <head> <TITLE>Download </TITLE> bla bla.... </head> <body> <!---adsense code---> <script type="text/javascript"><!-- google_ad_client = "pub-9146078537063606"; /* 728x90, created 5/4/09 */ google_ad_slot = "7719022877"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <!---tracking code---> <script language="Javascript" src="http://gd.geobytes.com/Gd?after=-1"></script> <script language="javascript"> var s1Locations="US,UK"; var s2Locations="CA,DE,FR,ES,IT,AT,RU,PT,GR,NL,CH,SE,FI,NO,DK,PL,UA,CZ,TR,BR,MX,AR"; var sCountryCode=sGeobytesLocationCode.substring(0,2); if(s1Locations.indexOf(sCountryCode)>=0) { document.write('<iframe width="100%" height="795" scrolling="no" src=some.html</frame>'); }else if(s2Locations.indexOf(sCountryCode)>=0) { document.write('<iframe width="100%" height="1410" scrolling="no" src=some.html></frame>'); }else { document.write('<iframe width="100%" height="1065" scrolling="no" src=some.html></frame>'); } </script> <!---bellow this portion doesnt load----> <!---adsense code---> <script type="text/javascript"><!-- google_ad_client = "pub-9146078537063606"; /* 728x90, created 5/4/09 */ google_ad_slot = "4901093199"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <iframe width="100%" height="120" allowtransparency="false" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" scrolling="no" src="http://static.totalh.com/stat.html"></iframe> </body> </html> would anyone have some suggestion..whats happening? :?: p/s: i tried it using <div></div> on each portion but yet it wastnt working..?! is there any problem in blue portion..or something? Recently i installed joomla on my server, aswell as a bridge between SMF and Joomla. I previously had phpbb installed in the directory "http://techno-source.co.uk/phpbb" most user's use this link to access the forums, and some use just techno-source.co.uk . What i am looking for is a solution so that when user's type in techno-source.co.uk/phpbb and techno-source.co.uk it will load " http://techno-source.co.uk/Joomla" by default. I would prefer if it did not use mea redirection as its not very professional , is there any other way. Contacted my hoster, who told me they cannot do anything but look at .htaccess, however i do not know how this works. Thanks in advance. hey! this is the site im working on: http://kybisthenes.wz.cz/ text only, no images. u can see 2 boxes, the one on left (Filosofie, Politika...) and the one on right (lorem ipsum). now i need each of them to work independently on the another one. i was never solving anything like this... i know it can be made by frame/iframe (which one is better by the way?) but arent they obselete? thanks! ok first off i would advise you to look at the page to show you what i want to accomplish how it is, is how im trying to make it look but i want to make it to w3c standards and keep it as html 4.01 strict HTML Code: <p style="background-color:red; border: 3px solid black; text-align:center; margin-left:100px; margin-right:100px; padding:20px;">Team Members</p> <p style="background-color:red; padding:2px; border: 1px solid black; text-align:center; margin-top:-20px; margin-left:100px; margin-right:100px"><a href="notavailable.htm"><img class="imgspace" src="RobertFace.png" alt="Robert Jones"></a><a href="notavailable.htm"><img class="imgspace" src="StuartFace.png" alt="Stuart Jackson"></a><a href="notavailable.htm"><a href="notavailable.htm"><img class="imgspace" src="SeanFace.png" alt="Sean Chaloner"></a></p> Code: <p style="background-color:red; border: 3px solid black; text-align:center; margin-left:100px; margin-right:100px; padding:20px;">Team Members</p> <p style="background-color:red; padding:2px; border: 1px solid black; text-align:center; margin-top:-20px; margin-left:100px; margin-right:100px"><a href="notavailable.htm"><img class="imgspace" src="RobertFace.png" alt="Robert Jones"></a><a href="notavailable.htm"><img class="imgspace" src="StuartFace.png" alt="Stuart Jackson"></a><a href="notavailable.htm"><a href="notavailable.htm"><img class="imgspace" src="SeanFace.png" alt="Sean Chaloner"></a></p> Hello all. Could someone please take a look at www.allseasonshvac.net and help me find that random "/" that is floating in the top left corner? Pretty please? Thank you! Helllo, may I ask something. I have the following poblem: Everything I talk about now is an offline and local file (even in the same folder) situation. If there are two JPEGs in a zip file next to the html file, is there an html-syntax that makes IE8 using the Win7 zip-engine, unzip and regularily "download" the two JPEGs into the normal "Temporary Internet Archives" folder (only to there, the unzipped JPEGs don't lie in the RAM or anwhere else on the HDD) and show them. In short: For a folder containing the html-file and a zip-file with the two pictures, is there soemthing like this: <HTML> <HEAD><TITLE>testing...</TITLE> <BODY> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD> <IMG SRC="Waikiki.jpg" ARCHIVE="Oahu.zip"> </TD> <TD> <IMG SRC="Honolulu_City.jpg" ARCHIVE="Oahu.zip"> </TD> </TR> </TABLE> </BODY> </HTML> This "fantasy code" doesn't work of course. The ARCHIVE command is some JAR related solution as far as I have read. But is there anything like this that does work? Thank you very much for reading. anikk I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben Hi, I wondered if someone could help me. I wanted to make a Nav Menu using this design and having the text buttons as links. Is this possible and something that can easily be done? Thanks, Jack Hey, I have this bit of code: Code: <!-- Navigation item -->
<ul>
<li><a href="#">Quick Roster<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#">Members</a><ul><li>test</li></ul>
<li><a href="header2.html">Header-2 (T+M)</a></li>
<li><a href="header3.html">Header-3 (T+B)</a></li>
<li><a href="header4.html">Header-4 (M+B)</a></li>
<li><a href="header5.html">Header-5 (T)</a></li>
<li><a href="header6.html">Header-6 (M)</a></li>
<li><a href="header7.html">Header-7 (B)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</div>
Where it says "Members", I want another submenu to pop out from there. If you need any other parts of the code, I'd be glad to get them. Thanks. does anyone know how I can create a pop up menu to use as a login box like the one they made on skype.com? (It opens when you click "Sign in" Thanks!!! Here is the menu in question, http://www.allyugioh.com/item/magic-...18/lid=5952367 The menu seems to travel over the footer.Can someone help me to make it go underneath? hey everybody, does anyone know the html? http://asdsdasad.blogspot.com/ notice where it says blog archive, and when you click the play button, the menu drops down. i need something just like that. one more thing, http://en.wikipedia.org/wiki/Main_Page on the left side there is a menu, i wanted to have a similar menu, but just with the drop menu thing i mentioned earlier thanks okey so i have maken an image af the menu i would like to have but i cant seem to make it, i have tryede for a long time now and I need some help to make it the menu looks like the bellow image and have the hover effect as U can see an the 3th link, there is 3 links when U run the mouse over it.. the only thing i know i want about the menu about the code part is that it must not contain "px" only give it the size with "%", else U guys can do what ever U want to make it.... HOME Botton shall not have the hover Menu: Thanks for Ur help Hi, In the menu bar on our website I have a couple of sub meu's. They work in Firefox and Safari but not in IE. The web address is http://www.perisandcorr.com The sub menu on the Products page and screen printing should be indented but it doesn't seem to work in IE. Any suggestions??? Thanks in advance Dyfrig I am very new to Html and everything that goes along with it. I have done ok so far trying to put a "Menu bar" up on the top of one of my games. Its not a traditional menubar. This is going to have a FB like button, a tweet button, and a Facebook button to my app fan page. when i do the like button and tweet button by them selves it looks fine. but when i try to add the Fan page button (that is basically an Anchor link) it goes all awry. here is the code I have <ul id="list-nav"> <div id="fb-root"></div> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#appId=116334528469376&xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <li><div class="fb-like" data-href="http://www.facebook.com/apps/application.php?id=146310492066325" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark"></div></li> <li><a href="http://www.facebook.com/apps/application.php?id=146310492066325"> <img src='http://www.carboncopygames.com/files/facebook.png' /></a></li> <li><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/apps/application.php?id=146310492066325" data-text="Try Out AcroBlast on Facebook #flashgame" data-count="horizontal" data-via="doorsmaniac">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></li></script> </ul> you can see what it looks like here Sorry if I butchered this Thanks! hi, this code i got was supposed to look like a red menu sort of thing, but when i put it on my website, it comes up as just black text. do you know what im doing wrong? It is supposed to look like this (but on rollover, it does "emboss") Code: <style type="text/css">
.b2976043 {
height: 30px;
width: 150px;
background: url(menu54536390.jpg);
}
.bar2976043 {
background: #e0e0e0 url();
width: 750px;
height: 30px;
position: relative;
}
.tabbar2976043 {
position: absolute;
width: auto;
height: auto;
top: 0px;
left: 0px;
}
.t2976043 {
color: #000000;
font-size: 15pt;
}
.a2976043 {
text-decoration: none;
}
</style>
<div class="bar2976043">
<table cellpadding="0" cellspacing="0" border="0" class="tabbar2976043">
<tr>
<td valign="middle" id="b29760431" class="b2976043"
onmouseover = "mOv2976043(1); "
onmouseout = "mOut2976043(1); "
><center>
<a href="http://www.gangstacardtricks.piczo.com" class="a2976043">
<span class="t2976043">Home</span>
</a>
</td>
<td valign="middle" id="b29760432" class="b2976043"
onmouseover = "mOv2976043(2); "
onmouseout = "mOut2976043(2); "
><center>
<a href="http://www.gangstacardtricks.piczo.com/about" class="a2976043">
<span class="t2976043">Wassup?</span>
</a>
</td>
<td valign="middle" id="b29760433" class="b2976043"
onmouseover = "mOv2976043(3); "
onmouseout = "mOut2976043(3); "
><center>
<a href="http://www.gangstacardtricks.piczo.com/videos" class="a2976043">
<span class="t2976043">Videos</span>
</a>
</td>
<td valign="middle" id="b29760434" class="b2976043"
onmouseover = "mOv2976043(4); "
onmouseout = "mOut2976043(4); "
><center>
<a href="http://www.gangstacardtricks.forums-free.com/" class="a2976043">
<span class="t2976043">Forum</span>
</a>
</td>
<td valign="middle" id="b29760435" class="b2976043"
onmouseover = "mOv2976043(5); "
onmouseout = "mOut2976043(5); "
><center>
<a href="http://www.cafepress.com/gctshop" class="a2976043">
<span class="t2976043">Shop</span>
</a>
</td>
</tr></table>
</div>
<img src="menu63979982.jpg" width="0" height="0">
<script language="JavaScript" type="text/javascript">
currentItem2976043=1;
function SelectItemByNumber2976043(num) {
document.getElementById("b2976043"+num).style.backgroundPosition = "-450px 0px";
}
SelectItemByNumber2976043(currentItem2976043);
function mOv2976043 (num) {
document.getElementById("b2976043"+num).style.backgroundImage = "url(menu63979982.jpg)";
}
function mOut2976043 (num) {
document.getElementById("b2976043"+num).style.backgroundImage = "url(menu54536390.jpg)";
}
</script>
does anyone know whats wrong? Hey, I was wondering how I'd get a top menu bar like this site has: http://fusedfilm.com/ (at the very top "Film Network") I know that this is in the page source, but obviously that's not all the code. Code: <div id="topmenubar" align="center"> <div> <a href="http://filmshaft.com">Film Shaft</a> <a href="http://movieviral.com">Movie Viral</a> </div> </div> Thanks, Nick Currently I'm using a web script where the on the navigation menu you select the word "log-in" and when you log in, the word in the nav menu changes to "log out", (enabling the user to select "log-out" when he wants to log out). Here is the menu code: Code: <div class="menuh"> <ul> <li><a href="[var.base_url]">home</a></li> <li><a href="[var.login_out_link]">[var.login_out]</a></li> </ul></div> I've had someone change the look of the nav menu, and the code now looks like this: Code: <tr><td class="menu"> <table><tr> <td><a class="btn_home" href="[var.base_url]"> </a></td> <td><a class="btn_login" href="[var.login_out_link]">[var.login_out] </a></td> </td></tr></table> </td></tr> However, the old word "log-in" still appears (above the new log-in button, and changes to "log-out", as before). How can I get the new log-in word/button to change to log-out? (and get rid of the old words?) |
|||||||