Бешеное меню

Evgen8 · January 7, 2012

При переходах на разные страницы сайта, меню сайта меняет свою позицию(вверх и вниз прыгает).Помогите настроить позицию.Начал делать сайты только две недели назад.

Код в html:


<div id="vert_menu">
<ul>
 <li><a href="http://aboutme2.h16.ru/"><span>???????</span></a></li>
 <li><a href="minecraf-t.3dn.ru.html"><span>Minecraf-t.3dn.ru</span></a></li>
 <li><a href="????????? v2.0.html"><span>????????? v2.0</span></a></li>
 <li><a href="??? ?????.html"><span>??? ?????</span></a></li>
 <li><a href="Minecraft.html"><span>Minecraft</span></a></li>
 <li><a href="v1.0.html"><span>v1.0</span></a><li>
</ul>
</div>

Код css:


ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 25%;
        display: absolute;
        }
img {
		border: none;
}		
#vert_menu {
		font-weight: bold;
        font-family: Verdana, Helvetica, sans-serif;
        text-decoration: none;	
        font-size: 80%;
        width: 202px;
        }
#vert_menu li {
        height: 37px;
        }
#vert_menu li a:link, #vert_menu li a:visited {
        text-decoration: none;	
        color: #abc6ff;
        display: block;
        background:  url(vert_menu.png) 0 0 no-repeat;
        padding: 10px 0 10px 10px;
        }
#vert_menu li a:hover, #vert_menu li #current {
        color: #FFF;
        background: url(vert_menu.png) 0 -37px no-repeat;
        padding: 10px 0 10px 15px;
        }

Edited January 7, 2012 by Evgen8

Softlink · January 7, 2012

Вы для начала переверстайте само меню правильно.

1) например, display:absolute; - такого не существует.

2) а вы ставите сразу на cms? Быть может скачет из-за того, что у вас ссылки изначально не блочные, а на текущей странице одна из них становится вдруг блочной. Ну это так, размышления.

Evgen8 · January 7, 2012

Вы для начала переверстайте само меню правильно.
1) например, display:absolute; - такого не существует.
2) а вы ставите сразу на cms? Быть может скачет из-за того, что у вас ссылки изначально не блочные, а на текущей странице одна из них становится вдруг блочной. Ну это так, размышления.

Не особо понял.Может представите свой вариант кода...

Arantir · January 7, 2012

Evgen8,

Попробуйте поместить меню внутрь body и задайте ему "position: absolute;". Тогда на его размещение не должны влиять другие элементы, из-за которых оно, вероятно, и скачет.

Edited January 7, 2012 by Arantir

Evgen8 · January 7, 2012

Evgen8,
Попробуйте поместить меню внутрь body и задайте ему "position: absolute;". Тогда на его размещение не должны влиять другие элементы, из-за которых оно, вероятно, и скачет.

У меня не вышло.Может приведешь пример в коде....

Softlink · January 7, 2012

Не особо понял.Может представите свой вариант кода...

У меня не вышло.Может приведешь пример в коде....

Может не надо клянчить код, а самому разобраться? У вас ошибок полно. Если даже кто-то и напишет вам код, то вы не думая воткнете его себе на страницу, а через некоторое время опять вернетесь с этими же элементарными вопросами.

Arantir · January 7, 2012

У меня не вышло.Может приведешь пример в коде....

Пример:


<html>
<head>
<style>
#menu {
border: 1px solid;
width: 160px;
height: 170px;
position: absolute;
left: 100px;
top: 50px;
}
</style>
</head>
<body>
<div id="menu">
<ul>
 <li><a href="http://aboutme2.h16.ru/"><span>Aeaaiay</span>
</a></li>
 <li><a href="minecraf-t.3dn.ru.html"><span>Minecraf-t.3dn.ru</span>
</a></li>
 <li><a href="Eciaiaiey v2.0.html"><span>Eciaiaiey v2.0</span></a></li>
 <li><a href="Iie aaaec.html"><span>Iie aaaec</span></a></li>
 <li><a href="Minecraft.html"><span>Minecraft</span></a></li>
 <li><a href="v1.0.html"><span>v1.0</span></a><li>
</ul>
</div>
</body>
</html>

Edited January 7, 2012 by Arantir

Evgen8 · January 7, 2012

Не помогло! :facepalmxd:

Edited January 7, 2012 by Evgen8

Arantir · January 7, 2012

Не помогло!

Дай более полный код сайта. Вот так от финта трудно сказать, от чего оно прыгает. Вероятно его сдвигают другие элементы.

Edited January 7, 2012 by Arantir

Evgen8 · January 7, 2012

Полный код сайта:

<html>

<table border="1" rules="none" width="100%" height="100%" frame="void" cellpadding="4"> 
<head>  
 <tr>
    <title>Мой сайт??</title>
    <link href="css.css" rel="stylesheet" type="text/css" /> 
   <td colspan="3" width="100%" height="18%">
        <header>
        <div align="center"><img src="Кошка2.jpg" height="160%" width="95%"></div> 
        </header>
   </td> 
 </tr>
</head>
<body>

 <tr> 
   <td width="14%" height="100%">

<div id="vert_menu">
<ul>
 <li><a href="http://aboutme2.h16.ru/"><span>Главная</span></a></li>
 <li><a href="minecraf-t.3dn.ru.html"><span>Minecraf-t.3dn.ru</span></a></li>
 <li><a href="Изменения v2.0.html"><span>Изменения v2.0</span></a></li>
 <li><a href="Мой девиз.html"><span>Мой девиз</span></a></li>
 <li><a href="Minecraft.html"><span>Minecraft</span></a></li>
 <li><a href="v1.0.html"><span>v1.0</span></a><li>
</ul>
</div>
</td> 


    <td width="64%" height="100%">

	<hr color="#9">
	<h1 align="center" color="#c0"><font size="+7" color="#30f">Minecraft</font></h1>
	<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Minecraft_Title.png/256px-Minecraft_Title.png" width="500" hspace="3" vspace="3" style="float:right;">
	<font size="+1">Minecraft-компьютерная игра от первого лица , есть возможность переключения на вид от третьего лица.По стилю игры мир состоит полностью из кубиков.Жанр игры - шахтерское ремесло.Разработана шведским программистом Маркусом Перссоном (англ. Markus Persson), известным также как «Notch» (рус. Нотч). Игра была задумана как клон игры Infiniminer, хотя Перссон хочет, чтобы геймплей был больше похож на Dwarf Fortress.Игра написана на Java с использованием библиотеки LWJGL.
Minecraft разрабатывался в течение недели, до того как был впервые публично объявлен на форумах TIGSource, где он сначала получил большую популярность, которая привела к созданию форума, посвящённого Minecraft, вики и канала IRC.
Долгое время была в состоянии альфа и бета тестирования и 18 ноября 2011 года, на параде Minecon, вышел официальный релиз игры.</font><br>
<br>
<hr color="#9">
<h1 align="center" color="c0"><font size="+7" color="#30f">Геймплей</font></h1>
<h3><u>Режимы игры</u></h3>
<font size="+1">
В настоящие время Minecraft имеет три стиля игры - Творческие , Хардкор и Выживание.<br>
Первоночально игра продовалась с бесплатным пожизненным обновлением.Однако 20 декабря 2010, с переходом в стадию Beta, игра стала платной, опять же, с пожизненным обновлением. Стоимость игры в период бета-тестирования была снижена на 25 % и составляла 14,95 Евро. После выхода полной версии эта цена увеличилась до € 19,95.</font><br>
<h3><u>Креативный</u></h3><br>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Minecraft_classic.png/220px-Minecraft_classic.png" style="float:right;" hspace="3" vspace="3" height="200">
Для игры в Креативном режиме не нужно приобретать игру. Игра происходит прямо в браузере или в игровом клиенте для премиум игроков (во время игры в браузере используется более старая версия игры, нижеперечисленное в большинстве описывает преимущества клиентской версии).
Режим отличается от «выживания» тем, что нельзя умереть (исключение — падение в «пустоту»), можно летать, а количество блоков не ограничено.
В этом режиме игроку даётся неограниченное количество всех блоков, что присутствуют в игре (исключение — воздух и пустота, а также мобы). Также в этом режиме игрок может строить из блоков всё, что пожелает и может создавать что-то вроде трёхмерного пиксель-арта.
Креативный режим действительно даёт абсолютную свободу для творчества: строить можно все, вплоть до летающих островов и грибных деревень, а так же возводить замки и форты, корабли и американские горки.<br>
<h3><u>Выживание</u></h3>
<img src=http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Minecraft_beta_version_1_0_2.png/220px-Minecraft_beta_version_1_0_2.png" style="float:right;" hspace="3" vspace="3" height="200">
В режим Выживание могут играть только игроки, купившие игру. Над этим режимом Нотч активно работает и регулярно обновляет.
В режиме Выживания, как и в Креативном режиме, основной задачей является строительство, но в него также включен ряд дополнительных сложностей. Игрок не просто строит, он пытается выжить на необитаемой земле, где нужно ещё и добыть еду. День длится только 10 минут — стоит только солнцу скрыться за горизонтом, как игрока пытаются атаковать различные монстры. Поэтому первая задача в первый день — построить для себя жилище (обычно это землянка с забаррикадированным входом).<br clear="all">
<h3><u>Хардкор</u></h3>
Данный режим почти ничем не отличается от выживания.Но при смерти игрока ваш игровой мир удалится.
<br clear="all">
<hr color="#9">


	</td> 
 </tr> 
</body>
</table>

</html>

Полный css код:

body {
    background: url(23.jpg)    
       }

A:link {COLOR: #666666; TEXT-DECORATION: none}
A:visited {COLOR: #666666; TEXT-DECORATION: none}
A:active {COLOR: #666666; TEXT-DECORATION: none}
A:hover {COLOR: #666666; TEXT-DECORATION: none}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
        }
img {
                border: none;
}               
#vert_menu {
            border: 1px solid;
            width: 203px;
            height: 223px;
            position: relative;

        }
#vert_menu li {
        height: 37px;
        }

#vert_menu li a:link, #vert_menu li a:visited {
        text-decoration: none;  
        color: #abc6ff;
        display: block;
        background:  url(vert_menu.png) 0 0 no-repeat;
        padding: 10px 0 10px 10px;
        }

#vert_menu li a:hover, #vert_menu li #current {
        color: #FFF;
        background: url(vert_menu.png) 0 -37px no-repeat;
        padding: 10px 0 10px 15px;
        }

Помогите мне , не выходит настроить! :unsure:

Arantir · January 8, 2012

Evgen8,

Вообще-то я имел ввиду хотя бы 2 страницы, чтобы понять из-за чего оно изменило позицию на второй. Но, знаешь... Для начала не мешало бы исправить кучу ошибок.

Не мешало бы DOCTYPE поставить, раз уж ты используешь теги из HTML5.
<html>
<table border="1" rules="none" width="100%" height="100%" frame="void" cellpadding="4"> Нельзя засунуть head и body в таблицу! Теги не должны находится за пределами body, head и footer, только внутри.
<head>
Тут следует поставить <table>.
<tr>
<title>Мой сайт??</title>
<link href="css.css" rel="stylesheet" type="text/css" /> В html не надо закрывающего слэша.
<header>
<div align="center"><img src="Кошка2.jpg" height="160%" width="95%"></div>
</header> Это должно находится в body.
</td>
</tr>
Тут следует поставить </table>.
</head>
<body>
Тут следует поставить <table>.
<tr>
<td width="14%" height="100%">
<div id="vert_menu">
<ul>
<li><a href="http://aboutme2.h16.ru/"><span>Главная</span>
</a></li>
<li><a href="minecraf-t.3dn.ru.html"><span>Minecraf-t.3dn.ru</span>
</a></li>
<li><a href="Изменения v2.0.html"><span>Изменения v2.0</span></a></li>
<li><a href="Мой девиз.html"><span>Мой девиз</span></a></li>
<li><a href="Minecraft.html"><span>Minecraft</span></a></li>
<li><a href="v1.0.html"><span>v1.0</span></a><li>
</ul>
</div>
</td>
<td width="64%" height="100%">
<hr color="#9">
<h1 align="center" color="#c0"><font size="+7" color="#30f">Minecraft</font></h1>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Minecraft_Title.
png/256px-Minecraft_Title.png" width="500" hspace="3" vspace="3" style="float:right;">
<font size="+1">Minecraft-компьютерная игра от первого лица , есть возможность переключения на вид от третьего лица.По стилю игры мир состоит полностью из кубиков.Жанр игры - шахтерское ремесло.Разработана шведским программистом Маркусом Перссоном (англ. Markus Persson), известным также как «Notch» (рус. Нотч). Игра была задумана как клон игры Infiniminer, хотя Перссон хочет, чтобы геймплей был больше похож на Dwarf Fortress.Игра написана на Java с использованием библиотеки LWJGL.
Minecraft разрабатывался в течение недели, до того как был впервые публично объявлен на форумах TIGSource, где он сначала получил большую популярность, которая привела к созданию форума, посвящённого Minecraft, вики и канала IRC.
Долгое время была в состоянии альфа и бета тестирования и 18 ноября 2011 года, на параде Minecon, вышел официальный релиз игры.</font><br>
<br>
<hr color="#9">
<h1 align="center" color="c0"><font size="+7" color="#30f">Геймплей</font></h1>
<h3><u>Режимы игры</u></h3>
<font size="+1">
В настоящие время Minecraft имеет три стиля игры - Творческие , Хардкор и Выживание.<br>
Первоночально игра продовалась с бесплатным пожизненным обновлением.Однако 20 декабря 2010, с переходом в стадию Beta, игра стала платной, опять же, с пожизненным обновлением. Стоимость игры в период бета-тестирования была снижена на 25 % и составляла 14,95 Евро. После выхода полной версии эта цена увеличилась до € 19,95.</font><br>
<h3><u>Креативный</u></h3><br>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Minecraft_classic.
png/220px-Minecraft_classic.png" style="float:right;" hspace="3" vspace="3" height="200">
Для игры в Креативном режиме не нужно приобретать игру. Игра происходит прямо в браузере или в игровом клиенте для премиум игроков (во время игры в браузере используется более старая версия игры, нижеперечисленное в большинстве описывает преимущества клиентской версии).
Режим отличается от «выживания» тем, что нельзя умереть (исключение — падение в «пустоту»), можно летать, а количество блоков не ограничено.
В этом режиме игроку даётся неограниченное количество всех блоков, что присутствуют в игре (исключение — воздух и пустота, а также мобы). Также в этом режиме игрок может строить из блоков всё, что пожелает и может создавать что-то вроде трёхмерного пиксель-арта.
Креативный режим действительно даёт абсолютную свободу для творчества: строить можно все, вплоть до летающих островов и грибных деревень, а так же возводить замки и форты, корабли и американские горки.<br>
<h3><u>Выживание</u></h3>
<img src=http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Minecraft_beta_version_1_0_2.
png/220px-Minecraft_beta_version_1_0_2.png" style="float:right;" hspace="3" vspace="3" height="200">
В режим Выживание могут играть только игроки, купившие игру. Над этим режимом Нотч активно работает и регулярно обновляет.
В режиме Выживания, как и в Креативном режиме, основной задачей является строительство, но в него также включен ряд дополнительных сложностей. Игрок не просто строит, он пытается выжить на необитаемой земле, где нужно ещё и добыть еду. День длится только 10 минут — стоит только солнцу скрыться за горизонтом, как игрока пытаются атаковать различные монстры. Поэтому первая задача в первый день — построить для себя жилище (обычно это землянка с забаррикадированным входом).<br clear="all">
<h3><u>Хардкор</u></h3>
Данный режим почти ничем не отличается от выживания.Но при смерти игрока ваш игровой мир удалится.
<br clear="all">
<hr color="#9">
</td>
</tr>
Тут следует поставить </table>.
</body>
</table> Это следует убрать.
</html>

Не удивительно, что сайт отображается не совсем так, как ты хотел... Раз уж ты зарегистрировался на это сайте, то прочти полностью - http://htmlbook.ru/samhtml . Там как раз рассказывается о том, в чем ты допустил ошибки.

Edited January 8, 2012 by Arantir

Evgen8 · January 8, 2012

Я на всех страницах исправлю эти ошибки и скину.

Трех страниц хватит?

Evgen8 · January 8, 2012

Исправил ошибки , проблема решилась сама по себе. Благодарен Arantir. :yahoo:

Sign In

Бешеное меню

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information