如何使下拉菜单仅显示一半或四分之一窗口大小？

Question

Like on IGN I would like to make it so that within my E-Magazine I can change the top tabs from the line layout, to a drop down menu, like IGN does when the website window is made too small.

I haven't tried this, I have researched it but haven't found anything that I have felt comfortable trying. However, here is the current code I have:

 <h5 id="tabdiv"> <a href="index.html">Home</a> &emsp;&emsp; <a href="reviews.html">Reviews</a> &emsp;&emsp; <a href="interviews.html">interviews</a> &emsp;&emsp; <a href="apply.html">Apply</a> &emsp;&emsp; <a href="login register.html">Login / Sign Up</a>

And here is the output of the code.

Answer 1

Here is an example of how to make a dropdown with HTML

 select.example { max-width: 15%; }

 <select class="example"> <option value="stackoverflow">Stackoverflow</option> <option value="google">Google</option> <option value="yahoo">Yahoo</option> <option value="wired">Wired</option> <option value="theoatmeal">The Oatmeal</option> </select>

With your stuff being in an E-zine, the style="" tag will probably have to be utilized. <select class="example" style="max-width: 15%;">

---

Without knowing more all I can do it give you basics that you should honestly know before you even post here. You have to learn and make your own attempt so we can see what you need exactly.

Posting un-related code that is contrary to what you're trying to do doesn't really help us help you much.