HTML Coding

29,542 questions in this forum

1. Проблема в ie8+

   Сверстал шапку, во все браузерах все отлично. В ie6 тоже в принципе все нормально, правда не поддерживает минимальную ширину сайта, но бог с этим В ie7 все отлично в ie8 тоже все отлично а вот в ie9 проблема Не отображается ни одна картинка на сайта, ie9 вроде видит структуру картинок но не отображает, сайт резиновый, картинки позиционированием выровнял и floatom одновременно, почему во всех браузерах даже в ie6,7,8 показываются, а в ie 9 нет ? вот исходники http://jsfiddle.net/23bJa вот скриншоты: mozilla firefox: http://radikale.ru/data/upload/4efc3/69fda/ebcd054d3e.png opera: http://radikale.ru/data/upload/05615/69fda/3144fe2bd3.png ie6: http://radikale.ru/data/upload/…

   Asked by WEB-best, December 14, 2013

   0 votes
   2 answers
2. Блоки div

   В блоке есть текст. Как сделать так, чтобы когда места в блоке не хватит, то блок увеличивал свою высоту?

   Asked by Alexzord, December 18, 2013

   0 votes
   2 answers
3. как обрезать изображение?

   В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…

   Asked by anton41k, October 27, 2014

   0 votes
   1 answer
4. Возможность добавления файла на сайт. Как это сделать?

   Чтобы пользователь мог добавить свой файл на мой сайт. Как это сделать? И чтоб его могли просматривать другие.

   Asked by RuslanHeYca4ev, January 22, 2015

   0 votes
   2 answers
5. Помощь с вёрсткой

   Здравствуйте! Не могу никак найти свойство, которое отвечает за появление формы. В этом сайте http://www.mys174.ru/после переноса блока "левое меню" (float: right) при нажатии кнопки "задать вопрос" форма появляется за пределами сайта, то есть появляется горизонтальный ползунок. Надо сделать, чтобы эта форма вылезала слева от кнопки. Не могу найти, что заменить или добавить в стилях. Я только начинаю изучать вёрстку, так что помидорами не забрасывайте, если глупый вопрос задал))

   Asked by Алексанчук, March 16, 2015

   • появление формы
   0 votes
   2 answers
6. Изображение на сайте и таинственное масштабирование

   Здравствуйте! Скачал шаблон для джумлы и столкнулся с загадочным масштабированием картинок в слайдере: обе картинки в разрешении 1500х601, html и css на обе картинки обинаковый, но одна картинка сохраняет свою высоту, растягиваясь в ширину, а другая масштабируется по обоим направлениям, т.е. увеличивает свою высоту. С таким поведеним столкнулся впервые, подскажите, в чём может быть причина? Сайт: http://laakoon.com/, первая картинка: header-1.JPG, вторая: header02.jpg P.S. Чуть не забыл: проблема появляется в последнем хроме на FullHD разрешении.

   Asked by Tmin10, August 24, 2015

   0 votes
   0 answers
7. Проблема с адаптивом

   Добрый вечер. Не могу понять почему у меня на сайте происходит вот такая белеберда http://prntscr.com/bxe5oc почему то контейнер становится все равно в 1000 px и не становится нормальным резиновым. В чем может быть проблема? Бутстрапом занимаюсь недавно, но принцип работы понимаю. Скорее мой косяк в верстке, но почему не съезжают в один столбик все элементы на телефонах? мой сайт http://angel-loves.com/ . При уменьшении в 360px столбики не смещаются в один ряд.

   Asked by creativ, July 25, 2016

   0 votes
   1 answer
8. Не видна панелька от кнопки "Мне нравится"

   Разместил на странице http://www.green-pan.ru/ru/page-2613.htm кнопку от facebook "Мне нравится". Когда на нее нажимаешь, появляющаяся панелька не видна полностью на экране. Подскажите, как это можно поправить?

   Asked by evshi, November 18, 2011

   0 votes
   4 answers
9. печать в браузерах firefox

   <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type='text/css'> *{ margin: 0; padding: 0; } ._TICKET, ._TICKETLAST{ width: 10cm; height: 7.2cm; position: relative; page-break-inside: avoid; } ._PAGEBREAKALWAYS{ page-break-after: always; } ._PAGEBREAKAVOID{ page-break-after: avoid; } ._OBJ{ width: 2cm; height: 2cm; position: absolute; left: 0; top: 0; box-sizing: border-box; } ._V90{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } ._V45{ -moz-transform…

   Asked by zFermer, April 28, 2012

   0 votes
   0 answers
10. Увеличение шрифта + проблема с таблицей

    Всем привет! Сделал таблицу и на первую колонку повесил стиль, который при наведении курсором на ячейку в первой колонке увеличивает её шрифт на 1 пиксель (font-size:12px), а если курсор убрать, то шрифт снова становится 11px. Выглядит это симпатично, но хотелось бы закрепить ширину колонок (<td width="30px"> не спасает), т.к. на некоторые ячейки навожу курсор и вместе с увеличением шрифта начинают "ездить" границы внутри таблицы (ширина). Подскажите в какую сторону покопать, чтобы только текст увеличивался в ячейке, а границы ячейки оставались неизменными?

    Asked by MailRes, September 27, 2012

    0 votes
    2 answers
11. Одно разрешение, разные размеры экрана.

    Собственно, вопрос. Будет ли разница в вёрстке, если разрешение у ноутбуку (17 дюймов) 1600 на 1200, и у десктопа (22 дюйма) тоже 1600 на 1200. Подскажите, в чем будет отличие и как это проверять/фиксить

    Asked by YaroslavLyzlov, November 10, 2012

    0 votes
    1 answer
12. Горизонтальное выпадающее меню, помогите исправить

    Помогите в существующем горизонтальном меню сделать выпадающие вкладки. Уже два дня мучаюсь, не могу сообразить, как исправить. Вот ссылка на страничку: permyakov.org/ru - надо сделать именно в этом меню, новое я сам могу создать, но оно не будет таким красивым.

    Asked by Konstantin, June 22, 2013

    0 votes
    2 answers
13. Проблема с указанием размеров в IE

    Добрый день! Столкнулся с проблемой указания размеров для ячеек таблицы в IE. <table id="main-skeleton" style="width: 100%; max-width: 100%;"> <tr> <td> </td> <td id="cell-columns-headers"> <div class="table-headers-wrapper"> <table id="stat-columns-headers"> </table> </div> </td> </tr> <tr> <td id="cell-rows-headers"> <div class="table-headers-wrapper"> <table id="stat-rows-headers"> </table> </div> </td…

    Asked by demoniqus, January 30, 2014

    0 votes
    1 answer
14. Проьлема с meta tegs

    Всем зравствуйте. Есть вопрос - сайту больше 2-х месяцев. Метатеги title и description прописаны были изначально не на всех страницах. Решили что сушествующие тайтлы и дискры надо поменять а там где не было - добавить. И вот прошла уже неделя с момента как поменяли метатеги, а гугл в выдаче до сих пор показывает старые тайтлы и дискры... Где проблема?

    Asked by valentinka1907, March 3, 2014

    0 votes
    3 answers
15. помогите со страничкой

    Для фреймов задача тривиальная, но если дивами верстать, то вообще непонятно )) там где 220 px высоты должны был полосы прокрутки и где контент, как реализовать грамотно?

    Asked by delphiworld, August 9, 2011

    0 votes
    1 answer
16. Ширина и отступы в дивах

    CSS body { margin: 0px; } #d1, #d2, #d3, #d4, #d5 { padding: 0px 0px 0px 0px; } #d1, #d4 { height: 100px; } #d1 { background-color: red; } #d2, #d3 { height: 400px; } #d2 { background-color: orange; float: left; width: 150px; } #d3 { background-color: yellow; float: right; width: 1115px; } #d4 { background-color: pink; clear: both; } HTML <body> <div id="d1">text...</div> <div id="d2">text...</div> <div id="d3">text...</div> <div id="d4">text...</div> </body> Результат: http://imgsave.ru/image-8D09_4E33E4FA.jpg 1) как зная разрешение экрана, установить два дива на всю ширину экрана? не в процент…

    Asked by Wellmanori, July 30, 2011

    0 votes
    0 answers
17. Как вокруг каждого модуля сделать рамку?

    Как вокруг каждого модуля сделать рамку! Есть ли какой нибудь код чтобы вставить его и чобы все модули поместились в рамку!???

    Asked by VladB, September 27, 2011

    0 votes
    3 answers
18. не работает анимация картинки

    .start-play { width:544px; margin-left:13px; height:126px; background:url('../images/banner-big.gif') no-repeat; } .start-play:after { content:""; clear:both; display:block; } как исправить?

    Asked by surfman, November 2, 2011

    0 votes
    1 answer
19. верстка письма

    Добрый вечер. Столкнулся с неприятным багом в Outlook 2007. В колонке таблицы хочу разместить картинку(элемент дизайна) размером 14x580. Если указать src картинки(а мне именно так и нужно и никак иначе) через cid, то в Outlook'e изображение растягивается до 720px, что совершенно все портит (если указывать через обычный url, то все ok, но это не вариант). Есть у кого идеи/советы? Возможно вознаграждение(ЯД).

    Asked by Brainshock, May 10, 2012

    0 votes
    0 answers
20. Как сверстать обводку?

    Как сверстать обводку блока если она градиентом сверху вниз?

    Asked by hahaja, June 8, 2012

    0 votes
    2 answers
21. Помогите поставить фавикон на ХТМЛ

    Здравствуйте!!! Создал страницу в HTML и не могу добавить для нее фавикон. Пробую прописывать следующий код между тегами head: <link href=”favicon.ico” type=”image/x-icon” rel=”icon” /> <link href=”favicon.ico” type=”image/x-icon” rel=”shortcut icon” /> favicon.ico - название иконки, она расположена в той же папке что и ХТМЛ страница. После вставки кода и обновления страницы все остается по прежнему. Что я делаю не так?

    Asked by kentman, October 15, 2012

    0 votes
    1 answer
22. Как создать такой фон?

    Добрый день! Вот столкнулся с таким фоном. Не могу придумать его решения. Или вставлять просто как картинки слоями через z-index, или вставить просто как одну картинку, или разбить на части, а может есть подобное решения такой абра-кадабры в css?

    Asked by drgreen, October 26, 2012

    0 votes
    2 answers
23. Проблема со скроллом

    Добрый день. Нужна ваша помощь. Задача: 1. шапка, подвал и правая часть основного контента зафиксированы. Контент должен растягиваться на всю высоту страницы. Скроллиться должна только левая часть контента и полоса прокрутки должна быть только тут. 2. То же, что и в первом пункте, только полоса прокрутки должна быть на всю страницу, а скроллиться лишь левый блок контента. выкладываю, что получилось. Проблема с растягиванием левого контента на всю высоту страницы и нерабочим бегунком. http://codepen.io/anon/pen/KHmGd Большое спасибо за помощь.

    Asked by NatalieZ, November 28, 2013

    0 votes
    2 answers
24. Из-за положения div'а меняется текст в коде ниже

    На моём сайте когда я блок .modal выношу в начало страницы (перед #content), весь текст на сайте (после .modal) портится: Что вообще происходит? И как с этим быть?

    Asked by iBars, May 15, 2015

    0 votes
    2 answers
25. Как заставить левый див наезжать на правый, при изменении размера внешнего див?

    Всем привет! Как заставить левый див наезжать на правый? http://jsfiddle.net/g3fwatff/5/

    Asked by zvezda_t, August 7, 2015

    • наложение див
    0 votes
    0 answers