Prosto_roam
-
Posts
1 -
Joined
-
Last visited
Prosto_roam's Achievements
Explorer (1/14)
0
Reputation
-
Ну в общем нужно, чтобы меню было как-бы сверху всего(чтобы колонки были над текстом а не под ним) и выдвигающиеся колонки справа при наведении, я сколько делал ничего не выходило. Спасибо за помощь заранее. Вот код html: <html><head><title></title><link rel="stylesheet" type="text/css" href="tablica3.css"></head><body class="telo"><div class="header"></div><div class="menu"><a href="index.html" class="a"><font class="cvet2">Главная</font></a></div><div class="wrapper"><div class="item1_norm" onmouseover="this.className='item1_hover';" onmouseout="this.className='item1_norm';"><a href="" class="b"><font class="cvet2">Разделы</a><a href="" class="b">Фильмы</a><a href="" class="b">Игры</a><a href="" class="b">Музыка</a><a href="" class="b">Книги</font></a></div></div><div class="wrapper"><div class="item1_norm" onmouseover="this.className='item1_hover';" onmouseout="this.className='item1_norm';"><a href="" class="b"><font class="cvet2">F.A.Q</a><a href="" class="b">План разработки</a><div class="item1_norm" onmouseover="this.className='item1_hover';" onmouseout="this.className='item1_norm';"><a href="" class="b">Обратная связь</font></a></div></div><div class="menu2"><a href="index.html" class="c"><font class="cvet2">О нас</font></a></div></div><div class="zal"><font color="red">ТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекстТекст</div></body></html> код CSS:.zal{background:white;width:1360px;height:400px;margin-left:270px;margin-top:20px;} .wrapper a { width: 350px; height: 60px; display:block; background: #444; color: green; text-decoration: none;text-align:center;} .wrapper a:hover {display:block;background: #0186ba;color:#00FF00;} .item1_norm{ width: 350px; height: 60px; float: left; overflow: hidden;} .item1_hover { width: 350px; height: 60px; float: left; overflow: visible; left: 250px;} .a{ text-decoration: none; color: red; /* Цвет обычной ссылки */background: #444; /* Цвет фона */ width: 100%;height:100%; float:left;padding: 0%; border: solid silver 0px;border-radius: 50px 0 0 50px; display: table-cell;line-height:50px;} .a:hover{ text-decoration: none; color: red; /* Цвет обычной ссылки */background: #0186ba; width: 100%;height:100%; float:left;padding: 0%; border: solid silver 0px;border-radius: 50px 0 0 50px; display: table-cell;line-height:50px;} .b{ text-decoration: none; color: red; /* Цвет обычной ссылки */background: #444; /* Цвет фона */ width: 100%;height:100%; float:left;padding: 0%; border: ;border-radius: ; display: table-cell;line-height:50px;} .b:hover{ text-decoration: none; color: red; /* Цвет обычной ссылки */background: #0186ba; width: 100%;height:100%; float:left;padding: 0%; border: ;border-radius: ;display: table-cell;line-height:50px;} .c{ text-decoration: none; color: red; /* Цвет обычной ссылки */background: #444; /* Цвет фона */ width: 100%;height:100%; float:left;padding: 0%; border: solid silver 0px;border-radius: 0px 50px 50px 0px; display: table-cell;line-height:50px;} .c:hover{ text-decoration: none; color: red; /* Цвет обычной ссылки */background: #0186ba; width: 100%;height:100%; float:left;padding: 0%; border: solid silver 0px;border-radius: 0px 50px 50px 0px; display: table-cell;line-height:50px;} .menu{ margin-left:250px;width:350px;height:60px; float:left;text-align:center;vertical-align: middle;display: table-cell; }.menu2{width:350px;height:60px;float:left;border: 0px solid;border-radius: 50px 0 0 50px;text-align:center;vertical-align: middle;display: table-cell;} .header{width:1900px;height:180px;} .telo { background:black; background-size: 1920px;width:1900px; } .cvet2{text-shadow:2px 2px 2px black;font-family: Tahoma;font-size: 30px;color: green;text-align: center;text-decoration:blink;font-weight: bolder;} .cvet2:hover{text-shadow:2px 2px 2px black;font-family: Tahoma;font-size: 30px;color: #00FF00;text-align: center;text-decoration:blink;font-weight: bolder;}