HTML Coding

29,542 questions in this forum

1. Наслоение колонок одна на другую в Опере

   День добрый. Подскажите хотя бы в какую сторону копать. Проблема: есть сайт - crimea-media.ru. Всё началось с того, что поставил выравнивание главной колонки по центру, для более правильного отображения на широкоформатных экранах. Изменил в CSS значение float c left на center - #main { float:center; background:urlsidebar_bckg.gif) no-repeat top right #fff; } В результате на широкоформатниках всё стало красиво, а вот на обычных мониторах при разрешении 1280*1024, только в Опере (!), колонки стали наезжать друг на друга. В других браузерах всё нормально. Подскажите в чём может быть проблема? Стиль левой колонки - #text { margin: 0 292px 0 0; background:url(content.gif…

   Asked by demoni2004, March 26, 2012

   0 votes
   8 answers
2. Разные css для разных экранов

   Как определить через скрипт размер экрана и подгрузить соответствующий файл css? Есть ли какие нибудь негативные моменты из практики при использовании данного способа?

   Asked by John Do, March 24, 2012

   0 votes
   8 answers
3. col, background и colspan

   Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?

   Asked by Veseloff, March 27, 2012

   0 votes
   8 answers
4. Обтекание блока другими блоками

   Добрый день! Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6). Есть фиксированный блок меню слева, справа от него распологаются блоки-таблички. Если сверстать просто в две колонки - меню слева, таблицы справа, при прокрутке страницы далеко вниз останется белая полоса под меню. Хочется, чтобы блоки-таблички аккуратно обтекали блок меню, как на рисунке выше. Есть ли элегантное решение этой проблемы без JS? если точно нет, то с минимальным JS..

   Asked by mSnus, March 28, 2012

   0 votes
   8 answers
5. Прокрутка в блоке div

   Возник такой вопрос, например, в каком-то месте сайта, у меня имеется div-ka <div id="con_event">тут очень много данных, текста, таблички, картинки, без разницы что, скажем так на пикселей 1500 высотой</div> стиль div-ки: #con_event { border: 0 solid white; height: 440px; overflow: scroll; } Всё отлично, моя div-ка имеет высоту 440пикселей, появилась полоса прокрутки, всё как задумывалось. Теперь вопрос: данные в div-ке прокручиваются, как только я подвожу мышку на дивку, и начинаю прокручивать колёсико мышки, есть ли возможность сделать так, чтоб, для "активации" прокрутки необходимо было кликнуть по div-ке, ну или ещё какой-то вариант? Суть вот в…

   Asked by pmsi, April 1, 2012

   0 votes
   8 answers
6. Не могу прижать подвал к полу

   Здравствуйте, уважаемые профессора! Нужна ваша помощь! Не могу растянуть макет на всю страницу, хоть ты тресни! Хочется застрелиться :dash: Код html Код css Скачать архив (для вашего удобства ): _http://smokednuts.narod.ru/smokednuts.zip файл pokupatel.html Очень прошу помочь! Может я не тот доктайп юзаю?

   Asked by il.prohorowi4, April 2, 2012

   0 votes
   8 answers
7. Различие псевдоэлементов :after и ::after

   Объясните, пожалуйста, в чём смысл ввода в CSS3 элементов с парой двоеточий?

   Asked by skvor, April 3, 2012

   0 votes
   8 answers
8. Вертикальное выравнивание текста в div'е

   Возникла проблема при расположении текста внутри блока с картинкой. Вот пример в песочнице. Задача - добиться вертикального выравнивания текста по центру картинки. Причем нужно нормальное решение, которое не зависит от количества текста. В интернете в основном предлагают установить следующий стиль для div'а: wrap{ display: table-cell; }; Тогда можно будет просто сделать vertical-align: middle и текст будет по центру. Но данное решение мне не подходит, потому что несколько таких элементов последовательно будут отображаться как ячейки в таблице, а мне нужно расположить их друг под другом. Есть какое-нибудь другое решение данной проблемы? Или может применить table-cell и обе…

   Asked by LMnet, April 4, 2012

   0 votes
   8 answers
9. Проблема с таблицей

   Добрый день! Не могу понять в чем может быть пролема: Таблица во всех браузерах грузится нормально, в IE8 IE7 глючит. А точнее при загрузке страницы показывает таблицу норм, но как только страница загружена сразу пропадает все оформление и остается только текст. Тут посмотреть можно как это выглядит Вот код: Может кто встречался с таким уже table { *border-collapse: collapse; /* Для IE7 и старше */ border-spacing: 0; width: 100%; } .bordered { border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1p…

   Asked by Imperil, April 7, 2012

   0 votes
   8 answers
10. Прижать футер к низу страницы

    Помещаю все содержимое страницы во wrapper(растягиваю на 100% по высоте), footer делаю с отрицательным отступом, все ОК. Но как сделать отступ в 20px сверху? p.s. ладно черт с ним с футером, как просто растянуть блок по высоте окна браузера и сделать фиксированный отступ сверху?

    Asked by chocolate_moles, April 7, 2012

    0 votes
    8 answers
11. цвет кнопки disabled в Opere не правильно

    Привет. Столкнулся с непонятным ситуациям. В общим, никак не могу делать цвет кнопки с атрибутом disabled белым. Код тут: http://jsfiddle.net/nEgYG/ Это касается только браузеру Опера

    Asked by jumancy, April 9, 2012

    0 votes
    8 answers
12. разобраться с доктайп

    Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков? У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*html) ява-код <script type="text/javascript"> $(document).ready(function( ) { $('.otvet').hide(); $('#block_vopros h2').toggle( function() { $(this).next('.otvet').slideDown(700,'swing'); $(this).addClass('close_otvet'); }, function() { $(this).next('.otvet').slideUp(500,'linear'); $(this).removeClass('close_otvet'); } ); }); $(document).ready(function() {$('#toglink0').click( function() { if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) { if ($('…

    Asked by pbeloysov, April 9, 2012

    0 votes
    8 answers
13. Подскажите с js

    Сделал подсказку с помощью css вот структура <p class="tt"> <span class="tooltip"> <span class="top"> </span> <span class="middle"> Тут текст всплывающей подсказки <a href="#">Ссылка</a> <input type="button" value="Закрыть" onclick="window.close(".tt")"> </span> <span class="bottom"> </span> </span> </p> как сделать чтобы по клику на кнопку закрыть она закрывалась? кнопку с событием онклик вставил а дальше как незнаю

    Asked by Didorri, April 12, 2012

    0 votes
    8 answers
14. можно ли повлиять на скорость :hover

    можно ли повлиять на скорость :hover , например скорость выполнения 3секунды. возможно JS или Jquery?

    Asked by olechic, April 12, 2012

    0 votes
    8 answers
15. Растягивание фона блока

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

    Asked by flintovich, April 13, 2012

    0 votes
    8 answers
16. Как занять блоками всю ширину родителя

    Вот такая задачка появилась. 1. Есть контейнер резиновой ширины. 2. Есть блоки (например заметка с картинкой) в контейнере, их количество - любое от 1 до бесконечности. Реально надо обрабатывать хотя бы до 10. Количество блоков заранее не известно. 3. Блоки должны выводиться в контейнере равной ширины и занимать всю ширину контейнера. 4. (самое сложное) У блоков должна быть минимальная ширина: если контейнер сильно сужается, не влезающие блоки должны переноситься на следующую строку. Последний пункт отметает вариант с table-cell. Указать ширину в % тоже нельзя - ведь заранее количество блоков не известно. Вариант с justify + inline-block тоже не подходит, потому что блоки…

    Asked by Xerol, April 13, 2012

    0 votes
    8 answers
17. подскажите с background

    Подскажите как правильно сделать. На сайте http://atlasokon.com.ua/vibor.htm слева и справа колонки идут в виде: <td width="200" align="center" valign="top" background="Pics/rubber_grip1.png"> валидаторы ругаются что тег "td" не имеет атрибута "background" в активных версиях НТМL4 как с этим бороться?

    Asked by zulus, April 13, 2012

    0 votes
    8 answers
18. Постоянная hover-кнопка

    Здравствуйте! Как можно реализовать следующее? Предположим есть меню: <a>Главная</a> <a>Новости</a> <a>Галерея</a> Мне нужно, чтобы, когда я нахожусь на странице "Новости", ссылке "Новости" придавался псевдокласс :hover

    Asked by Dimusyan, April 21, 2012

    0 votes
    8 answers
19. Как опустить youtube под всплывающее изображение?

    Здравствуйте. На странице если нажать на иконку фотографии, получаю что она выводится под видео youtube: Пробовал z-index применять к классам pg-category-view-desc(z-index:1) и phocagallery-box-file(z-index:2) - не исправило ситуацию. Чем можно это исправить?

    Asked by borus, April 17, 2012

    0 votes
    8 answers
20. Таблица

    Здравствуйте, подскажите пж как реализовать. Есть таблица как выделить определенную ячейку таблицы?

    Asked by Rubik, April 19, 2012

    0 votes
    8 answers
21. верстка макетной платы

    привет! необходимо сделать модель макетной платы в виде веб-страницы. выглядеть это должно примерно так: сверху эл. элементы (их пока там нет) берутся и перемещаются на плату снизу (между точками) будет использоваться html и jquery (+css конечно) вопрос: каким образом сделать саму плату(интересуют html теги)? как выполнить точки на плате, чтобы элементы "крепились" между ними?

    Asked by max.sa, April 19, 2012

    0 votes
    8 answers
22. Сделать часть картинки .png прозрачной

    Здравствуйте. Вот есть у меня картинка. Её я вставляю на сайт. На этой картинке рисунок, он на белом фоне. Фон идёт вместе с картинкой, т.е. прямоугольником или квадратом. Ну так вот. Как сделать, чтобы фон этот просвечивался, а оставалась только картинка? Вообще это такая распространённая задача, но я забыл, как я раньше её решал. Помогите, пожалуйста.

    Asked by prowoke, April 22, 2012

    0 votes
    8 answers
23. мигающая картинка

    как самым кратчайшим образом сделать, чтобы картинка мигала (менять параметр style: display)? Если есть возможность, приведите, пожалуйста, готовый код скрипта?

    Asked by Rilo, April 20, 2012

    0 votes
    8 answers
24. Как правильно сделать?

    Здравствуйте! Как правильно сверстатать с помощью дивов такое расположение: Тоесть нужно сделать так: Спасибо!

    Asked by nektome, April 21, 2012

    0 votes
    8 answers
25. box-shadow inset и img

    Есть див в котором помещена картинка <div> <img src=""/> </div> К диву применена внутренняя тень CSS3 box-shadow : 0 1px 2px rgba(0, 0, 0, 0.6) inset; В итоге изображение перекрывает эту тень, как можно это побороть? Заранее благодарен.

    Asked by bookin, April 22, 2012

    0 votes
    8 answers