Jump to content

Search the Community

Showing results for tags 'menubar'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 3 results

  1. I'm building a web page, and started with a simple layout: there is a banner and a menu at the top, and the welcome page after it. People may then select an item from the menu at the top or the image links at the main page, and go to other subpages. But the idea is that those subpages should be loaded in the area below the menu, the menu itself and the banner should remain in place, not reloaded each time the visitor navigates around. I have seen some instructions but they always rely in frames or frame-related tags. It has been made abundantly clear that those are not compatible with HTML5 and have many drawbacks, but then, which is the modern way to do that? Note that most or all major pages in internet do this regardless of their format (limit the navigation to a part of the page, while keeping links at the top, bottom, left or right in their place), so I'm sure that I'm not asking about some outdated idea. The W3Schools page itself, after all, does this.
  2. I'm trying to set up a template for a website, with a responsive top border with dropdowns in the navigation bar. I thought I had it all working at one time, but have gone back to previous files to no avail. The menu is responsive, and goes down into a hamburger icon, but clicking on the hamburger icon does nothing. I'm trying to do this without using too many external files. I think the problem must be in the javascript function combined with the media queries, but I haven't been able to see the problem. I used the W3Schools responsive navbar with dropdowns, from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown as a basis for this. The files I have are index.htm, a top border file, top.htm in the folder _borders, and 2 css files in a css folder: mystyles.css and topnav.css. This is the basic code from index.htm. I excluded site-identifying code and content. I've attached the other 3 files - didn't know how to paste them here separately. In the top.htm and index.htm I've commented out references to the mystyles.css file and it doesn't make any difference. I'm using Brackets for this, and using Live Preview. If I just open the index file directly in Chrome or Firefox, there is no formatting, no nav bar or menu. But it looks just lovely in the Brackets Live Preview (other than the hamburger icon not responding. With my working website, I can open the index file in Chrome or Firefox and all is good. If someone can provide some direction I'd really appreciate it! <!DOCTYPE html> <html lang="en-us"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="author" content="USTaxTips.net"/> <link rel="stylesheet" href="../css/mystyles.css"> <link rel="shortcut icon" href="/favicon.ico"> </head> <body> <div w3-include-html="_borders/top.htm"></div> <script> includeHTML(); </script> <div id="container"> </div> </body> </html> mystyles.css topnav.css top.htm
  3. Hi, I recently codded a html im kinda new i need help by getting a better stylish nav bar or menu bar here is the coding. Could you please tell me what to do or just copy my codding make it the same but have a menu or nav bar. For any proposes this is my website - http://jackaust.cf/ i also have all the htmls like index about and more. index.html <html> <head> <title>Jackaust | Home </title> </head> <![if !IE]> <link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" /> <![endif]> <!-- This is needed for IE --> <link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" /> <body bgcolor="#474747"> <body background ="IMG/test3.jpg"> <center> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img src="IMG/banner2.png"> </td> </tr> </table> <table widgth="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <br> <font face="Lucida Fax" size="15" color="#fff"> <body link="white" link="white"> <a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> | <a href="downloads.html">Downloads</a> </font> </td> </tr> </table> <br> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <H1> <font face="Arial" size="15" color="#fff"> <br> <B><U>Welcome People To Jackaust Official Website!</B></U> <br> <br> <H4> <font face="Arial" size="4" color="#ffffff"> Welcome to my website it took ages to make through html finally its done! </H1> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> about.html <html> <head> <title>Jackaust | About </title> </head> <![if !IE]> <link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" /> <![endif]> <!-- This is needed for IE --> <link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" /> <body bgcolor="#474747"> <body background ="IMG/test3.jpg"> <center> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img src="IMG/banner2.png"> </td> </tr> </table> <table widgth="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <br> <font face="Lucida Fax" size="15" color="#fff"> <a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> | <a href="downloads.html">Downloads</a> </font> </td> </tr> </table> <br> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <H1> <font face="Arial" size="15" color="#fff"> <br> <B><U>About Me</B></U> <br> <br> <H4> <font face="Arial" size="4" color="#ffffff"> I'm Jackaust and I make YouTube videos and play alot of games! </H1> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> videos.html <html> <head> <title>Jackaust | Videos </title> </head> <![if !IE]> <link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" /> <![endif]> <!-- This is needed for IE --> <link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" /> <body bgcolor="#474747"> <body background ="IMG/test3.jpg"> <center> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img src="IMG/banner2.png"> </td> </tr> </table> <table widgth="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <br> <font face="Lucida Fax" size="15" color="#fff"> <a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> | <a href="downloads.html">Downloads</a> </font> </td> </tr> </table> <br> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <H1> <font face="Arial" size="15" color="#fff"> <br> <B><U>Videos</B></U> <br> <br> <H4> <font face="Arial" size="4" color="#ffffff"> <li><a href="https://www.youtube.com/channel/UCMYDsxDPlFPEk7UKGhiKDiw"><img src="IMG/photo.jpg" alt=""><span style="position:relative;bottom:20px;"></span></a></li> These are my some of my YouTube Videos </H1> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> Downloads.html <html> <head> <title>Jackaust | Home </title> </head> <![if !IE]> <link rel="icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/x-icon" /> <![endif]> <!-- This is needed for IE --> <link rel="shortcut icon" href="http://www26.online-convert.com/dl/web2/download-file/548acf9d-4132-4fa8-9169-14a465f8c8a8/photo_4_.ico" type="image/ico" /> <body bgcolor="#474747"> <body background ="IMG/test3.jpg"> <center> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img src="IMG/banner2.png"> </td> </tr> </table> <table widgth="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <br> <font face="Lucida Fax" size="15" color="#fff"> <a href="index.html">Home</a>| <a href="about.html">About</a> | <a href="videos.html">Videos</a> | <a href="downloads.html">Downloads</a> </font> </td> </tr> </table> <br> <table width="1908" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <H1> <font face="Arial" size="15" color="#fff"> <br> <B><U>Here you can download items.</B></U> <br> <br> <H4> <font face="Arial" size="4" color="#ffffff"> Nouthing to download </H1> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
×
×
  • Create New...