HTML Coding

29542 questions in this forum

1. "Наложение" при верстке в Мозилле

   Уважаемые коллеги, братья, сестры и товарищи! Прошу помощи вот в таком вопросе. Верстаю я страничку (в битриксе, поэтому в текстах проскальзывает лишнее) со следующего рода содержанием: блок 1 - большая такая "плашка" с тенью и скругленными углами. После нее идет таблица, в первую ячейку которой вставлена подложка. В Опере и ИЕ все ладушки, блок один идет себе спокойно, за ним таблица. В Огнелисе таблица наехала на блок 1, код которого я привела ниже. Честно, не ожидала такой реакции, по сему немного растеряна и ошибок не вижу. Подскажите, люди добрые, как с этим мракобесием бороться. ЦСС <style/css> .roundRectBlock { position: relative; left:100px; top: 20p…

   Asked by Lana_M, May 8, 2008

   0 votes
   5 answers
2. Проблема отображения <li> в браузерах

   Доброе время суток. Раньше с дизайном особых проблем не было, ответы находил либо сам (методом тыка) либо на форумах. Но вот вчера столкнулся с проблемой отображения списка в браузерах IE6 и FF3.5.5. Вообще вот суть. Есть список разделов, в них входят подразделы. используются теги <ul><li> как для разделов так и подразделов. Но этот самый список в разных браузерах отображается по разному. вот кусок css кода: .box ul { margin: 0; padding: 0; } .box li { list-style-type: none; margin: 0 0 0 3px; padding: 0 0 4px 20px; background: url('blt.gif') no-repeat; } В общем если делаю отступы для подразделов, то в IE6 он так же сдвигаетс…

   Asked by qazew, February 12, 2010

   0 votes
   9 answers
3. Представление совместимости в IE

   Понимаю, что тема в каком-то смысле затасканная, но все-таки... Короче, к теме. Написал сайт, в лисе и опере всё ок. В ИЕ в отсутствие Доктайпа лажа, добавил Доктайп стало всё нормально. НО! Зашел позже с другого компа в ИЕ и увидел опять лажу. Оказалось, что в настройках браузера стоит галочка "Представление совместимости". Получается, если эта галочка стоит, даже Доктайп не помогает. В связи с этим 2 вопроса: 1.почему не действует в таком случае доктайп (ведь это прямое указание, в соответствие с каким стандартом представлять результат на странице)? 2.как с этим бороться? Человек, которому я делал сайт, об особенностях настроек слышать ничего не хочет, считая, что в люб…

   Asked by ListOFF, September 12, 2011

   0 votes
   5 answers
4. Firefox. Инструменты адаптивного дизайна. Изменение размеров

   В Firefox жмакаешь "Ctrl + Shift + M" - открывается панель адаптивного дизайна, можно менять размер области отображения. А в левом верхнем углу появляются цифры, которые отображают ширину и высоту этой области. Так вот, я только что заметил, что там цифры неправильные. Задал фиксированную ширину блоку 1600px, начал уменьшать область. Когда стала видна только эта область, то Firefox мне показал, что около 1450px вместо 1600px. Я подумал, что за дела, может быть, я что-то где-то забыл или пропустил ошибку. Но нет. Скачал расширение для браузера (Resizer) и оно мне показало именно "правильные" 1600, а не меньше или больше. Что я делаю не так?

   Asked by binomer, June 28, 2014

   0 votes
   5 answers
5. Спойлер без лишних блоков и затуманивание

   Доброго времени суток. Возникла проблема, мне надо сделать спойлер, без лишнего блока, т.е. без разбиения текста на анонс и основную информацию. Смогла сделать только через ховером... а надо бы по клику >< И почему-то затуманивание не получается в месте обрезки сделать (если делаю через скрипт с разными блоками получается...) https://jsfiddle.net/p6dczm5k/2/ Спасибо )

   Asked by Mary_RND, October 4, 2016

   • css
   • html
   0 votes
   5 answers
6. Пробел под футером

   Не могу понять,как убрать пробел под футером. Вроде блоки не выпирают Вот исходный код http://www.cssdesk.com/J8Xk9

   Asked by Tempest, December 7, 2017

   • css
   • адаптивная верстка
   0 votes
   5 answers
7. Первый в потоке блок обтекает соседний блок

   Я снова тут и снова прошу совета опытных верстальщиков Два блока див у одного стоит обтекание всеми остальными <style type="text/css"> .layer1 { float: left; width: 40%; } </style> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <div> Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla fa…

   Asked by ShumNo, November 28, 2010

   0 votes
   15 answers
8. Ищу верстальщиков-собеседников для обмена опытом

   Здравствуйте! Меня зовут Владимиром Я начинающий веб-мастер. Ищу активных верстальщиков, которые уделяют много времени этому делу, со знаниями на среднем уровне ( собственно таких же как и я ). Хочется общаться с такими людьми (можно скооперироваться и сделать общую беседу в ICQ / VK) для обмена опытом, знаниями, для совместного решения проблем. Если будет в наличии время могу помогать даже с довольно крупными проектами (для получения опыта). Связь через ICQ / VK. Пишите, кому хочется быстро развиваться в данной отрасли, посредством критики, совместных доработок, подкидывания новых идей и т.п.

   Asked by ulteriormoon, June 13, 2013

   0 votes
   18 answers
9. Как сделать подкатегории?

   Есть главные категории, а есть внутренние. Мне нужно, что бы при нажатии на основную категорию открывался список внутренних категорий, ссылающийся на главную категорию. К примеру это главная категория: <li><a href="/kartinki/"><span>КАРТИНКИ</a></li> А это кодкатегории: <div class="sc_header b_header"><span>Картинки</span></div> <div class="sc_content"> <ul> <li><a href="#">Звери 1</a></li> <li><a href="#">Димотиваторы 2</a></li> <li><a href="#">Природа 3</a></li> Помогите, прописать правильно. Если движо…

   Asked by @priest, April 22, 2016

   0 votes
   1 answer
10. Safari - как задать размер шрифта, чтобы его размер не менялся при масштабировании?

    Может быть, кто-нибудь подскажет: как правильно побороть проблемы с увеличением шрифта в Safari? IE, Mozilla, Opera - нет проблем, задаем в пунктах. А здесь как? Спасибо всем, кто откликнется.

    Asked by Людмила, October 26, 2008

    0 votes
    3 answers
11. CSS ссылки

    Здравствуйте! Проблема следующая, как можно и можно ли сделать в веб-странице с помощью CSS область (абстрактную, полностью прозрачную) фиксированную в одном месте (не в одном месте экрана, а страницы), чтобы при наведении можно было перейти по адресу определенному. Может это не в CSS делается?

    Asked by skv_79, May 26, 2009

    0 votes
    8 answers
12. изображение в ссылке

    Доброго времени суток! Возможно вопрос и тупой, но не судите строго: Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!

    Asked by inox, July 4, 2010

    0 votes
    11 answers
13. Настройка sass для инспектора google

    привет, народ кто пользуется sass - можно ли какой то командой отслеживать изменения в общем css файле - который генерируется из нескольких scss, командами sass. (для пояснения sass --watch path/sass-directory:path/css-directory.) Для чего это нужно, если делать мелкие правки в самом инспекторе хрома то они делаются в style.css (работают живые стили - то есть изменения переносятся из хрома в файлы) и их вручную нужно переносит в соответствующий *.scss файл. Может sass отслеживать эти изменения . Пока он следить за scss, и собирает их в один style.css. Нужно что бы, Если что то меняется в style.css. он отслеживал соответствующий *.scss файл. Например выдает т…

    Asked by R__, December 9, 2013

    • css
    • scss
    0 votes
    7 answers
14. Проблема с IE 6

    Помогите пожалуйста решить проблему с IE 5.5 - 6. Контент съезжает вниз... Вот так выглядит: А вот верстка: <!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>.</head> <body> <div id="wrapper"> <div id="minHeight"></div> <div id="outer"> <div id="logo">.</div> <div id="inner"> <div id="left"> <div id="left-inner"> <div id="sidebar"> <div id="mainmenu">.</div> <div id="search">.</div> <div id="news">.</d…

    Asked by Dokea, December 17, 2009

    0 votes
    3 answers
15. Высота div с плавающими блоками внутри

    Хочу сделать следующее. Внутри одного div расположить несколько плавающих блоков. У них может быть разная высота. В одном из этих блоков есть кнопка, которую хочу выровнять по низу вертикально. Для последнего делаю height: 100% и vertical-align: bottom. Но для внешнего div высота остается неизменной независимо от его наполнения, т.к. содержит плавающие блоки. Как сделать так, чтобы высота внешнего div была равна высоте самого крупного его внутреннего блока? ...средствами хтмл.

    Asked by warobushek, September 29, 2010

    0 votes
    6 answers
16. first-child

    Нужно применить оформление только к первому tr входящему в таблицу: table tr:first-child { border-bottom: 1px solid red; } Причем в этой таблице находятся другие таблицы и каждый tr внутри каждой из них получает это свойство. А мне нужно только для первого tr входящего в основную таблицу. Все остальные таблицы - вложенные. Казалось бы... решение проблемы на поверхности: table > tr:first-child { border-bottom: 1px solid red; } Но нет. Так стиль вообще не появляется. Интересно почему. Tr является дочерним для table и я не вижу проблемы. Тоже рекомендуют ребята с оверфлоу, но че-то как-то не работает.

    Asked by Destrifer, January 10, 2019

    0 votes
    6 answers
17. Мигающий текст

    Подскажите, пожалуйста, как можно сделать эффект мигающего текста

    Asked by mimic, July 25, 2007

    0 votes
    2 answers
18. Блок <div... поверх картинки

    всем привет ! как разместить несколько блоков поверх картинки на примере : #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; /* CHANGED */ background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; }

    Asked by dima2207, April 18, 2008

    0 votes
    5 answers
19. вертикальное выравнивание блоков

    есть <div style="float:right;"> это должно быть сверху <div id="bottom_div"> содержимое этого блока снизу </div> </div> нужно содержимое первого diva выравнивать сверху второй должен прилипать всегда снизу первого блока, все блоки неизвестной высоты. _________________________________________________________________ несколько дней пытаюсь решить но ничего не могу придумать, если кто сможеть решить хотяб на таблицах буду благодарен PS: xhtm 1.1

    Asked by Toxin_G, August 11, 2011

    0 votes
    11 answers
20. Инструменты тестирования на кроссбраузерность

    Подскажите, пожалуйста, есть ли opensource приложение для тестирования страниц в разных версиях браузеров (Windows и Linux)? Очень нужно. Спасибо.

    Asked by hike, April 23, 2012

    0 votes
    13 answers
21. Хитрая форма - "выбрать или ввести".

    Добрый день! Необходимо создать форму, в которой будет на выбор предоставлено несколько вариантов ответа, которые я делаю через , но также необходимо добавить вариант, в котором пользователь введет свой ответ, и как это сделать я не могу придумать! Есть ли решение? Спасибо!

    Asked by Alexey Menshikov, March 19, 2008

    0 votes
    8 answers
22. Проблемы с таблицами в IE

    Сейчас я редактирую скин для форума, и сделал по обеим сторонам колонки в виде картинок формата png Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" /> <link rel="shortcut icon" href="favicon.ico" /> <title><% TITLE %></title> <% GENERATOR %> <% CSS %> <% JAVASCRIPT %> </head> <body> <table width="1078" align="center" cellpadding="0" cellspacing="0">…

    Asked by Gaber, March 30, 2008

    0 votes
    2 answers
23. Html + PHP

    Всем привет! Не знаю помогут ли мне тут...:-) Подскажите пожалуйста, как или по какому принципу пишется, происходит объединение шаблонов со скриптами. Вот например есть скрипт который ищет, выводит и есть шаблон в виде таблице, но как это дело объединенить не знаю Может кто посоветует мануал какой-нить почитать, потому-что искал искал но к сожаление ничего конкретного не нашёл. всем спасибо!

    Asked by wisper, January 5, 2009

    0 votes
    6 answers
24. Разрешение экарана и jpeg

    Добрый вечер. Вопрос таков. У меня картинка(jpeg) с разрешением 1600 на 1200 в верху. Я вижу только левую её часть. Как сделать так, чтобы размеры картинки было фиксированным, не взирая на разрешение экрана будь то 800 на 600, 1024 на 768 .... С Уважением Олег

    Asked by nod32rus, January 12, 2009

    0 votes
    10 answers
25. Меню>Всплывающее подменю (как реализовать)

    Подскажите пожалуйста, как сделать меню навигации по сайту. что при наведении курсора мышки на строку меню тут же выплывало несколько строк подменю. Например как на этом сайте музыкальной группы Ария. Только не в горизонтальном исполнении, а в вертикальном. Можно ли этого добиться с помощью html/css или для этого нужно что нибудь другое. Спасибо за понимание.

    Asked by romanist, February 3, 2009

    0 votes
    2 answers