Jump to content

skoch244

User
  • Posts

    73
  • Joined

  • Last visited

Posts 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. Помогите исправить маленький недочёт в спойлере


    <!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>

    565649m.png

    Как вы видите, контент спойлера заходит за другой спойлер, как это исправить?

    561553m.png

  4. Помогите выравнить блоки по центру


    <!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>

  5. Помогите настроить положение текста в таблице, я уже часа 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>

    516495m.png


  6. <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 нижние таблицы по центру

×
×
  • 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