Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 26th, 2012  |  syntax: None  |  size: 2.21 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. making ul styled buttons the same same size
  2. <ul id="avmenu"><li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li>
  3.     <li>&nbsp;</li><li><a href="index.php">Home</a></li>
  4.     <li>&nbsp;</li><li><a href="care.php">Care</a></li>
  5.     <li>&nbsp;</li><li><a href="table.php">Table</a></li>
  6.     <li>&nbsp;</li><li><a href="photos.php">Photos</a></li>
  7.     <li>&nbsp;</li><li><a href="videos.php">Videos</a></li>
  8.     <li>&nbsp;</li><li><a href="othervideos.php">Other Videos</a></li>
  9.     <li>&nbsp;</li><li><a href="links.php">Links</a></li>
  10. </ul>
  11.        
  12. ul {
  13.     margin: 10px;
  14.     list-style-type: none;
  15.     list-style-position: inside;
  16.     padding: 0px;
  17.     text-align: center;
  18.     font-size: 18px;
  19. }
  20. ul#avmenu{
  21.     margin:35px 0;
  22.     padding:0;
  23.     font:12px Verdana;
  24.     list-style-type: none;
  25. }
  26. ul#avmenu li a {
  27.     padding:5px 10px;
  28.     border:1px solid #aaa;
  29.     background-color:green;
  30.     color:white;
  31.     text-decoration:none;
  32. }
  33. ul#avmenu a:hover{
  34.     background:#fff;
  35.     color:#222;
  36. }
  37. ul#avmenu li.current a {
  38.     border:1px solid #777;
  39. }
  40.        
  41. ul#avmenu li a {
  42.     padding:5px 10px;
  43.     border:1px solid #aaa;
  44.     background-color:green;
  45.     color:white;
  46.     text-decoration:none;
  47.     display:block;
  48. }
  49.        
  50. <style type="text/css">
  51. ul {
  52.     margin: 10px;
  53.     list-style-type: none;
  54.     list-style-position: inside;
  55.     padding: 0px;
  56.     text-align: center;
  57.     font-size: 18px;
  58. }
  59. #avmenu{
  60.     margin:35px 0;
  61.     padding:0;
  62.     font:12px Verdana;
  63.     list-style-type: none;
  64. }
  65. #avmenu li a {
  66.     padding:5px 10px;
  67.     border:1px solid #aaa;
  68.     background-color:green;
  69.     color:white;
  70.     text-decoration:none;
  71. }
  72. #avmenu a:hover{
  73.     background:#fff;
  74.     color:#222;
  75. }
  76. #avmenu li.current a {
  77.     border:1px solid #777;
  78. }
  79. </style>
  80. <ul id="avmenu"><li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li>
  81. <li>&nbsp;</li><li><a href="index.php">Home</a></li>
  82. <li>&nbsp;</li><li><a href="care.php">Care</a></li>
  83. <li>&nbsp;</li><li><a href="table.php">Table</a></li>
  84. <li>&nbsp;</li><li><a href="photos.php">Photos</a></li>
  85. <li>&nbsp;</li><li><a href="videos.php">Videos</a></li>
  86. <li>&nbsp;</li><li><a href="othervideos.php">Other Videos</a></li>
  87. <li>&nbsp;</li><li><a href="links.php">Links</a></li>
  88. </ul>
  89.        
  90. display:block;
  91. width:<width>px;
  92.        
  93. ul#avmenu li{
  94.     margin:12px 0;
  95. }
create a new version of this paste RAW Paste Data