HTML Coding

29542 questions in this forum

1. Не могу разобраться почему div'ы съезжают...

   Добрый день. Небольшая вводная. Разрабатываю сайт на платформе Sharepoint. Решил внедрить дизайн. Расположение блоков можно посмотреть здесь (эту задачу сделал). Sharepoint предполагает, что можно редактировать страницу. Когда я перехожу в режим редактирования, то я хочу видеть следующее, а вижу это. Исходные коды можно глянуть здесь. Там много мусора, который генерится Sharepoint. Большинство ненужных строк я убрал, чтобы было проще анализировать. Верстаю div'ами. Исходный код разметки вот: <div id="s4-workspace"> <div id="s4-bodyContainer"> <div id="wrapper"><!--begin wrapper--> <wssuc:DesignModeConsole id="IdDesignModeConsole" runat="…

   Asked by ShurikEv, May 30, 2011

   0 votes
   2 answers
2. IE7 - scrollLeft, лишний сдвиг

   При перемотке картин они начинают сползать. Не получается найти закономерность сдвига, добавляю пиксели - сползает в другую сторону. В других браузерах кроме IE7 все нормально. Заметил что между DIV-ом и таблицей появляется расстояние. (между #image-window и #picture_item) Может нужно обнулить где-то что-то? Вот ссылка на сайт Заранее благодарен за любую помощь.

   Asked by Pumych, July 5, 2011

   0 votes
   11 answers
3. Не получается сделать div блок по верх остальных

   Помогите со стилями, у меня один див блок не выходит за третий по вложенности блок. вот его стиль /*display: none;*/ z-index:100; padding: 10px; border: 1px solid #AEAEAE; position: absolute; background-color: #ffffff; color: #0B79A2; margin-left:-1px;

   Asked by frost18, September 5, 2011

   0 votes
   3 answers
4. Применение <area ... nohref>

   Вот код: <td> <img src="circle_example.png" usemap="#circle_example"> <map name="circle_example"> <area shape="circle" coords="150,150,50" nohref title="Неактивная область"> <area shape="circle" coords="150,150,100" title="Нажмите" href="http://www.google.ru" target="_blank"> </map> </td> Проблема в том, что не работает верхняя фигура с nohref. Функционирует нижний большой круг. Ситуация не меняется при смене порядка фигур. Спасибо!

   Asked by Тишина, September 5, 2011

   0 votes
   5 answers
5. Много картинок на странице

   Привет. Хочу задать вам такой вопрос. Создаю страницу каталога продукции. Много картинок. Везде приходится указывать размеры (высота, длинна). Предварительно выписав их на листочеч чтобы не запутаться. Отнимает много времени и если меняешь размер картинок то все приходиться переделывать. Может кто знает секрет какой управления размерами. Каким нибудь унивесальным смойством, а может кто и скрипт подскажет. Спасибо.

   Asked by getalusk, October 23, 2011

   0 votes
   9 answers
6. НЕстили

   Применить стили для всех кроме ...(класс, тег, идентификатор). Нельзя так, да?

   Asked by alexandr_v-vich, March 20, 2012

   0 votes
   10 answers
7. пунктриная рамка для круга

   Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблем…

   Asked by Koloyar, July 31, 2012

   0 votes
   7 answers
8. :hover и элементы страницы

   Для меня было приятным открытием узнать, что :hover можно применять не только к ссылкам. Это есть в описании :hover, но пока все примеры были привязаны к тегу <a>, в голову не приходило, что может быть иначе. Я сделал div(div:hover img {opacity: 1}), внутри картинка (opacity: 0.75) и список с ссылками (a:hover {text-decoration: underline}, остальные состояния - text-decoration: none). Соответственно, при наведении мышки на div, картинка становится непрозрачной, при наведении на ссылку получаем подчеркивание. После пары экспериментов возник вопрос: если мне нужно, чтобы при наведении на один объект менялись свойства другого, не вложенного в первый, каким способом это…

   Asked by Morph, September 7, 2012

   0 votes
   5 answers
9. Теги логической разметки.

   Подскажите, пожалуйста, как обстоят дела с тегами логического форматирования? Есть немало статей, где можно найти разбор отличия между тегами <b>, <i> (которые уже, как я понимаю, не сильно используются, потому как есть CSS) и соответственно <strong> и <em>. Первые – просто визуальное оформление для глаза, а вторые – подсказка для поисковиков, что этот текст "важнее" остального. Если не сильно вдаваться в подробности, то вроде понятно – тексту, выделенному с <em> и <strong> поисковик дает условно "+1 балл внимания". Но, в то же время осталось немало других тегов логического форматирования. Это <cite> (цитаты, названия произведений…

   Asked by Kray Storm, October 14, 2012

   0 votes
   2 answers
10. верстка нестандартного меню

    Подскажите как сверстать меню ? http://freepsd.com/colourful-wordpress-free-psd-template/ На ум приходит только через карты.

    Asked by cypler, April 16, 2013

    • верстка нестандартного меню
    0 votes
    6 answers
11. Размер шрифта

    В последнее время встречаются psd макеты со следующими размерами шрифта: 2,88pt; 3,12pt; 3,6pt и т.д. Как их задавать в font-size? Ведь если так и писать, то реально получается еле видимый текст...

    Asked by Vulner, June 4, 2013

    0 votes
    15 answers
12. Помогите разобраться с "clear"...

    Верстаю шаблон для Joomla и столкнулся с такой проблемой: все материалы в начале содержат картинку с float: left и высота этой картинки больше высоты блока с текстом. Изза этого картинку обтекает не только текст, а еще и весь блок следующей новости: http://yadi.sk/d/NfElKboeHjA6k Если же разделителям которые идут после каждой новости я прописываю clear: both, то казалось бы все работает, но первый же разделитель опускается до той линии где кончается левый сайдбар (красная линия на рисунке), оставляя много пустого места: http://yadi.sk/d/qgE-7ATtHjAWv Подскажите как сделать так чтобы новости выводились нормально, не обтекая картинку из предыдущей новости и не оставляя …

    Asked by XAHTEP26, February 11, 2014

    0 votes
    5 answers
13. Переход по ссылке из MS Office

    Столкнулся с проблемой, если люди переходят по ссылке из MS Office на сайт, то даже в нормальной версии браузера вылетает сообщение чтобы обновили версию браузера что сайт не поддерживает его if(preg_match('/(?i)msie [2-8]/',$_SERVER['HTTP_USER_AGENT'])){ header('HTTP/1.1 301 Moved Permanently'); header("Location: /ie.html"); exit;}Как вылечить?

    Asked by okunev2, February 15, 2014

    0 votes
    5 answers
14. Подскажите ресурс или ссыль на Github

    Хотелось бы понять как сделать: при наведении разворачивается модуль

    Asked by Pinga, November 9, 2015

    0 votes
    5 answers
15. Помогите найти ошибку в нумерации списка

    На онлайн курсе было задание создать нумерованный список вопросов в тесте, вроде, все команды написала правильно, всё выглядело как надо, пока не началось оформление. Всё съехало и нумерация пропала. Помогите,пожалуйста, найти ошибку https://trinket.io/html/cddf8856c1

    Asked by Natalie, January 20, 2020

    0 votes
    1 answer
16. Абсолютное позиционирование

    Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…

    Asked by maddogrts, August 30, 2007

    0 votes
    0 answers
17. Резиновая верстка

    Ребята подскажите!!! Можно ли сверстать страницу резиновой ??? Макет

    Asked by web-publisher, February 14, 2009

    0 votes
    3 answers
18. Заблокировать TABLE или TD

    Добрый день. Возник вопрос - можно ли как-нибудь сделать все элементы в TD (элементы = кнопки, тоже представляющие из себя TD) ненажимаемыми ? Подойдет любой вариант, главное чтобы пользователь при определенных условиях не мог нажать на кнопку.

    Asked by Mervin, April 17, 2009

    0 votes
    5 answers
19. Футер в каждой ячейке таблицы

    Добрый день. Есть большая проблема, которая застопорила весь процесс работы. Существует таблица в 2 колонки с border-spacing: 5px; (cellpadding="5") Каждой td задана граница 1px В итоге получается некое подобие сетки по 2 блока одинаковой высоты в каждой строке. Соответственно, блоки в одной строке тянутся по высоте блока, имеющего максимальную высоту. Ниже пример одной из строк Количество текста в каждом блоке - неизвестно, по высоте - резина. В каждой ячейке может присутствовать блок дополнительных ссылок. Важно: их может и не быть. Т.е. например, в левом блоке они есть, а в правом - нет. Проблема заключается в том, что очень нужно, чтобы эти блоки ссылок ВСЕГДА распо…

    Asked by zoibana, February 26, 2010

    0 votes
    5 answers
20. Вопрос по резиновому 3х колоннику.

    Нашла в сети шаблон 3х колонного макета на DIV'ах. И всем вроде бы хорош, но в IE 6 сразу появляется горизонтальная полоса прокрутки. Подскажите, пожалуйста, как ее убрать. http://blog.sjinks.pro/test/3col/3col_h100.html код шаблона: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Three Column Liquid Layout</title> <style type="text/css"> html { overflow: auto; background: #800000; } html:not(:nth-child(1)) { overflow:…

    Asked by Eirene, May 29, 2010

    0 votes
    1 answer
21. Расположение текста относительно друг друга.

    Здравствуйте, нужно, чтобы меньший текст располагался по центру относительно большего (на скриншоте показано). Если набирать одно за другим - будет меньший внизу. Как поступить?

    Asked by Red Planet, August 14, 2010

    0 votes
    3 answers
22. Супер плагин для картинок

    Говорить мало. Нужно видеть. http://kroppr.rborn.info/ Но стоит 25 евро, а это очень огорчает.

    Asked by Sarabanda, January 12, 2011

    0 votes
    5 answers
23. Полтергейст, IE8

    Ой, всё, вопрос исчерпан, но вкратце напишу: Открываю сайт в IE8 на локалхосте по IP и по имени компа. При открывании по имени компа включается режим совместимости, сайт разъезжается, кнопки отключения режима не видать. Если открывать по IP, режим совместимости выключен. Пробовал на другом компе, там тот же самый режим совместимости при входе по имени. Имя компьютера: pc122-1. Может в нём дело?

    Asked by Int, January 26, 2011

    0 votes
    7 answers
24. Как в ИЕ6 флоальнутым блоком растянуть контейнер, у которого overflow: hidden?

    Приветствую верстальщиков! Необходима ваша помощь. Не знаю, как заставить в IE6 растянуться контейнер, в котором лежит прифлоаченный бокс с содержимым. Вот схематически показываю ситуацию: HTML: <body> <div class="wrapper"> <div class="column">Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст<br>Текст</div> </div> </body> CSS: html, body { margin: 0; height: 100%; } .wrapper { background: #CCC; overflow: hidden; min-height: 50%; position: relative; } * html .wrapper { height: 50%; } .column { background: #FF9; width: 200px; float: left; padding-botto…

    Asked by Torm, July 12, 2011

    0 votes
    6 answers
25. <img> в "Меню сайта"

    Сайт создан на ucoz'e со стандартным шаблоном,и я решил переделать "Меню сайта",изменив названия разделов на html код картинки-кнопки,все это делалось в конструкторе сайта и панели управления.В итоги вышедшего меню сайта вообще пропало,несколько раз повторял эту операцию и безрезультатно.Возможно ли вообще изменить этот раздел и хотяб узнать намек как это сделать?

    Asked by replicate, July 25, 2011

    0 votes
    7 answers