HTML Coding

29542 questions in this forum

1. Выравнивание по вертикали в теге li

   Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }

   Asked by LuxCore, September 1, 2011

   0 votes
   4 answers
2. Разделители в выпадающем списке

   Существует ли решение для разграничения блоков в списке в выпадающем меню? При выборе позиции в выпадающем меню сплошной, неструктурированный в группы список вызывает панику.

   Asked by sendano, June 6, 2008

   0 votes
   4 answers
3. Непонятный мне хинт с колонками одной высоты

   Заметил одну странную штуку, хочу понять её природу. Сначала о штуке. Есть 2 слоя(опустим их стили): <div id="left"> ... </div> <div id="right"> ... </div> Они неизвестной высоты, но должны зрительно вытягиваться так, как будто она одинакова и равна максимальной. Для решения этой задачи я сделал так(колонки одного цвета), задав слою content "background: #FFFFFF;". <div id="content"> <div id="left"> ... </div> <div id="right"> ... </div> </div> В результате - ничего. Но стоило добавить слою content "float: left;" и всё отобразилось как надо во всех имеющихся у меня браузерах. Почему так?

   Asked by Choo, October 4, 2008

   0 votes
   3 answers
4. проблема с выравниванием таблице по ширине окна

   пишу выравнивание по ширине 100% не помогает((( в чем может быть причина и как исправит, за рание спасибо

   Asked by set, November 27, 2008

   0 votes
   9 answers
5. Баг в Opera

   Дрямс, помогите решить проблему в Opera: Пример см. здесь если поводить по меню (табs), в Opera весьма странно ведет себя таб "Полезное". Реализация сего меню на CSS исключительно, но есть небольшой скриптик для IE, т.к. он не понимает свойства :hover к любым другим элементам, кроме "a"

   Asked by BassEast, March 26, 2009

   0 votes
   12 answers
6. Блоки в ряд по горизонтали (выход за границы экрана)

   Добрый день! Приветствую всех! Только зарегистрировался на форуме, и хотел посоветоваться. Следующая ситуация Мне надо расположить блоки один за другим, так чтобы они выходили за границы экрана, и не съезжали вниз. У меня есть опыт в верстке, и такую ситуацию решал 2 способами (но обе на мой взгляд, являются ужасными) 1) У внешнего diva задаю фиксированную ширину (например 20000px, ну или динамически считаю js если возможно), внутренние делаю float:left и все ок 2) У внутренних делаю position:absolute, и c js ставлю left:0px; left:1280px итд. Что тоже ужасно __________ Хотелось бы сделать как то без js, и более устойчивую систему - эти варианты какие то "на …

   Asked by haiatov, September 26, 2014

   • div
   • float:left
   • за границами экрана
   0 votes
   2 answers
7. Float и valign

   здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?

   Asked by adbared, May 31, 2008

   0 votes
   3 answers
8. Как сделать без таблиц

   Как можно реализовать такое через 3 divа?

   Asked by Kenshi45, February 18, 2009

   0 votes
   19 answers
9. Выпадающие списки меню Bootstrap

   Доброе время суток. Использую Bootstrap. Проблема с выпадающим списком. Он не выпадает. Как можно исправить? Подключаю JS <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>И сам выпадающий список: <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Дома/Бизнесы <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li class="divider"></li><li><a href="#">Separated link&lt…

   Asked by Florens, January 27, 2014

   0 votes
   3 answers
10. Закругленные уголки в IE

    Закругленные уголки в IE В какой-то момент возникла проблема с отображением закругленных уголков в IE, как и у многих наверное. Использовать картинки было нежелательно, так как широко использовался hover, который зацеплял, в 90%, как раз бордеры. Долго копался в сети, выбирая среди множества решений, пока не нарвался на одну статью, не помню уже где, но суть ее в следующем - реализация закругленных уголков в IE, осуществляется за счет подключения библиотеки HTC. Нужно просто разместить в корне сайта (у меня в папке htc) некий скрипт. Скрипт приводился в этом же примере. Кстати, в интернете можно найти решения и других проблем с IE на основе этой библиотеки! HTC: --Do n…

    Asked by Aleksty, April 9, 2011

    0 votes
    5 answers
11. Подскажите, можно ли сверстать такой текст

    Имеется в виду чтоб именно текстом а не картинкой, возможно ли? У меня получается шрифт более растянутый, а там как бы суженый Текст который нужно сверстать здесь: http://kim-evgene.ucoz.ru/text.rar

    Asked by Kim, March 3, 2008

    0 votes
    12 answers
12. HTML письмо с графикой.

    Всем добрых времени суток. Суть вот в ч?м, надо создать HTML письмо с графикой. 1. Какие правила при создания письма ? ( никогда неделал письма ) 2. Как правильно прикреплять графику. 3. Может ещ? какие-то советы дадите? Взаранее благодарю...

    Asked by andryxa, May 12, 2008

    0 votes
    6 answers
13. флеш на сайте

    Сделал сайт, и на главной поместил небольшой флеш ролик, но как я заметил он работает только в Интернет Ехплорер, а в Огненом лисе и Опере нет.... Может кто обяснить почему, и как изправить пожалуста ?! сайт: www.autoclean.lv

    Asked by Fazzz, June 14, 2008

    0 votes
    9 answers
14. Убрать поле для скрола в TEXTAREA

    Здравствуйте! Скажите как убрать или прописать в стилях для того что бы скрыть поле для прокрутки, которое расположено справа в TEXTAREA: <form> <textarea rows="10" cols="45" name="text"></textarea> </form>

    Asked by Drozdetskij, February 4, 2010

    0 votes
    5 answers
15. Круглые уголки

    помогите плиз сделать круглые уголки(сайт http://rubasket.com/forum ) сейчас там мозиловский моз-бордер ,но хотелось бы сделать через картинки уголков для всех браузеров...но вот как сделать именно в моём случае-ума не приложу!

    Asked by FASTDEATH, February 7, 2010

    0 votes
    6 answers
16. Писать сверху по картинке

    В таблицу вставлена картинка. Пытаюсь что-то писать - оно мне пишет слева, сверху, снизу, где угодно - но только не на картинке. Как это сделать?

    Asked by sm.hermes, October 6, 2007

    0 votes
    3 answers
17. Как избежать раздвигания слоя при использовании шрифта стиля italic?

    На сво?м сайте цитаты хочу оформить курсивом. В свойства содержащего цитаты слоя ставлю font-style: italic, после чего получившийся курсивный шрифт делает слой шире. Прич?м так, что внешний слой раздвигается, "ломая" дизайн. Такой эффект наблюдается в ИЕ, в Опере его нет. Есть ли способ научить ИЕ нормально работать с курсивом? Вот что у не?го получается (стрелкой отметил разрыв в border внешнего слоя):

    Asked by ArCher, December 1, 2007

    0 votes
    0 answers
18. вопрос по поводу галереи

    Здраствуйте. Не могли бы вы объяснить чайнику как работать с этим сайтом http://coppermine-gallery.net/? В смысле как скачать оттуда скрипты и установить галерею себе на сайт? Только, если можно пошагово) Буду очень благодарна.

    Asked by Jessy, December 1, 2008

    0 votes
    7 answers
19. Картинка как ссылка

    Подскажите, пожалуйста, как сделать, чтобы при наведении курсора мыши картинка меняла цвет? К примеру есть серая картинка, я хочу, чтобы при наведении курсора мыши картинка превращалась в коричневую. Картинки соответствуют ссылкам (то есть используется не текст, а картинка) и надо, чтобы текущая действующая открытая страница выделялась также коричневым цветом. Возможно ли хотя бы что-то из перечисленного проделать с помощью css, манипулируя 1 картинкой, то есть не применяя замещения? Хотелось бы прийти примерно вот к этому: http://www.basis-group.ru/

    Asked by maksimka, March 23, 2010

    0 votes
    4 answers
20. Эмуляция ячеек таблицы с помощью слоев

    Всем здрасте. Имеем блоки с картинкой товара, его названием и ценой. Блоки фиксированной ширины, имеют стиль float:left; Т.к. название обычно разной длины, блоки растягиваются внутренним содержимым по высоте. Пример того, что получается, можно посмотреть на этой странице. Как видно из моего состояния страницы, из-за разницы в высоте блоков некоторые из них располагаются в хаотичном порядке. Так сказать, кому места хватило - тот и влез. Цель - либо выровнять высоту самих блоков, либо как-то заставить блоки понимать, какой отступ снизу/сверху они должны использовать, чтобы таблички располагались ровно. Делать таблицей уж очень не хочется..

    Asked by d0ublezer0, May 26, 2010

    0 votes
    10 answers
21. CSS Parallax - откуда-то появляется горизонтальный скрол

    Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…

    Asked by cartrege, December 1, 2014

    • css
    • transform
    • parallax
    0 votes
    0 answers
22. Шрифты на ретине

    Доброго всем. Может кто то подсказать, на ретина мониторах, как отображаются шрифты. Если задать к примему 13px, то на ретина он как то изменится???

    Asked by mini, March 16, 2015

    0 votes
    9 answers
23. проблема с display:none

    Здравствуйте всем! Имеется таблица, каждая строка которой представляет собой "подтаблицу", которая при начальной загрузке страницы невидима, т.е. display=none. Есть кнопка, которая по нажатию отображает эту вложенную таблицу, так вот, в IE работает все нормально, но в FF и Опере содержимое подтаблиц вталкивается в первую ячейку, а не распределяется по колонкам. Код таблицы приведен ниже. Название Дата Очки Показать Вложенная таблица 1 1. Строка 1 21.05.2007 14:36 20.00 ... Кто подскажет, в чем причина? Заранее спасибо!

    Asked by a_web, July 10, 2007

    0 votes
    3 answers
24. frD-Глюк IE

    В отдельной ячейки таблицы помещаю картинку - элемент дизайна, васотой 2 пиксела, для ячейки тоже задаю высоту 2 пиксела, в експлорере, эта ячейка все 30 пикселей имеет. В Опере все нормально, как и задумывал. Вот код ячейки. <td width="220" height="2" align="left" valign="top" > <img src="image/line2.jpg" alt="" width="220" height="2" border="0" align="top"> </td> картинка имеет размер 3x2, в коде ее растягиваю до 220. Кто подскажет, что експлореру не нравиться. PS остальные элементы таблицы ее не растягивают.

    Asked by plexnet, August 3, 2007

    0 votes
    5 answers
25. Подскажите Как Поменять Настройки Чтобы Читался Шрифт

    Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…

    Asked by Игорь Виленский, August 22, 2008

    0 votes
    4 answers