HTML Coding

29,542 questions in this forum

1. Форма обратной связи

   Доброго времени суток всем. Верстаю свой первый блочный сайт. Хочу добавить форму обратной связи Будет лучше если форма будет гоизонтальной. Подскажите как сделать форму горизонтальной ? При нажатии мышкой в поле Дата заезда или Дата выезда всплывает календарь что очень удобно при заполнении - как это сделать? помогите создать форму пожалуйста. Вертикальная форма:

   Asked by Guesto, January 8, 2013

   • бронирование гостиниц
   • гостевых домовквартир и.т.д
   0 votes
   8 answers
2. скрыть наполнение дива

   Люди помогите! Есть блок, в котором хранятся три изображения. Блок шириной 600px должен быть, картинки по 250; Суть в том, мне нужно чтоб они стояли три в ряд, и последняя скрывалась за границы блока, то есть обрезалась... html <article class="disckography"> <p><a href="#"><img src="img/album1.jpg"></a></p> <p><a href="#"><img src="img/album1.jpg"></a></p> <p><a href="#"><img src="img/album1.jpg"></a></p></article> css .disckography { height:350px; width:600px; margin:20px 0 0 100px; overflow:hidden; } .disckography p { floa…

   Asked by vladmih, January 26, 2013

   0 votes
   8 answers
3. Создание схемы

   Добрый день. Хочется спросить совета, кто что подскажет. Необходимо на сайте сделать что-то типа схемы. Схема каждый раз разна по сложности и по элементам, т.е расположение блоков может быть каким угодно и где угодно. Блоки схемы - необходимо чтобы они были отдельным активным элементом (при жмаке на блок ссылка, при наведении меняет цвет например). Так вот сам вопрос: как такое сделать просто и удобно? Допустим, блоками див. Но позиционирование таких блоков на странице не должно быть абсолютным, для совместимости разных разрешений экрана например. А при относительном позиционировании - наугад тыкать координаты, сохранять страницу (делаю все в дримвивер), открывать и смотр…

   Asked by фонарик, January 26, 2013

   0 votes
   8 answers
4. Divная верстка

   Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.

   Asked by istory, January 29, 2013

   • div
   • верстка
   0 votes
   8 answers
5. Помогите с шапкой для сайта.

   Помогите выравнять шапку сайта по центру. http://www.gold-stroy.ru/ вот сайт. Вот код. <!--begin header--> <div align="center"> <div id="header"> <div id="banner"> <div class="moduletable"> <script src="http://www.major-sp.ru/modules/mod_kwick_sliding_menu/kwick_menu/js/imageMenu.js" type="text/javascript" language="javascript"></script><script type="text/javascript"> window.addEvent('domready', function(){ var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:333}); }); </script> <!-- Kwick Sliding Menu for Joomla 1.5 by http://www.camp26.biz- If you want to make this module xhtml compliant, you need …

   Asked by dimas562, January 31, 2013

   0 votes
   8 answers
6. помогите справиться с отступами параграфа

   Вот сайт: http://magazine-lady.ru/script/maket1/ В центре есть две колонки с темами рефератов. Не понимаю почему у первых двух параграфов колонки появляется отступ слева, ведь правила css писались для всех элементов

   Asked by Rayzor, February 1, 2013

   0 votes
   8 answers
7. [css] Как повторять картинку

   Добрый вечер. Имеется картинка (треугольник), как мне повторять ей по всей длине экрана, чтобы получился зиг-заг. Собираюсь наложить на картинку, чтобы между шапкой и телом сайта был какой-нибудь переход. Заранее спасибо! P.S.: Само места стыка шапки и тела сайта.

   Asked by gromanev, February 8, 2013

   • CSS
   0 votes
   8 answers
8. Здравый смысл Vs bootstrap

   Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…

   Asked by stDragon, February 13, 2013

   • bootstrap
   • css
   0 votes
   8 answers
9. Несколько общих вопросов

   Буду признателен, если подскажите. 1. Не могу пока, что понять как сделать такое: т.е. пунктиры. Нашел вот такие решения http://www.xiper.net/collect/html-and-css-tricks/content/table-of-contents.html Но здесь кругом фиксированные размеры, т.е. если справа будет больше цифр, то все ломается. Собственно, может у кого что еще есть? 2. Как вы реализуете выпадающие селекты с чекбоксами? Я нашел пока такие варианты: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html (вроде можно практически, что угодно внутрь option запихать) Может есть более "лучшие" реализации?…

   Asked by npofopr, February 21, 2013

   0 votes
   8 answers
10. Как масштабировать изображение при изменении окна браузера

    При верстке адаптивного шаблона возник вопрос, как масштабировать изображение при изменении окна браузера? Сколько не пробовала - никак не получается. Вот код: <ul> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.…

    Asked by Mila, February 21, 2013

    0 votes
    8 answers
11. Объединение select'ов

    На сайте установлен селект со списком городов. Необходимо что бы кроме названия города была информация тего населении и ссылке на информационный сайт города. Всё в один селект запихнуть не получается. Можно список городов оставить в первом селекте а во второй добавить количество жителей и ссылки. Как можно сделать чтобы два селекта реагировали как один. На прокрутку и поиск? Есть ли вообще такая возможность, или подскажите пожалуйста какую-нибудь альтернативу. Спасибо.

    Asked by alleclf, March 18, 2013

    0 votes
    8 answers
12. Поиск в Онлайн-Словаре

    Здравствуйте. У меня возникла следующая проблема. На моём сайте есть список слов, допустим: табак, электрификация, самогонный аппарат и т.д. Необходимо эти слова преобразовать в ссылки, по клику на которые будет открываться новая вкладка в онлайн-словаре (не моём) со страницей соответствующей слову статьи. С теми словарями, где в ссылке явно присутствует слово (например, www.dict1.com/search.nhn?dicQuery=табак или www.dict2.com/search/электрификация) всё примерно понятно. А как быть в случае, если явной связи слова с искомой ссылкой нет? То есть нужно сначала ввести слово в строку поиска на сайте словаря, затем нажать enter (или кликнуть на "Поиск") и только затем происхо…

    Asked by grek170282, March 21, 2013

    0 votes
    8 answers
13. Попиксельная верстка и Arial regular в фотошоп и браузере

    Я верстаю макет номер 5 с этого сайта http://divhack.com/. Пытаюсь сделать "попиксельную" верстку, так как настоящий профессионал должен уметь верстать попиксельно. Выбираю основной шрифт, который указан в макете, а именно Arial 12px и мой основной текст, который идет после "Why choose WebOnDemand?" выходит на одну строку больше, чем в шаблоне! В итоге ни о какой попиксельной верстке не может идти и речи. Делаю свой макет прозрачным и накладываю на шаблон psd и получается все вразнобой, ничего не сходится. Вы там же можете открыть сделанный сайт в html и сравнить с шаблоном - у автора сайта тоже не сходится и текст вылазит на следующую строку. Допустим мой заказчик скаже…

    Asked by Zverushka, March 25, 2013

    • Получается совсем не попиксел
    0 votes
    8 answers
14. Проблемы с верткой 4 клеточной таблицы.

    Не могу никак разобраться со странным багом, обычно я никогда не задаю вопросы, и стараюсь найти решение в поисковике но в данном случае вынужден спросить у вас. Может кто сталкивался с такой проблемой. Есть таблица: <tr> <td></td> <td rowspan="2"></td> </tr> </tr> <td></td> </tr> В хроме все нормально, все парситься как нужно, а firefox криво. Там не виден первый td второго tr. Хром при выборе первого tr (отображена высота в 56px ) В файрфоксе также выбираем этот же tr. как видно высота всей второй строки равна 0. А высота первой строки занимает 100% таблице, не смотря на явно заданный параметр …

    Asked by Ahelhot, April 1, 2013

    0 votes
    8 answers
15. резиновая высота меню

    Подскажите пож. Есть меню <div id="navi"> <ul> <li><a target="_blank" href="index.html">ГЛАВНАЯ</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ2</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ3</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ4</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ5</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ6</a></li> <li><a target="_blank" href="index.html">ГЛАВНАЯ7</a></li&g…

    Asked by EvilDoom, April 4, 2013

    0 votes
    8 answers
16. Модель блока

    В книге Влада Мержевича на странице 115 "Вёрстка веб-страниц" модель блока описана следующим образом: "высота складывается из значений высоты контента (height), полей (padding), границ (border) и отступов (margin)". Когда приобрел книгу http://www.ozon.ru/context/detail/id/2468908/. то там обнаружил другие определения: отступы (padding), границы (border) и поля (margin). Вопрос, как правильно? По моему margin - переводится как "поле", а значит второй вариант.

    Asked by Delat, April 10, 2013

    0 votes
    8 answers
17. Конвертация в видео веб форматы. (HTML 5 video.)

    Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, …

    Asked by Yamaradg, April 24, 2013

    0 votes
    8 answers
18. font css

    Добрый день всем... Подскажите как правильней будет. 1. Нужно подчёркнутому тексту задать размер, цвет #a4a4a4 и шрифт (из стандартных). 2. Выделенному тексту в теге span нужно задать так же размер, цвет и шрифт только всё будет разное. Вот я набросал что то... Помогите. <style> .letter { color: #a4a4a4; /* Цвет символа */ font-size: 100%; /* Размер шрифта */ } p { color: #a4a4a4; /* Цвет текста */ } @font-face { font-family: Helvetica; /* Имя шрифта */ src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */ } </style> <p><span class="letter">Выделенный——>[b]Мы рады приветствовать вас на нашем сайте[/b]!</span> Подчёркнутый—-->[u]…

    Asked by Dallas, April 20, 2013

    0 votes
    8 answers
19. Селектор класса, не имеющего вложенных тегов бывает?

    Здравствуйте. Может можно построить селектор, указывающий на класс, у элемента которого нет вложенных элементов?

    Asked by borus, April 23, 2013

    0 votes
    8 answers
20. padding проблемы

    у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…

    Asked by robo1500, April 28, 2013

    0 votes
    8 answers
21. onclick

    Всем привет. Подскажите, как заставить вот это <a href="all/hearing.html" TARGET="frame"></a> заработать в onclick="" заранее спасибо.

    Asked by Vladlen, April 30, 2013

    0 votes
    8 answers
22. Подключение стиля с помощью @media

    Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …

    Asked by maksvirus911, May 9, 2013

    • @media
    0 votes
    8 answers
23. проблемы с валидацией css в адаптивной верстке.

    Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and (max-width:1024px) @media screen and (min-width:200px) and (max-width:980px) @media screen and (min-width:200px) and (max-width:768px) @media screen and (min-width:200px) and (max-width:600px) @media screen and (min-width:200px) and (max-width:480px) При валидации сss нет ни одной ошибки!Кроме этих двух: 1.Ошибка разбора @media screen and (min-width:200px) and (max-width:875px) { #header{ font-size:10pt; } .gallery{ position:absolute; top:120px; right:70px; } } 2.Ошибка разбора @media screen and (min-width:200px) and (max-width:620px){ #navig ul{ margin:0; } ul.nav li{ float:…

    Asked by eleonore, May 10, 2013

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

    Как сделать, чтобы не все поля меняли свой размер, так как в css уже прописан определённый размер и там он устраивает, а в некоторых местах хотелось бы, чтобы он не применялся к некоторым полям и они были бы меньше. И размер шрифта водимый в эти поля не изменялся. Пример поля: <input name="LMI_PAYMENT_AMOUNT" size="3" value="10" title="Введите сумму"/> ... <select name="LMI_PAYEE_PURSE" title="Выбор валюты" style="min-width:30px;"> <optgroup label="Выбор"> <option value="1">WMR</option> <option value="2">WMZ</option> …

    Asked by lev99, May 16, 2013

    • css
    0 votes
    8 answers
25. Должна ли верстка быть семантичной?

    Поспорил я со своим верстальщиком по поводу семантики. Мое мнение - html должен содержать структурированную информацию и метаинформацию, но не должен содержать данных об отображении: для этого есть CSS. Его мнение - помимо структурированной информации и метаинформации html может содержать блоки, которые нужны исключительно для визуализации (к примеру, пустой <div class="clear"></div> или другие подобные контейнеры, целью которых является лишь применение какого-то CSS-стиля) Сразу скажу, что его подход доставляет мне неудобства при работе с шаблоном: я вижу больше информации, чем мне нужно (сложнее искать нужное). И могу что-то из этого сломать при редактирован…

    Asked by Absinthe, May 22, 2013

    0 votes
    8 answers