Search the Community
Showing results for tags 'ul'.
Found 23 results
-
Не знаю как это объяснить, смотрите на скриншоты. Как решить эту проблему?
-
Попросили добавить текста немного на сайт. Добавил блок со списком, отображение вот такое Какие стили отвечают за такое отображение? Его стили на данном этапе)) div style="position: relative; clear: both;" "position: absolute; clear: both; z-index: 1000;" - отображает вот так почему "type" для ul не отрисовывает маркеры? Вроде на дримвивере написан, хотя хз))
-
Есть страничка по адресу 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% и ,в принципе, все, на вид, вплотную, но это же совсем извращение как мне кажется и мне всё же интересно почему мой первый вариант не работает
-
Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?
-
Подскажите плиз! Почему я создаю в 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; }
-
Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...
-
Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что в нём содержится меню, зачем нужен <ul>?
-
Добрый день, не получается сделать разделитель, в виде символа "/" ,между элементами <a> на одинаковом расстоянии от элементов <li> <a> ,вот ссылка на код https://jsfiddle.net/tu6rwm2j/
-
почему диф в конце списка опустился тем самым увеличивая высоту ли с бордерами *{ 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 закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!
-
Здравствуйте! Подскажите, пожалуйста, можно ли реализовать чтобы при клике на месте картинки появлялся список с фоном отличным от картинки?
-
Ребят подскажите как можно реализовать перенос списка. Например есть список <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 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?
-
Уважаемые гуру, прошу не пинать если я банален, но пытаясь делать первые шаги в верстке не сразу адекватно воспринимаешь весь поток информации)). Подскажите как лучше сделать такую штуковину: Есть блок, по аналогии с пунктом меню - при наведении на пункт меню вываливается еще несколько скрытых до этого пунктов подменю. А как можно сделать чтобы при нажатии на какой то квадратик на странице, к примеру 50х50, она разворачивалась в больший квадратик допустим 100х100. И можно ли это сделать простыми методами?
-
Приветствую! Интересная штука. Когда водишь мышью над третьим пунктом меню (Logout), попадается непонятная невидимая область, принадлежащая второму пункту (Gallery). И она довольно большая. Это хорошо видно по ховер эффекту изменения цвета иконки второго пункта. Такое действо происходит в Хроме, Опере, Сафари. А в Фаерфоксе - нет. Что это? http://tellmeof.cc.ua/DarkVertMenu/darkvertmenu.html
-
Здравствуйте. Возникла такая проблема... <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> Подскажите, подалуйста, можно ли сделать так чтобы нижняя граница картинки была на одном уровне с низом текста "Заголовка"? Расположение картинки относительно текста справа. Заранее всем впасибо.
