HTML Coding

29542 questions in this forum

1. Как убрать тень между элементами?

   http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…

   Asked by Launder, December 11, 2015

   • box-shadow
   • z-index
   • position
   0 votes
   14 answers
2. Появление картинки при наведении мыши на текст

   Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.

   Asked by maxlips, March 23, 2011

   0 votes
   5 answers
3. как вставить кусок кода из фаила

   Подскажите пожалуйста как вставить кусок HTML кода в страничку через подключаемый файл? То есть не фреймы заданой области, а просто кусок кода, записаний в даном файле.

   Asked by moolten, June 6, 2007

   0 votes
   7 answers
4. Инлайновый элемент переносится на другую строку без отступа

   Добрый день, образовалась такая проблема. Есть заголовок с фоном (ссылка), у ссылки прописан padding:5px; и display:inline; Но про переносе строки заголовка padding на другой строке слева и справа на предыдущей строке не отображается. Наглядно: Подскажите пожалуйста, как справиться с проблемой.

   Asked by sublife, November 24, 2009

   0 votes
   18 answers
5. как растянуть картинку на всю доступную ширину блока?

   Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

   Asked by F4rr3LL, March 7, 2016

   0 votes
   13 answers
6. Слетают стили при заливке на хостинг

   При просмотре сайта локально на компе все хорошо, но пи заливке на хостинг все расползается и стили не видны, возможно и скрипты. Можете подсказать в чем проблема? если в адресе, то где и на что его поменять нужно? ссылка на сайт: http://proleading.ru/ ссылка на папку на хостинге, в которой лежит index и папки (css, fonts, images, scripts): /home/furniturei/domains/proleading.ru/public_html/

   Asked by Serg Shew, June 30, 2015

   • стили
   • css
   • хостинг
   0 votes
   10 answers
7. img в строчном элементе span

   Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>

   Asked by graf, April 24, 2011

   0 votes
   2 answers
8. Две "рамки у таблицы"

   Помогите, надо сверстать такую таблицу не получается сделать белую рамочку внутри. Получается только так: test.egmelso.ru/templates Кто подскажет какие возможно варианты? Без использования всяких дивов и прочего. Только стили.

   Asked by Ginger, February 5, 2009

   0 votes
   6 answers
9. Cursor Vs Input Type="file"

   Возможно ли сделать курсор с указателем при наведении на поле выбора файла? (cursor: pointer) Все облазил и перепробовал - не получается

   Asked by milax, August 25, 2008

   0 votes
   10 answers
10. Проверка страницы на валидность

    Зашел на сервис http://validator.w3.org Выдает такие ошибки : (Ошибки жирным выделять буду) …рисматривается к Honda</a></span><br><span class='contentpaneopen'><p><img sr <br><span class='contentpaneopen'><p><img src="/images/f1/honda.jpg" border= exican-eyes-honda.html">...</a></span></div> -shockwave-flash" width="240" height="240" wmode="transparent"></embed> - тут не понравилась кавычка почему то... Объясните пожалуйста какие же это ошибки. Они пишут что возможно вы закрываете "/>", но я как раз таки не закрываю так. Вставил код от Youtube - так выдало 50 ошибок в этом коде...

    Asked by Amigo9876, December 27, 2008

    0 votes
    12 answers
11. какие есть скрипты для текста: тень, вдавленный и пр...

    какие есть скрипты для текста: тень, вдавленный и пр... подскажите пожалуйста, а то в дримвивере МХ только курсив, полужирн и подчеркивание....

    Asked by vovchikku, September 4, 2008

    0 votes
    8 answers
12. Альтернатива align в CSS

    Всем привет! Подскажите, кто знает, есть ли замена тега align="center" в CSS ?

    Asked by hopes_in_life, March 30, 2010

    0 votes
    11 answers
13. Здравствуйте! Как отключить кэширование только 1 конкретной страницы?

    Здравствуйте! Как отключить кэширование только 1 конкретной страницы? сайт на php и в файдле .htaccess сделано так: <IfModule mod_expires.c> ExpiresActive On ExpiresDefault A86400 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType text/css A2592000 ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 ExpiresByType text/plain A604800 ExpiresByType application/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType application/pdf A604800 ExpiresByType text/html A900 </IfModule>

    Asked by igor3310, April 14, 2012

    0 votes
    3 answers
14. Лендинг и типовая верстка

    Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…

    Asked by Libiros, August 31, 2014

    • лендинг
    • верстка
    • верстка под лендинг
    0 votes
    5 answers
15. Табличная верстка

    Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++

    Asked by Sergey1981, October 17, 2007

    0 votes
    8 answers
16. Как пользоваться спецификацией www.w3.org/TR/html5/

    Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..

    Asked by koly32, October 16, 2013

    0 votes
    11 answers
17. Footer по нижнему краю

    Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 21 век на дворе Буду признателен за помошь!

    Asked by inweb, September 14, 2008

    0 votes
    9 answers
18. Центирование слоя

    Требуется установить слой по центру страницы с текстовым контентом. У слоя следующие данные: position:absolute; width:65%; height:831px; z-index:11; left: 174px; top: 222px; Как лучше всего это сделать?

    Asked by Lautes, July 22, 2007

    0 votes
    13 answers
19. две неподвижные фоновые картинки. как?

    Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код

    Asked by clgs, June 23, 2009

    0 votes
    23 answers
20. Не работает свойство transition при клике на меню

    Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство transition чтобы изменить скорость отображения меню но не получается Демо 1 Демо онлайн там используется jquery для отображения меню $(".mob-menu").click(function(){ $(this).toggleClass("open"); // transform mobile menu icon to X $(".nav-left,.wrapper,.header").toggleClass("openleft"); }); я пробую добавить css эффект transition но не работает, в чем может быть проблема? .nav-left.openleft,.wrapper.openleft,.openleft{ -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition:all 2s; }

    Asked by alex252003, August 31, 2017

    • css
    • jquery
    • html
    0 votes
    2 answers
21. Проблема с добавлением слайд-шоу nivo-slider на Wordpress

    Сайт на wordpress и Вот какая проблема: Когда я добавляю код слайдов (используется nivo-slider), напрямую в файл content.php (рис 1) все отображается нормально. Однако файл content.php грузит определенный контент из базы данных, в зависимости от того к какой странице идет обращение. И здесь есть вот какой недостаток, сл-шоу отображается на всех страницах повсеместно, что на "главной", что "о нас". Казалось бы решением должно бы быть добавить код отвечающий за сл-шоу в ту ячейку базы данных, где хранится наполнение конкретной страницы, например "главная" (рис 2). Но не тут то было, в этом случае слайд-шоу работает не корректно ( не все слайды "собираются" правильно, глючат…

    Asked by maliyshock, October 19, 2012

    0 votes
    21 answers
22. Закруглённые края ПОМОГИТЕ

    Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?

    Asked by Phoenix88, January 25, 2011

    0 votes
    10 answers
23. Необычное оформление ссылки

    Как оформить так ссылку, т.е. ссылки единый стиль дивом, а внутри два разных цвета?

    Asked by okunev2, February 22, 2008

    0 votes
    24 answers
24. Выравнивание ячеек таблицы по высоте

    Здравствуйте. Столкнулся с проблемой - есть таблица, в которой имеются ячейки, разные по высоте из-за контента. Поэтому высота ячеек получается разной. А нужно прижать один элемент к низу ячейки.Будь они одинаковой высоты - воспользовался бы position: absolute . А так все скачет и получается некрасиво. Есть какие либо варианты выравнивания ячеек по самой высокой в ряду?

    Asked by drdorian, July 18, 2011

    0 votes
    13 answers
25. проблема с фоном

    постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.

    Asked by vr201, October 10, 2007

    0 votes
    18 answers