Как убрать лишнее?
2013-05-04 Дата: Суббота, 04.05.2013, 19:37 | Сообщение # 1
Рядовой
Группа: Зарегистрированные
Статус: Offline
Добрый день форумчане. Помогите разобраться со сложившейся ситуацией. После того как я установил меню с конструктора с сайта (_http://purecssmenu.com/) с ПОДПУНКТАМИ у меня почему-то увеличилось расстоние. Скрины прикладываю и сам код тоже. Мало в этом понимаю и расчитываю на Вашу помощ! Добавлено (04.05.2013, 19:37) --------------------------------------------- Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/stylytest.css" type="text/css" rel="stylesheet"> <title>testim</title> </head> <body>Боди <div align="center" id="obol"> Оболочка <div id="glavob"> Главобол <div id="header">Хедер</div> <div id="nizheader"> <ul class="pureCssMenu pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/indexvideo.html" target="_blank" title="Главная">Главна</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Новости">Новости</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/indexvideo.html" target="_blank" title="Видео"><span>Видео</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Юмор">Юмор</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Интересные факты">Интересные факты</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Фотогаллерея">Фотогаллерея</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Контакты">Контакты</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Контакты2">Контакты2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Контакты3">Контакты3</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Контакты4"><span>Контакты4</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Идея1"><span>Идея1</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Подидея1">Подидея1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Подидея2">Подидея2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Подидея3">Подидея3</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Подидея4">Подидея4</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Подидея5"><span>Подидея5</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="подпод">Подпод1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="подпод2">Подпод2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="подпод3"><span>Подпод3</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="4,1">Под4.1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="4,2">Под4,2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="4,3">Под4,3</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Идея2">Идея2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="Идея3">Идея3</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> </ul> <a id="pcm" href="http://www.ya.ru/"></a> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <div id="leftcolonka"><!--Левая колонка--> <fieldset> <legend>Регистрация</legend> <form action="formdata.php" method="POST" name="form1"> <p>Регистрация на сайте</p> <p><label>Введите Имя:<input type="text" name="name" size="20" maxlength="20"></label></p> <p><label>Введите Пароль:<input type="password" name="password" size="20" maxlength="20"></label></p> <p>Проверили/Запомнили</p><p><label>Да<input type="radio" name="time" value="yes"></label> <label>Нет<input type="radio" name="time" value="no"</label></p> </fieldset> <fieldset> <legend>Спрашиваем :-)</legend> <p>Вам понравился мой сайт?</p> <p><label><input type="checkbox" name="ocenka1">Понравился</label></p> <p><label><input type="checkbox" name="ocenka2">Попрет</label></p> <p><label><input type="checkbox" name="ocenka3">Не очень</label></p> <p><label for="skolkosleep">Сколько часов в день вы спите?</label></p> <p><select name="skolkosleep" size="0" id="skolkosleep"> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>Больше 10ти</option> </select></p> </fieldset> <fieldset> <legend>Что сюда добавить?</legend> <p><label for="text">Что добавить на сайт?</label></p> <p><textarea name="text" cols="25" rows="6" id="text">Пишем не стесняемся :-)</textarea></p> <p><input type="submit" name="submit" value="Зареристрироваться"> <input type="reset" name="reset" value="Сброс"></p> <p><input type="image" src="images/blueButton1.png" name="imageButton.jpg"></p> </fieldset> </form> </div> <div id="pravaiacolonka">Правая колонка</div> <div id="contentvcentre"> <!-- <p>Контент в центре</p>--> <p>Приветствую Вас на моем сайте. Меня зовут Виталий.</p> <img src="images/myfoto.jpg" width="453" height="604" id="myfoto"> <p>Мне 25 лет и я ищу работу веб программиста</p> <p>этот сайт я создал самостоятельно и без чьей нибудь помощи</p> </div> <div id="nizheader">НИЗ 1 из 3</div> <div id="niztricat">Низ посередине</div> <div id="nizzz">Низззззз</div> </div> </div> </body> </html>
Код
body{ background-image:url(../images/1758.png); background-color:#A8BDDB; font-size:14px; font-family:Verdana, Geneva, sans-serif; height:1300px; width:900px; } #obol{ border:0px solid #333; background-image:url(../images/1636.png); background-color:#D6D6D6; height:1500px; width:1200px; } #glavob{ border:0px solid #033; height:1400px; width:1100px; background-color:#D4C2EB; } #header{ border:0px solid #FC3; height:250px; width:1000px; background-image:url(../images/Header.jpg); background-color:#AB4533; } #nizheader{ border:0px solid #093; height:40px; width:100%; background-color:#4EB7D7; } #leftcolonka{ outline:0px solid #999; width:230px; height:950px; float:left; left:108px; background-color:#FCB301; } #pravaiacolonka{ outline:0px solid #999; width:230px; height:950px; float:right; left:908px; background-color:#AFDC96; } #contentvcentre{ overflow:hidden; height:950px; outline:0px solid #F00; width:636px; background-color:#F58A45; } #niztricat{ width:100%; height:30px; border:0px solid #999; background-color:#BC6F9C; } #nizzz{ width:100%; height:20px; border:0px solid #999; background-color:#504F68; } #myfoto{ border:0px solid #333; background-color:#9F6; } #pcm{display:none;} ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#333333; background-repeat:repeat; border-color:#cccccc #111111 #111111 #cccccc; border-width:1px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; float: left; } ul.pureCssMenu ul{ width:133.35px; } ul.pureCssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#333333; border-width:1px; border-color:#333333; border-style:solid; text-align:left; text-decoration:none; padding:2px 5px 2px 10px; _padding-left:0; font:normal 12px Trebuchet MS,Tahoma; color: #cccccc; text-decoration:none; cursor:default; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3px; height:100%; display:inline-block; background-color:#cccccc #111111 #111111 #cccccc; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3px; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#377D9F; border-color:#377D9F; border-style:solid; font:normal 12px Trebuchet MS, Tahoma; color: #FFFFFF; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#377D9F; border-color:#377D9F; border-style:solid; font:normal 12px Trebuchet MS, Tahoma; color: #FFFFFF; text-decoration:none; } ul.pureCssMenu li.dis a { color: #666 !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; height:16px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover a:hover ul{display:block} ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul,ul.pureCssMenu a:hover a:hover a:hover ul ul{display:none} ul.pureCssMenu span{ display:block; background-image:url(./images/arr_white.gif); background-position:right center; background-repeat: no-repeat; padding-right:12px;} ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif); } ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)} ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
2013-05-04 Дата: Суббота, 04.05.2013, 20:01 | Сообщение # 2
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Vitaliu2000 , Добрый день форумчане. Помогите разобраться со сложившейся ситуацией. После того как я установил меню с конструктора с сайта (_http://purecssmenu.com/) с ПОДПУНКТАМИ у меня почему-то увеличилось расстояние. Скрины прикладываю и сам код тоже.
Добрый. Дай лучше ссылку на страницу с этим меню. И один скрин со стрелочкой на то, где “увеличилось расстояние”.
2013-05-04 Дата: Суббота, 04.05.2013, 20:09 | Сообщение # 3
Рядовой
Группа: Зарегистрированные
Статус: Offline
Я локально им занимаюсь - через денвер. На хостинг еще не заливал. Может мне вам на почту исходник кинуть?
2013-05-04 Дата: Суббота, 04.05.2013, 20:28 | Сообщение # 4
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Vitaliu2000 , Может мне вам на почту исходник кинуть?
Нет, не надо. Я локально им занимаюсь - через денвер. На хостинг еще не заливал
Ну так залейте - один файл три картинки.. не так уж много.
2013-05-04 Дата: Суббота, 04.05.2013, 20:42 | Сообщение # 5
Рядовой
Группа: Зарегистрированные
Статус: Offline
Зарегистрировался сейчас на бесплатном хостинге. В течении часа дадут доступ и я ссылку вам пришлю. Хорошо? Давно мне надо было это сделать...
2013-05-04 Дата: Суббота, 04.05.2013, 20:50 | Сообщение # 6
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Vitaliu2000 , Зарегистрировался сейчас на бесплатном хостинге.
А ты что за сайт делаешь? на какой смске? Я так понял ты не с юКоза ? Иначе давно бы уже выложил )) Да я не спешу.. Сам смотри.
2013-05-04 Дата: Суббота, 04.05.2013, 21:35 | Сообщение # 7
Рядовой
Группа: Зарегистрированные
Статус: Offline
О чем точно будет сайт еще не определился если честно. Пишу сам с нуля на html с применением CSS. Нет, не с юКоза. Вот здесь и спрашиваю в чем моя ошибка. Или просто добавить подпункт в менюшку. А то сейчас пересоздал на конструкторе а он не так выглядит.
2013-05-05 Дата: Воскресенье, 05.05.2013, 02:04 | Сообщение # 8
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Vitaliu2000 , После того как я установил меню с конструктора с сайта (_http://purecssmenu.com/) с ПОДПУНКТАМИ у меня почему-то увеличилось расстоние.
Какое именно и где? ☑ http://likbezz.ru/_example/_rest/_2013/p1/pureCssMenu.html Или просто добавить подпункт в менюшку.
Подпункт добавить просто: Сам подпункт - это вот этот фрагмент: Код
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="4,1">Под4.1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="4,2">Под4,2</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/" target="_blank" title="4,3">Под4,3</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
Ну а добавляется сразу после нужного пункта: Например, нужно добавить подпункт к «Главная» Вот нужный фрагмент: Код
<li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/indexvideo.html" target="_blank" title="Главная">Главная</a></li>
1. Заключаем слово Главная в спан: Код
<li class="pureCssMenui"><a class="pureCssMenui" href="http://testim/indexvideo.html" target="_blank" title="Главная"><span>Главна</span></a></li>
2. Добавляем код с подменю: Код
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="#" target="_blank">Part 1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#" target="_blank">Part 2</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
Получаем: Код
<li class="pureCssMenui"><a class="pureCssMenui" href="#" target="_blank" title="Главная"><span>Главна</span> <![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class="pureCssMenum"> <li class="pureCssMenui"><a class="pureCssMenui" href="#" target="_blank">Part 1</a></li> <li class="pureCssMenui"><a class="pureCssMenui" href="#" target="_blank">Part 2</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
... Результат: ☑ http://likbezz.ru/_example/_rest/_2013/p1/pureCssMenu_2.html
2013-05-05 Дата: Воскресенье, 05.05.2013, 10:11 | Сообщение # 9
Рядовой
Группа: Зарегистрированные
Статус: Offline
Спасибо за подсказку. Подпункт получилось сделать. Вчера зарегился на free.1gb.ru - там бесплатный хостинг есть, но только что то он все никак не заработает. Подскажите пожалуйста где можно выложить свой начальный сайт бесплатно(только русский сайт)?
2013-05-05 Дата: Воскресенье, 05.05.2013, 14:39 | Сообщение # 10
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Vitaliu2000 , Подскажите пожалуйста где можно выложить свой начальный сайт бесплатно(только русский сайт)?
Да хоть на юкоз. А так, на любой фри-хостинг, тем более для экспериментов. » PHP и CMS хостинг, Блог хостинг, Хостинг картинок, подобные ресурсы
2013-05-05 Дата: Воскресенье, 05.05.2013, 14:58 | Сообщение # 11
Рядовой
Группа: Зарегистрированные
Статус: Offline
Спасибо за полный ответ!