Search the Community

Доброго времени суток! Никак не могу скрыть блок выпадающего меню... Помогите плиз!!! Вот код CSS, тут просто какая-то мелочь, но я этого не могу увидеть: /*—————-menu tab———————-*/ .menu { font-size:14px; padding:0; float:left; width:890px; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; height:35px; } /* style the sub-level lists */ .menu ul ul { width:auto; } /* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu ul li { float:left; height:35px; line-height:35px; list-style-type:none; } /* style the sub level list items */ .menu ul ul li { display:block; width:auto; height:auto; position:relative; line-height:1em; } /* style the links for the top level */ .menu a, .menu a:visited { display:block; float:left; height:15px; font-size:14px; text-decoration:none; color:#5a5a5a; padding:0 3px 0 3px; margin:0 30px 0 0; } .menu a.current { background-color:#FFFFFF; } /* style the sub level links */ .menu ul ul a, .menu ul ul a:visited { display:block; font-size:13px; text-align:left; color:#545554; width:200px; height:15px; line-height:1em; padding:5px 0 5px 5px; border-bottom:1px #ebebeb solid; background-color:#fff; } .menu ul table ul a, .menu ul table ul a:visited { width:14em; w\idth:12em; } /* style the table so that it takes no part in the layout - required for IE to work */ .menu table { position:absolute; left:0; top:0; font-size:1em; z-index:-1; } .menu ul ul table { lef\t:-1px; } .menu ul ul table ul.left { margin-lef\t:2px; } .menu li:hover { position:relative; } * html .menu a:hover { position:relative; } /* style the sub level 1 background */ .menu ul :hover a.sub1 { background:#fff; } /* style the sub level 2 background */ .menu ul ul :hover a.sub2 { background:#fff; } /* style the level hovers */ /* first */ .menu a:hover { color:#de462a; } .menu :hover > a { color:#de462a; } /* second */ .menu ul ul a:hover { background-color:#de462a; color:#FFFFFF; } .menu ul ul :hover > a { background-color:#de462a; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; height:0; top:35px; left:0; width:14em; border:none; z-index:9999; background-color:#FFFFFF; } /* position the third level flyout menu */ .menu ul ul ul { left:15em; top:0; width:14em; } /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left { left:-14em; } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; height:auto; padding-bottom:3em; background:transparent; }

Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">Знания</a></li> <li><a href="/">Фото</a></li> <li><a href="/">Творчество</a></li> <li><a href="/">Контакты</a></li> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; color: #7ba05b; margin: -5px 10px 5px 5px; padding: 290px 0px 0px 440px; Вот образец:

Привет. Решил организовать курсы по html, css верстке. Поэтому если тебе хочется научиться верстать, но не хочется рыться в интернете, то я готов помочь тебе. Самое главное, что это бесплатно. Более подробно можно узнать в блоге.

Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.