Search the Community
Showing results for tags 'li'.
Found 24 results
-
Не знаю как это объяснить, смотрите на скриншоты. Как решить эту проблему?
-
Есть страничка по адресу http://sale.srfhm.ru/css_bug/ В ней есть табличка сделанная на UL LI тегах, и вот в ячейке Описание, где выводится описание для типа питания не влезает весь текст и остальную часть не видно, скрывается стилем - overflow: hidden Пробовал убрать этот overflow, тогда вообще таблица вся разъезжается... В верстке не особо силен, подскажите пожалуйста где поправить что, чтобы текст нормально влез и весь отображался... Пробовал уже по всякому, всю голову сломал! Заранее огромное Спасибо!
-
Привет всем, делал менюшку на сайте и столкнулся с одной проблемой Есть тег div, в нем ul и 5 li в строчку с помощью inline-block li должны быть равными по ширине и при том менять её в зависимости от ширины экрана на ум пришла только эта идея: Поскольку div = 100% для li я поставил 20% и, как я понимаю, li должны вплотную занять всю ширину div и при том быть не статичными тк % но не получается и последняя пятая переходит на новую строчку, когда ставлю 19% то всё влазит, но справа остаётся место и получается не красиво в чем дело? Никаких отступов нет, padding 0, что еще занимает место? Или способ не правильный? так же думал, что это из за пробелов между блоками,пробовал добавить float: left при этом пробелы между блоками убирались, но при 20% всё равно не влазиют сейчас стоит на 19.453% и ,в принципе, все, на вид, вплотную, но это же совсем извращение как мне кажется и мне всё же интересно почему мой первый вариант не работает
-
Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </head> <body> <header class="page-header--home"> <div class="menu"> <ul> <li>Группа творчества</li> <li>Статьи</li> <li>Форум</li> <li>Видео</li> <li>Вход</li> </ul> </div> </header> </div> <div class="avtorizacia"> <input type="submit" name="Поиск"> </div> </body> </html> body{ background-image: url(..//img/MS3.jpg); max-width: 1920px; margin: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .page-header--home{ position: relative; background-image: url(..//img/MS4.jpg); width: 1920px; height: 80px; margin-top: 0px; } ul{ position: relative; margin: 0px; } li{ display: inline; font-size: 32px; font-family: "Tahoma"; font-weight: 800; color: #45a8ff; margin: 0px; margin-top: 5px; margin-left: 80px; margin-right: 80px; } .avtorizacia{ position: relative; background-color: rgba(31, 16, 16, 0.75); max-width: 80px; height: 250px; margin-top: 100px; }
-
Помогите новичку, советом. Нужно к li привязать ссылку для перехода. Ссылку привязываю, но при нажатии на нее переход не происходит. Что делаю не так? <div id="nav"> <a class="btn_dropdown" data-toggle="collapse" data-target=".nav-collapse_">MENU</a> <ul class="navigation"> <li data-slide="1">Текст 1</li> <li data-slide="4">Текст 2</li> <li> <a href="URL">Текст 3</a></li> <li data-slide="8">Текст 4</li> <li data-slide="10"> Текст 5</li> <div class="clear"></div> </ul> </div>
-
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
-
почему диф в конце списка опустился тем самым увеличивая высоту ли с бордерами *{ margin:; padding:; border: none; } .wheader{ text-align: center; width: 1100px; margin: auto; height: 90px; } .wheader img { margin-top: 20px; } .wmenu{ height: 50px; background-color: #fafafa; border: 1px solid #eee; } .menu{ width: 1100px; margin: auto; height: 50px; } .menu-list{ list-style:none; display:table-row; } .menu-list li{ display:table-cell; width:auto; text-align:center; border-left:2px solid #eee; } .menu-list a:hover{background-color: #eee; } .menu-list li:last-child{ border-right:2px solid #eee; } .menu-list li a { display:block; width:1000px; height:50px; vertical-align:middle; display:table-cell; font:14px Verdana, Geneva, sans-serif; color:#777; text-decoration:none; } .search-box{ width: 300px; height: 50px; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <meta name="author" content="Boomer" /> <meta charset="utf-8" /> <link rel="stylesheet" href="style.css" type="text/css"/> <title>Интернет магазин Ортопедической обуви</title> </head> <body> <div class="page"> <div class="header"> <div class="wheader"> <a href="/"><img src="images/logo.png" alt="Логотип сайта"/></a> </div> <div class="wmenu"> <div class="menu"> <ul class="menu-list"> <li><a href="#">Categori1</a></li> <li><a href="#">Categori2</a></li> <li><a href="#">Categori3</a></li> <li><a href="#">Контакты</a></li> <li><div class="search-box"><form method="get" action=""> <input type="text" name="seacrh-text" placeholder="Поиск" /> </form></div></li> </ul> </div> </div> </div> </div> </body> </html>
-
Здравствуйте. Помогите пожалуйста разобраться новичку с данным вопросом. Подскажите где искать информацию на данную тему. Суть проблемы в следующем: начал делать двухуровневое выпадающее меню и оказалось все не так просто). Допустим есть многоуровневый список вложенный в <div class="memu">, смотрел видео и читал про создание таких меню и не могу понять как можно описать стиль отдельно для вложенных списков. В общем для меня конструкции вида:" .menu ul li {} .menu li ul {} .menu li ul ul {}" реально танцы с бубном не говоря уже о menu ul li:hover>ul и т.д. Не могу понять принципа как описывать свойство вложенного списка да еще и плюс ко всему там по разному описываются и li b ul.
-
Всем привет ! я новичок в этом деле сделал список товаров из блоков ДИФ дал им размер и при методе Ховер сделал так что бы блок на которую наведен курсор стал больше суть проблемы в том что при увлечений блока перемещаются вниз или отодвигает на право рядом стоявший блок помогите решить проблему. как сделать ? или подскажите в какую сторону копать ))) хотел получить такой результат <ul><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Пра</ul>и css стиль к нему #content ul li #price { background-color:#fcfcfc;width: 225px;height: 270px;display: inline-block;overflow: hidden;float: left;margin: 6px 20px 14px 5px;}#content ul li #price:hover {box-shadow: 0 0 6px 2px #8f8d8d;}
-
Помогите, люди добрые!! Совсем запутался в решении проблемы... В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/ Заранее спасибо!
-
Есть блок с заданной высотой и шириной, в нем список, у элементов списка не задана ширина, они расширяются в зависимости от содержимого: Вопрос, как выровнять элементы списка по ширине чтобы не было так некрасиво как сейчас?
-
Здравствуйте! Верстаю макет в учебных целях, взятый отсюда - http://font-family.ru/luchshie-besplatnye-psd-makety-sajtov-dlya-verstki/psd-templates-website-01/, и у меня возникли некоторые проблемы, которые никак не выходит решить. Вот ссылка на мою верстку http://site.cy50484.tmweb.ru/ 1. Как у элемента меню HOME убрать hover? 2. HOME должен быть активен, задала дополнительным классом подложку под него, но она слишком высокая, как сделать так, чтобы она была по размеру как hover у других элементов меню? При выставлении ей высоты, или изменения высоты у элементов меню все сползает вверх. 3. Как сделать элементы меню в hovere чуть ближе к правому краю, а не по центру? 4.Как самостоятельно сделать на слайдере подписи к слайдам, появляющиеся на них в прозрачной рамке (description)? Нужно именно в скрипте работать, и знать его? 5. Слайдер кривой из-за конфликтов ul, т.к. они общие, но тем не менее, выпадающее меню (при наведении на ABOUT, PORTFOLIO) не все "перебирается" из-за слайдера, хотя position:absolute. Что с этим делать? Буду очень благодарна за помощь, всем прочитавшим большое спасибо
-
Добрый день! Вот небольшая менюшечка: http://cssdeck.com/labs/bgmx27f7 Почему когда тег li закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!
-
Собственно суть вопроса в заголовке. Более понятно на скриншоте, но все равно постараюсь объяснить. Правее есть некая дополнительная информация, которая отделена вертикальными полосками и эти самые полоски не по всей высоте, плюс ко всему информация не по середине. Уже не знаю, что делать. Хотя есть мысль переделать все не на списках, а на блоках div. Css код HTML код
-
Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.
-
Здравствуйте! Вот пример http://jsfiddle.net/09wv3w6w/ Блоку задано размер 800px. В нем сделал список li, а в списке сделал ссылки а. li сделал отображение inline-block, а ссылкам сделал тоже inline-block и ширину 200px, а высота 40, а проблема вот в чем: Последний блок списка выпадает за предел основного блока. в списке 4 элемента, а значит 200*4=800, я правильно понял? Подскажите в чем проблема. Спасибо.
-
Ребят подскажите как можно реализовать перенос списка. Например есть список <ul> в нем 40 <li>, вопрос в том как сделать что бы список переносился в право через каждые 10 элементов <li>, вот так: 1. 11. 2. 12. 3. 13. 4. 14. 5. 15.... 6. 7. 8. 9. 10.
-
Застрял на 28:13 этого видео урока При добавлении в тег <li> тег <a href="#"> кнопки меняют размер (хотя такого не должно быть), у автора урока все нормально. Подскажите в чем может быть проблема? Мое А вот что получается у автора (при добавлении background видно, что его кнопки имеют нормальный размер, мои увеличиваются, хотя размеры я не указывал и уменьшить их после этого не получается) Вот мой код
-
Всем доброго времени суток! Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?
-
Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(ana3.png) 46% center no-repeat;
-
Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><!--/noindex--></ul>Вариант 3<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><!--/noindex--><!--noindex--><li><a href="http://site.ru/">анкор</a></li><!--/noindex--><!--noindex--><li><a href="http://site.ru/">анкор</a></li><!--/noindex--></ul>Вариант 4<ul><li><!--noindex--><a href="http://site.ru/">анкор</a><!--/noindex--></li><li><!--noindex--><a href="http://site.ru/">анкор</a><!--/noindex--></li><li><!--noindex--><a href="http://site.ru/">анкор</a><!--/noindex--></li></ul>Какой вариант будет верным? Буду благодарен за подсказки и конструктивные ответы!
-
Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?
-
Здравствуйте. Возникла такая проблема... <ul> <li>Слово1</li> <li>Слово2</li> <li>Слово3</li> <li>Слово4</li> </ul> Как сделать чтобы в ul li шло чередование фонов. Допустим, нечётные (<li>Слово1</li>, <li>Слово3</li>, ...) - backgroun-color:#f4f4f4; чётные (<li>Слово2</li>, <li>Слово4</li>, ...) - backgroun-color:#cccccc; Помогите, пожалуйста, кто знает...
-
Здравствуйте. Есть код <h3>Заголовок</h3><img src="../image.jpg"> <ul class="sidemenu"> <a href="#">Название ссылки</a></li> </ul> Подскажите, подалуйста, можно ли сделать так чтобы нижняя граница картинки была на одном уровне с низом текста "Заголовка"? Расположение картинки относительно текста справа. Заранее всем впасибо.
