HTML Coding

29542 questions in this forum

1. float:left для выравнивании по верхней стороне или лучше что-то другое?

   Здравствуйте снова На сайте надо блоки "Подарки и сувениры", "Дизайн" упорядочить по верхней границе. Попробовал стиль: float: left;для div.rt-block.cp - справляется, надо только будет тогда display: inline-block; у них убрать. Это правильный метод или лучше что-то другое использовать для div.rt-block.cp, у которых сейчас display: inline-block; ?

   Asked by borus, April 8, 2014

   0 votes
   2 answers
2. Пропорции изображения

   Есть задача, разместить картинку выровненную по горизонтали и вертикали в div размерами 104*104. Проблема в том, что картинки могут быть любых размеров, нужно что бы она уменьшилась сохраняя пропорции и разместилась в родительский div. Есть какие то готовые решения? Скрипты какие нибудь..

   Asked by CroaToa, May 4, 2014

   0 votes
   9 answers
3. Нестандартная форма блока

   День добрый. Натолкнулся на такую штуку и не имею понятия, как ее сверстать. Углы понятно, а вот выпуклые верх и низ?

   Asked by Ponyatno, June 21, 2014

   0 votes
   4 answers
4. Как узнать, с какой скоростью пользователь загружает страницу?

   Собственно, сабж. Ну, например, для того, чтобы заменить фоновую картинку одним цветом и т.д. 1. Возникло предположение отталкиваться от размеров экрана (media queries). Но те же телефоны можно использовать на улице с мобильным интернетом, а можно дома с достаточно быстрым беспроводным соединением. С другой стороны, все же можно говорить, что чем меньше экран, тем проще надо отдавать версию страницы. 2. Дальше атрибут media="handheld". Но на хабре прочитал, что этот атрибут может не поддерживаться современными устройствами. 3. Также можно написать спец. мобильную версию и предоставить пользователю выбор. 4. Определение UserAgent. Но насколько я понял, это можно сд…

   Asked by binomer, June 30, 2014

   0 votes
   3 answers
5. не выводится слаидер в попапе

   Добрый вечер ! не выводится слаидер в попапе должно быть так как на картинке слева а он не загружается не знаю что делать что подскажите при нажатии на картинке он должен открытся http://cyberverstka.hol.es/po-ap/popau.html

   Asked by pitbuli, May 29, 2015

   • попапе
   • слвидер
   0 votes
   2 answers
6. Размывается картинка после изменения размера контейнера

   Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

   Asked by Psychedelic1571, November 17, 2015

   0 votes
   2 answers
7. Верстка хедера с чекбоксами

   Помогите, пожалуйста, как сверстать такой хедер

   Asked by Noeltoka, May 31, 2022

   0 votes
   0 answers
8. Совет по формам

   можно использовать одну и ту же форму, то есть с одинаковыми названиями (name,id) на разных страницах и нужно прибавлять префиксы, например name=email2, id=email2........ спасибо

   Asked by termoplus, August 24, 2009

   0 votes
   1 answer
9. Мешают пробелы в коде

   Иногда складывается такое положение, что пробелы и переносы находящиеся в хтмл-коде при выводе сбивают вёрстку. Например Выведется два рисунка плотно прилегающие друг к другу Выведется два рисунка с небольшим промежутком между ними. Промежуток возникает из-за того на вывод попадает пробел/перенос, находящийся в коде между тегами <img> Вопрос: можно ли как-то предотвратить вывод пробелов/переносов, не убирая их в коде? Т.е. сделать чтобы теги в коде располагались как во втором примере, а промежутка между рисунками не возникало?

   Asked by Колос, July 21, 2010

   0 votes
   3 answers
10. 1px под картинкой!

    <div> <img src="pic1.jpg" height="200" /> </div> Проблема: в ие6-ие7 див имеет 201px. есессно для дива убит фонт-сай, лайн-хейт. Кто сталкивался с такой проблемой?

    Asked by Lincky, October 12, 2010

    0 votes
    2 answers
11. Не могу установить высоту ячеек таблици

    Hi all! В далёком 2008 году купил один сайтик, с тех пор постоянно его переделываю. Собственно вот он: http://www.wm-monitor.ru/ Недавно решил устроить очередную переделку. Одна из задачь была сменить его родную табличную вёрстку на блочную и перевести его на HTML 5. В CSS я плохо розбираюсь, вот заодно решил и освоить стили. Новую вермию сайта я выложил на субдомене: http://new.wm-monitor.ru/ И в принципе мне удалось добиться пратичиски полного сообветствия новой и старой вёрстки, за исключением таблиц. (граници таблици я специально нарисовал, чтоб было видно проблему) Ячейки, в которых нахобятся картинки с точками, должны иметь размер 9х9, как и размер картинки в них. И…

    Asked by Andreyy21, July 22, 2011

    0 votes
    6 answers
12. Проблемка с firefox и chrome

    В браузерах firefox и chrome когда в форму ввода текста вводишь какие-нибудь данные, браузер их запоминает. Например, тут http://zthata.com.ua/map в поле названия улицы, когда вводишь первую-вторую буквы появляется выпадающий список с улицами на эту букву и ты выбираешь нужную себе улицу. Но, потом когда ты опять ищешь улицу на ту букв которую искал раньше, тебе помимо выпадающего списка улиц самого скрипта еще сам браузер показывает список улиц, которых ты раньше выбирал. Как сделать, так чтобы браузер не показывал введенный ранее мной текст.

    Asked by Angel_33_3, July 27, 2011

    0 votes
    2 answers
13. Верстка контент бокса

    Доброго времени суток. У меня есть три изображения бордера контент бокса: 1-верхняя и боковые границы, 2-боковые границы и 3-боковые и нижняя границы. Мне необходимо сверстать этот бокс таким образом, что бы он мог без проблем растягиваться во вертикали. Т.е. верхняя часть остается на месте, средняя увеличивается по top+bottom, нижняя чать опускается. Пытаюсь сделать таким образом: HTML <div class="middleborder">[i]Контент[/i] <div class="top"></div> <div class="bottom"></div> <div> CSS div.topborder { display: block; background: url(image/top.png) no-repeat -18px -25px; height:210px; } div.middleborder { display:inl…

    Asked by jaguar_sea, August 3, 2011

    0 votes
    4 answers
14. Белый фон у флешки в IE

    Сабж Флешка вверху справа. В IE8 белый фон по краям, убираться не желает. Эта проблема средствами html/css решается или это флешер накосячил?..

    Asked by Gaspode, August 19, 2011

    0 votes
    5 answers
15. Открывающиеся меню.

    Всем доброго дня! У меня есть сайт .html html+css+js, и есть форма в .html html+css. Можно ли как нибудь на сайте разместить форму не мучая сильно код, так как создавал через сайт и там ужас будет всё менять. И как сделать выплывающую форму при нажатия на кнопочку, посоветуйте ресурс. Спасибо!

    Asked by Wahlberg, January 15, 2012

    0 votes
    2 answers
16. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien, February 12, 2012

    0 votes
    3 answers
17. Поле с боковыми стрелками

    Как сделать вот такое поле(допустим для выбора количества товара)?

    Asked by chocolate_moles, April 12, 2012

    0 votes
    5 answers
18. Xml - Русский язык

    Я много тем нашёл, что только не пробовал не помогает. Вот решил написать. Думаю поможите мне <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta charset="utf-8" /> <head> <title>Company</title> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript" src="js/swfaddress-optimizer.js"></script> <script type="text/javascript" src="js/swfaddress.js"></script> <style type="text/css"> #flashcontent { height: 100%; fon…

    Asked by ashimano, August 21, 2012

    0 votes
    4 answers
19. Как правильно сверстать активный пункт меню?

    Привет, собственно вот скриншот того, что я хочу сделать: Как видите, кнопка Home имеет фон и вот эту вот "галочку". Фон идет картинкой; естественно, что при попытке "подложить" эту картинку под, например, Business выглядит это не комильфо. Можно, конечно, сделать такую картинку для каждого пункта навигации, но это не лучший вариант. И у меня вопрос, как это правильно сделать, да так, чтобы выглядело нормально при любой длине слова?

    Asked by novickOk, September 16, 2012

    0 votes
    2 answers
20. нужно href ссылку передать в input

    closed

    Asked by radioactive, May 13, 2013

    0 votes
    3 answers
21. Странная анимация цвета

    http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?

    Asked by Zverushka, January 16, 2014

    0 votes
    11 answers
22. Помогите решить задачу с :hover

    В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit

    Asked by Akkord87, February 14, 2014

    0 votes
    10 answers
23. margin 0 auto

    Почему разработчики придумали значение auto а не center????

    Asked by DivMan, March 1, 2014

    0 votes
    3 answers
24. Как сделать, чтобы дочерние элементы не наследовали стиль родителя?

    Можно ли задать какое-нибудь свойство родителю, или воспользоваться каким-нибудь псевдоклассом, чтобы его дочерние элементы не наследовали его стиль, или необходимо для каждого возможного дочернего элемента переписывать стиль внутри данного родителя?

    Asked by wi34rd, March 24, 2014

    0 votes
    1 answer
25. верстка под разные устройства

    Всем добрый вечер. У меня сайт, сверстан под три разрешения, это не назавешь резиной, просто фикс под три разрешения, использовала @media gueries. Максимальное разрешение 1980х800 - расчитано для настольных ПК. Второе разрешение 1024х768 расчитано больше для планшетов и вот вопрос возникает, как сделать так чтобы это разрешение отображалось на всех планшетах, а не бралось разрешение 1980х800, если разрешение у экрана планшета выше 1024? Потом возникла проблема при вертикальном просмотре на устройствах и горизонтальном просмотре: можно ли при вертикальном использовать одно разрешение экрана, а при горизонтальном другое? Хотелось бы узнать ваши варианты та…

    Asked by Nailya, April 23, 2014

    0 votes
    2 answers