HTML Coding

29542 questions in this forum

1. Слепые зоны у кнопок

   Я кодер, а не верстальщик, но по воле судьбы приходится верстать. Вот возникла проблема у нас на сайтах (http://stranadobra.ru http://bysmile.by - впринципе, они одинаковы, разве что для разных стран). Браузер Chrome. На картинке показаны некоторые из зон (уверен, что их больше даже на этой кнопке), нажимая на которые никаких действий не происходит. Разве что утапливание кнопки срабатывает (active), hover срабатывает, но ставка не делается. Тоже самое наблюдается на многих других кнопках на сайте. За основу взят bootstrap + навешивал свои стили. Увидеть на практике, в принципе, можно лего: незалогиненным (чтобы не поставилась ставка) попробуйте отыскать эти зоны. <bu…

   Asked by Mone, October 7, 2012

   0 votes
   6 answers
2. Проблемы с margin

   Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…

   Asked by Immortal, July 16, 2014

   0 votes
   4 answers
3. Ищу слайдер

   Ищу такой слайдер. Чтобы под фото менялось название фото, была пагинация и стрелки. Какой более гибкий можно использовать?

   Asked by okunev2, January 16, 2015

   0 votes
   3 answers
4. Как выделить все элементы в списке

   Можно ли сделать кнопку или ссылку чтобы при клике выделялись все элементы в списке? Вот заготовка - http://jsfiddle.net/4xugpz6d/

   Asked by alleclf, January 27, 2015

   0 votes
   4 answers
5. Хелп

   Тут кажется не запрещено задавать глупые вопросы. Пользуюсь: Короч, я пытался верстать сайт по туториалу, мужик пропустил момент и пошел дальше ( он работал в Лисе ), а меня как-то заинтересовало и не могу понять в чем именно трабл. В Мозиле адаптируется идеално (на скрине снизу), а в Хроме и Сафари съезжает в низ нумер. Не хватает где-то префиксов, если да то где?Из фреймов добавил только сетку БутСтрап. кажется - туториал (на 1:21:00 показывается, как все работает в Мозиле)http://jsfiddle.net/jpu8nrue/- код (впервые пользуюсь такой ссылкой, если что не так - чиркните; исправлю)

   Asked by OstapBlender, June 2, 2015

   • Почему в Мозиле все хорошо?
   0 votes
   4 answers
6. justify для блоков

   Здравствуйте. Часто для равномерного распределения блоков по ширине использую следующий css код: <ul><li></li><li></li><li></li></ul>ul {text-align:justify;font-size:0}ul:after {content:'';width:100%;display:inline-block}li {display:inline-block;width:100px;font-size:14px}В некоторых случаях этот код не работает как нужно, словно text-align:justify нету. Почему так происходит, не могу объяснить, хотелось бы услышать ваши версии.

   Asked by gibiskus, July 16, 2015

   0 votes
   7 answers
7. Управляемая граница блока/фрейма

   Здравствуйте! Даже не знаю как назвать тему. В общем ищу скрипт или реализацию того как это сделано на http://jsfiddle.net/ Т/е там есть 4 блока и у каждого можно изменить границу. Я помню что у фреймов так можно сделать, но есть ли что-то с блоками такое же? Подскажите пожалуйста. Спасибо! Нашел нечто подобное - http://jqueryui.com/resizable/#synchronous-resize Но интересует разделение области/слоя/экрана на 2 части граничащих, уменьшая одну - вторая увеличивается и наоборот. Как таблицы в Экселе наверное.

   Asked by vlasenkov, February 13, 2016

   • управляемая граница
   • управляемая граница блока
   • граница блока
   • управляемая граница фрейма
   • граница фрема
   • плавающая граница блока
   • плавающая граница фрейма
   0 votes
   3 answers
8. Аналог атрибута "checked"

   Доброе утро! Подсобите теорией: есть 3х страничный сайт. На главной странице есть меню, которое, по факту, одно и тоже для всех 3х страниц. Так вот, есть ли в css схожее свойство с атрибутом checked чекбоксов? То есть, при переходе с "главной" на, к примеру, "ваши заказы" сразу стал активен пункт меню с ссылкой "ваши заказы". Или это лучше реализовать на jquery? Извините за размытое описание проблемы, но нет возможности сейчас выложить код.

   Asked by Super_Saimon, November 10, 2017

   • css
   0 votes
   2 answers
9. Клипинг нескольких изображений внутри родителя.

   Доброго всем дня, уважаемые эксперты! Как решается такая задача: <div class="ls-rubber-block ls-bg-heavenly"> <div id="ls-img-01"></div> <div id="ls-img-02"></div> </div> html { height: 100%; } body { height: 100%; margin: 0; padding: 0; font-family: 'PT Sans Caption', sans-serif; } /* Блок, который рвстягивается по высоте и ширине на 100% */ .ls-rubber-block { width: 100%; height: 100%; min-height: 100%; box-sizing: border-box; border: 0px solid #FF0004; overflow: hidden; clip: rect(0, 100%, 0, 100%); } #ls-img-01 { position: absolute; display: block; width: 700px; height: 600px; top: -200px; right…

   Asked by architec, December 13, 2018

   • clip
   • clip-patch
   0 votes
   1 answer
10. Проблема с любимым "Липким" - sticky

    Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)

    Asked by PoliWik, February 25, 2021

    0 votes
    1 answer
11. Моргает картинка-ссылка при наведени курсора

    Делаю картинку ссылкой. Задаю при a:hover - visibility:hidden. Всё работает, но при движении курсора по картинке изображение моргает. Можно ли избавиться от этого эффекта(дефекта)? Пример: http://dyadya26.narod.ru/kartinka/kartinka.htm

    Asked by dyadya, March 26, 2009

    0 votes
    4 answers
12. Едет на разных разоешениях

    Делаю сайтик на Html,но там почему то при разных разрешениях меняют положение ссылки.Что не верно в коде? СпС все кто откликнется) подскажите плизз ) http://batikgallery.ru/ вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verd…

    Asked by stardel, January 7, 2010

    0 votes
    1 answer
13. Проблема с версткой меню в IE

    Здравствуйте! У меня произошел затык с версткой меню в IE 7 и выше. Меню второго уровня отображается под слоем меню первого уровня. Не могу понять в чем дело и решить проблему, а сроки поджимают. CSS #navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; font-family: Arial; /*my*/ font-size: 10pt; /*my*/ } ul#navmenu-v:after { clear: both; display: block; position: absolute; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border: 0px solid #C1C1C1; } …

    Asked by nuuta, November 9, 2011

    0 votes
    3 answers
14. ИЕ7 position absolute -- не вычисляет ширину внутренего блока

    Добрый день. С толькнулся с одной забавной багой в ИЕ7, не получаеться пофиксить. Есть родительский блок ( position: absolute ) в нем не указана ширина, так как ширина береться от контента. В этом блоке вложен блок, во всех браузерах он растягивается на 100% а в ИЕ7 только по содержимому. Может кто-то с таким сталкивался. Вот черновой код ссылка на пример смотреть в ИЕ7. Удачи.

    Asked by onikserj, November 15, 2011

    0 votes
    3 answers
15. css для chrome

    chrome странно width воспринимает. Если в #cn3 вместо width:5.2%; поставить width:5%; то получиться щель. А в firefox, например, дробная ширина ломает блоки. Теперь вопрос - как в css указать конкретно для chrome этот стиль? И почему так происходит? <html> <head> <style type="text/css"> body {background: #333;} #centr { float:left; width:60%; margin:0px; background: #000; } #cont { min-height:100px; padding:0px; } #cn1 { background: #fff; height:20px; width:5%; float:left; } #cn2 { background: #fff; height:20px; width:90%; float:left; } #cn3 { background: #fff; height:20px; width:5.2%; float:right; } </style> </head> <body> <div id=…

    Asked by qazibum, January 15, 2012

    0 votes
    3 answers
16. Помогите с таблицей

    Всем привет!!! Помогите с заданием ... Составить на весь экран HTML-таблицу из трех столбцов так, чтобы ширина левого столбца была 200 пикселей, а ширина остальных в пропорции 5/3. Правую колонку разделите на 6 равных по высоте строк. Помогите с этим плизз!! Особенно как разделить правую колонку...

    Asked by Patrickk, April 16, 2012

    0 votes
    7 answers
17. проблема с выпадающим меню pro_dropdown_2

    Добрый день. На моем сайте http://n-dl.narod.ru/ стоит горизонтальное выпадающее меню pro_dropdown_2 В IE некорректно отображается, при наведении мышкой - пропадает. Помогите разобраться, что нужно сделать? привожу код страницы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META NAME="description" CONTENT="Роспись храмов, Иконы, Иконопись, Мозаика, Иконостасы, Церковь, Восстановление храмов, Восстановление церквей, Фреска"> <META NAME="Keywords" CONTENT="Роспись храмов, Иконы, Иконостасы, Роспись стен, Фрески, Иконы, Мозаика, Храмы, Дизайн, Строительство, Отделка, Реставрация фресок, Реставрация икон, Роспи…

    Asked by n-dl, May 20, 2012

    0 votes
    0 answers
18. CSS и Joomla

    Здравствуйте , помогите разобраться :есть шаблон Joomla ( jvwinto) Моя ссылка , хочется сделать чтоб такой эффект , как показан в примере 2 Моя ссылка, хочется чтоб в итоге все выглядело вот так : Моя ссылка

    Asked by tolya-11, September 22, 2012

    0 votes
    0 answers
19. Расположение одного дива относительно другого

    Доброго времени суток. Нужно решить следующую задачу: идут 2 дива: <div>1</div> <div>2</div> Оба дива имеют 100% ширину, div1 - фиксированной высоты, div2 на различных страницах имеет различную высоту. Как сделать, чтобы по html коду div1 шел раньше, чем div2, а на странице - наоборот (чтобы на странице отображался сначала div2, а потом div1)? Расскажу немного поподробнее. Дивы на странице идут следующим образом: <div>Шапка</div> <div>Горизонтальное меню</div> <div>Основа (контент)</div> <div>Футер</div> В html коде нужно чтобы меню шло после контента, а на странице отображалось до контента.

    Asked by n1kola, November 6, 2012

    0 votes
    2 answers
20. кроссбраузерность

    добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <script language="javascript"> var browser = navigator.appName; document.write(browser); if (browser == "Opera") document.write("<body><link rel='stylesheet' href='http://jaguar-pw.clan.su/for_opera.css'>"); </script> думал что нашел решение, но для мозилы пробова- нивкакую...( p.s. хлстюсь на юкозе (php не работает построннее!()

    Asked by spn_one, February 3, 2013

    0 votes
    3 answers
21. Как убрать тело архив рубрик?

    Пожалуста подскажите как в моей теме убрать полностью тело архив рубрик.Пробывал убрать полностью весь тег который отвечает за весь архив,но после все смещается сайт-бар и т.д. Спасибо,если кто ответит!

    Asked by trevod7, February 24, 2013

    • div class=art-Post-body
    0 votes
    2 answers
22. Запретить расширение width.

    Дорогие форумчане, доброго времени суток. Есть скриптик - http://jsfiddle.net/4vuPS/1/ Пытаюсь его применить но отнисительно правого края. Получается не очень ввиду того, что блок вылазит за пределы ширины страницы и расширяет эту ширину. http://yadi.sk/d/WK3AuFqqEi8MH Магия какая-то. Подскажите пожалуйста. Спасибо.

    Asked by xxnikolayxx, December 22, 2013

    0 votes
    5 answers
23. Единицы измерения

    Какие единицы измерения лучше использовать при вёрстке сайтов? Плюсы и минусы.

    Asked by myRoot, March 2, 2014

    • Единицы измерения
    0 votes
    4 answers
24. Помогите связать правила между собой

    Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.

    Asked by McLotos, April 30, 2014

    0 votes
    2 answers
25. CSS3 filter

    Почему не работает фильтр? http://jsfiddle.net/Q5S96/1/

    Asked by DivMan, May 10, 2014

    0 votes
    2 answers