Jump to content

skoch244

User
  • Posts

    73
  • Joined

  • Last visited

Everything posted by skoch244

  1. Обобщаю, при наведении на #mn1 должно открывать меню #mn2, принцип как и у ul, но я не понимаю принцип, делал через видео, но там по английски базарил, если есть видео или самоучитель на русском то я был бы очень благодарен
  2. Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a></div> <div id="mn2"><a id="a11" href="#">MENU</a></div> <div id="mn2"><a id="a11" href="#">MENU</a></div> </body> </html> Как задать правильный :hover мне кажется ошибка в нем
  3. Если честно не вижу смысла разделять картинку, разных ссылок не имеют, зачем резоть то надо было если не секрет?
  4. Сделай рамку цветом #336699, и сверь, разница существенная
  5. Всё, сделал, не совсем сам но сделал, ловите Свечение в input P.S. Не всечение, а свечение, я описался
  6. outline: 1px solid #336699; Мне всечение а не рамка нужна, это две разные вещи
  7. Свечение при клике, не желтое, а другого цвета
  8. Спасибо, только вот свечение хотелось бы, а не тупо границы с цветом
  9. Вот к примеру тег <table></table> хочу как здесь, просто отображался, без воздействия
  10. Как сделать так что бы убрать действие ТЕГА(кода). К примеру <code></code> не действует на HTML, что можете посоветовать?
  11. Можно ли как нибудь сделать границы (border) полупрозрачными?
  12. Помогите исправить маленький недочёт в спойлере <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.s1 { display: block; width: 200px; height: 30px; } A.s1:hover { background: #33CC00; border: 3px double #339900; } A.s2 { display: block; width: 200px; height: 30px; } A.s2:hover { background: #FF0000; border: 3px double #CC0000; } .m1 { display:block; width: 200px; height: 30px; margin:0 auto; } .m11 { display:none; padding-top: 0px; } .m1:hover .m11 { display:block; } .p1 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 10px; } .p2 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 20px; } A { text-decoration: none; } </style> </head> <body bgcolor="#f0f0f0"> <div class="m1"> <a href="#" class="s1"><div class="p1">asd</div></a> <div class="m11"> <a href="#" class="s2"><div class="p2">123</div></a></a></div></div> <div class="m1"> <a href="#" class="s1"><div class="p1">asd</div></a></a> <div class="m11"> <a href="#" class="s2"><div class="p2">123</div></a></a></div></div> </body> </html> Как вы видите, контент спойлера заходит за другой спойлер, как это исправить?
  13. Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style> </head> <body bgcolor="black"> <div id="t1"><a href="#" class="S1"><div class="p1">1</div></a></div> <div id="t2"><a href="#" class="S1"><div class="p1">1</div></a></div> </body> </html>
  14. Спасибо большое, реально спас, второй способ подошел)))
  15. Фотку от этого исходника залил, щас в суть вник???
  16. Помогите настроить положение текста в таблице, я уже часа 3 сижу ничего по толку сделать не могу, помогите!!! В таблице есть картинка которая всплывает при наведении, как видите она находится в таблице, из-за картинки текст смещается чуть-чуть вверх, а мне надо чётко по середине, как по вертикале так и по горизонтале. Помогите пожалуйста))) <html> <head> <style type="text/css"> A.S1 { display: block; width: 200px; height: 30px; } A.S1:hover { background: url(1.gif); (Ссылка на всплывающую картинку) } </style> </head> <body> <table border="0" cellspacing="0"> <tr> <td width="200" height="30" align="center"><a href="#" class="S1">menu</a></td> </tr> <tr> <td width="200" height="30" align="center"><a href="#" class="S1">menu</a></td> </tr> <tr> <td width="200" height="30" align="center"><a href="#" class="S1">menu</a></td> </tr> <table> </body> </html>
  17. Тысячу извинений не в курсе был, первый день у вас, но всё таки, как сместить то???
  18. <table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру
  19. <table cellspacing="0" width="200" height="800"> <tr> <td> </td> </tr> </table> <table border="1" cellspacing="0" width="600" height="800"> <tr> <td> </td> </tr> </table>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy