html - how to restrict div resize? -


i have menu bar , code follows

<div style="background:#000; height: 25px;">     <div  style="margin-left: 25%; margin-right: 20%; font:13px/27px arial,sans-serif;">         <a href="1.html"  style="text-decoration:none; color:#333;"><div class="activemenu" name="menunew">1</div></a>             <div class="activemenu" name="menunew"></div>             <a href="#" ><div class="activemenu" name="menunew">2</div></a>             <a href="#" ><div class="activemenu" name="menunew">3</div></a>             <a href="#"><div class="activemenu" name="menunew">4</div></a>             <a href="#">5</div></a>             <a href="register.html"  style="text-decoration: none;" ><div class="activemenu" name="menunew">6</div></a>         </div>     </div> 

when resize browser window , menus inside div, keep piling on each other , looks pretty bad

i want restrict menu resize when resize screen ?

you can use min , max , height/width blocks

<div style = "min-height : 300px; max-height : 1024px"> smthn </div> 

the above div not exceed 1024px , go below 300px in height. can try same width also.


Comments

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -