Zrobiłem menu rozwijane na listach korzystając z gotowca, a chcę także mieć możliwość wstawiania list w dokumencie.
Kod
* { margin: 0; padding: 0; }
#menu { float: left; }
#menu, #menu ul { list-style: none; width: 200px;}
#menu li { position: relative; line-height: 0; /* fix for IE */ }
#menu a{ color: #026836; background: url('pliki/menu1.gif') no-repeat; font-family: Arial; font-size: 14px; text-decoration: none; font-weight: bold; display: lock; width: 200px; text-align: center;line-height: 21px;height: 21px; }
#menu li:hover li a, #menu li:hover li:hover li a
{ color: #026836; background: url('pliki/menu3.gif') no-repeat; font-family: Arial; font-size: 14px; text-decoration: none; font-weight: bold; display: block; width: 130px; text-align: center;line-height: 21px;height: 21px; }
#menu li:hover a, #menu li:hover li:hover a, #menu li:hover li:hover li:hover a { color: #fff;background: url('pliki/menu2.gif') no-repeat;}
#menu li:hover li:hover a, #menu li:hover li:hover li:hover a { color: #fff;background: url('pliki/menu4.gif') no-repeat;}
#menu li ul, #menu li:hover ul li ul { height: 21px; width: 0; overflow: hidden; position: absolute; left: 200px; top: 0; }
#menu li:hover ul, #menu li:hover ul li:hover ul { width: 138px;height: auto; overflow: visible; z-index:1; /* fix for Opera v9.25 and lower */ }
li.tresc{text-decoration: none; text-align: justify; font-family: Arial; font-size: 12px; color: #6e6e6e;list-style: decimal; }
ol.tresc{list-style: decimal; }
#menu { float: left; }
#menu, #menu ul { list-style: none; width: 200px;}
#menu li { position: relative; line-height: 0; /* fix for IE */ }
#menu a{ color: #026836; background: url('pliki/menu1.gif') no-repeat; font-family: Arial; font-size: 14px; text-decoration: none; font-weight: bold; display: lock; width: 200px; text-align: center;line-height: 21px;height: 21px; }
#menu li:hover li a, #menu li:hover li:hover li a
{ color: #026836; background: url('pliki/menu3.gif') no-repeat; font-family: Arial; font-size: 14px; text-decoration: none; font-weight: bold; display: block; width: 130px; text-align: center;line-height: 21px;height: 21px; }
#menu li:hover a, #menu li:hover li:hover a, #menu li:hover li:hover li:hover a { color: #fff;background: url('pliki/menu2.gif') no-repeat;}
#menu li:hover li:hover a, #menu li:hover li:hover li:hover a { color: #fff;background: url('pliki/menu4.gif') no-repeat;}
#menu li ul, #menu li:hover ul li ul { height: 21px; width: 0; overflow: hidden; position: absolute; left: 200px; top: 0; }
#menu li:hover ul, #menu li:hover ul li:hover ul { width: 138px;height: auto; overflow: visible; z-index:1; /* fix for Opera v9.25 and lower */ }
li.tresc{text-decoration: none; text-align: justify; font-family: Arial; font-size: 12px; color: #6e6e6e;list-style: decimal; }
ol.tresc{list-style: decimal; }
Myślałem, że jak nadam inne klasy ol i li to będzie inaczej je traktował, ale niestety dziedziczy po menu i nie punktuje listy. Jak najprościej zrobić, abym mógł w treści punktować sobie listy. Wolałbym menu nie ruszać.
JUŻ ZROBIONE WYSTARCZYŁO USUNĄĆ WPIS: * { margin: 0; padding: 0; }