Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I have a side menu that i want to be show just when the user minimize the screen : (And will also appear on cell phones)
<button class="???" onclick="toggleMenu()">☰</button>
How can i do it ?
You'll need to make use of CSS media screen queries here to make sure your menu can account for smaller and larger screen sizes.
I'd recommend looking at something like Bootstrap or similar libraries to help you along the road with that.
Good link for reference: https://getbootstrap.com/docs/4.0/components/navbar/#responsive-behaviors
If you don't want to use Bootstrap and would rather make your own CSS classes to handle this, you'll have to experiment with examples such as this: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I am looking for ideas for ways that I can best create nested boxes as shown in the image below. Ideally I would like to do this in HTML with CSS but I can also leverage a framework like bootstrap or similar for styling.
https://imgur.com/a/bFiyzkV
I would like to also be able to link to other pages as a user clicks on the label within each box for additional details on a separate page.
I have basic HTML/CSS experience.
Thanks,
Bob
This can be achieved using the CSS Grid spec - see nested example:
https://gridbyexample.com/examples/example21/
Or using flexbox (which is how Bootstrap do it) see:
https://getbootstrap.com/docs/4.3/layout/grid/#nesting
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
im making an navigation bar but when im setting the font size higher of my list it does not collapse good so i wanted to change the breakpoint. I saw many answers how to fix it but none of it worked so im asking if you guys know how i can fix this?
Best and easiest way would be to compile and download a custom Bootstrap CSS file by going to the Customize and download page from Bootstrap, adjusting the breakpoints of the media queries and finally clicking the button at the bottom of the page 'Compile and download'. It should be working for any version of bootstrap as far as I know.
Hope it helps you somehow.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I want to make a website which scales to window size/resolution.
Currently I am using tables which are not scaling, but instead overlap each other as I resize browser window.
What do I use in order to solve my problem?
Thanks
Search about Responsive Design, meaning the design and the implementation of a website so that it can be optimally displayed in a wide range of screen resolutions. Look here for more.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
sorry about asking a question like this but I am just getting the hang on Dreamweaver and using margins seems harmless at the start but once I progressed in building my page objects seem to be out of place, is there something i can do to help with this?
Using margins everywhere will cause a problem when you resize your browser or check your website on a smaller screen.
You can check this website learnlayout.com to learn the basics of div based layouts.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I essentially want to be able to scale the entire site (images, elements, the whole sha-bang) to what ever browser size window the user is using. Anyone have success doing this and would be willing to share how?
I'm using HTML 5 by the way.
You need to start thinking about sizing your elements using percentages instead of pixels.
Take a look at this simple example and it may help you on your way. Good luck.
http://jsfiddle.net/hACbn/1/
Take a look at using responsive layouts:
Here's a half decent framework to get you started
http://gridpak.com/