Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navbar element does not display properly when inserted into an HTML document #7

Open
Warhand opened this issue Mar 9, 2023 · 1 comment

Comments

@Warhand
Copy link

Warhand commented Mar 9, 2023

I'm currently working on a personal project that involves me needing to recreate the windows 95 desktop in HTML. I am not a web developer, so its quite possible I've made some error when it comes to inserting this element, but I've tried a few different solutions with no success.

What I have tried is to put the navbar element into header tags, the body tag, and even outside of the body tag, all with similar levels of success. I've even tried to convert some of the elements into inline elements, with no effect.

image
The obvious issue here is that not only are the

  • elements displaying with the default list-style, when that should be set to none. In addition, all of the disparate elements inside of the navbar are displaying in the wrong places, and are often completely disconnected from the bar itself.

    For context, here is my folder structure.
    image

    And also the document I'm working with (Nothing else is currently being used aside from a CSS stylesheet that changes the background color to the one for windows 95. Everything else is directly from the UI kit, and maintains the folder structure of that kit.)

    Desktop.html: https://gist.github.com/Warhand/b354af11b9e85bdbcb0906ea80d821b4

  • @GabeLarsen
    Copy link

    Only way I figured out how to actually fix the issue ( besides just putting the css inline to override it ) was to actually get the template from his website. The version on here is bugged and I could not get it to do much.

    https://themesberg.com/product/ui-kit/windows-95-ui-kit

    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Labels
    None yet
    Projects
    None yet
    Development

    No branches or pull requests

    2 participants