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
Post a Comment