HTML Coding

29,542 questions in this forum

1. Там так, а там не так.

   Почему, если из таблицы стилей убрать тег html или body http://cssdeck.com/labs/wlesybbp то бок с классом main остаётся на месте, а если эти файлы (html и css) скопировать в текстовый редактор и запустить у себя на компе и тоже убрать тег html или body, то бок с классом main пропадает?

   Asked by DivMan, May 18, 2014

   0 votes
   9 answers
2. Верстка листинга одним экраном

   Подскажите - получилось? Изначальный макет http://html2css.ru/extreme2/index.jpg Задумка по нему видна... В общем я его мучила, мучила... попыталась сделать динамический текст и динамические отступы в зависимости от размеров экрана, но только вот текст все равно при некотором разрешении съезжает (то есть все-таки не пропорционально меняется соотношение отсупов и размеров шрифта). Заказчик очень любит попиксельно, но тут другой случай. Но пропорции хотелось сохранить. Удалось или нет? Что подправить может быть? Интересует именно как выглядит сайт на экране для конечного пользоватея и соотествие макету, а не кривость html/css/js. http://html2css.ru/extreme2/ да.. там…

   Asked by Zverushka, May 20, 2014

   0 votes
   9 answers
3. Подскажите по RADIO кнопкам

   Никак не могу найти как сделать тег radio кнопкой. Пример можно глянуть здесь - http://templates.tricyclelabs.com/adminica/form_contact.php (внизу выборка Priority либо regular либо urgent) подозреваю что сделано с помощью js. интересуют ссылочки на уроки или готовые решения как реализовать такое же. спасибо

   Asked by postoianniy, May 21, 2014

   0 votes
   9 answers
4. Работа hover с .svg

   Здравствуйте! Прошу помочь со следующей проблемой: пытаюсь сделать замену одной картинки на другую при наведении на неё курсора мыши с помощью псевдокласса "hover", но ничего не выходит, картинка имеет расширение *.svg. Результат следующий: область, где должна быть картинка, работает, как ссылка, при наведении, но там пусто (изображения нет ни исходного, ни при наведении)! html-код <div id="vk_f"> <a href="http://www.vk.com/" target="_blank" id="vk_f_1"></a> </div> css-код #vk_f { position:absolute; right:284px; top:85px; border:none; } #vk_f_1 { background: url(images/vk_logo_0.svg); …

   Asked by Torawhite, May 23, 2014

   0 votes
   9 answers
5. Как это можно сделать ?

   http://itmages.ru/image/view/1691537/6325a0ca как можно сделать такое ?

   Asked by Shenia132, May 29, 2014

   0 votes
   9 answers
6. Разноцветная линия средствами CSS

   Здравствуйте! Подскажите, оптимально ли я сделал вот такую линию средствами CSS? Может быть есть варианты попроще? http://jsfiddle.net/X3ssR/

   Asked by volshebnyi, May 29, 2014

   0 votes
   9 answers
7. Вложенные блочные элементы

   В процессе изучения html возникли несколько вопросов. Как я понял теги p , h1 и т.д. это элементы которым по умолчанию применены стили такие как отступ слева, справа, сверху снизу (т.е свойство margin). Из определения свойства margin слудеут что оно устанавливает величину отступа. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента. Т.е если обернуть тег <p> тегом <div> вокруг тегов p и div должны быть отступы. Но на деле оказывается, что отступов как следует из определения между дочерним и родительским элементом вообще нет. Отступ сверху и снизу который задается для тега p, оказывает влияние на весь б…

   Asked by Maksim55, June 11, 2014

   0 votes
   9 answers
8. Форумчане помогите с кодом пожалуйста)

   На сайте есть форма заявки с 1 полем (введите ваш email) и кнопкой "отправить" Вот мой код в файле index: <div id="form_container"> <p style="font-size:24px; color:#FFF; position:relative; top:50px; margin:0 0 0 335px; text-align:center; width:300px;"> <br/> Пожалуйста, введите <br/> Ваш e-mail и мы<br/>сразу начнем работу</p> <div id="forma_1"> <form method="post" action="action.php"> <input id="form_text" type="text" name="send_phone" placeholder="Ваш Email" class=”required” required="required"/> <input type="submit" name="ok1" value="" class="ok"/></form></p> …

   Asked by vetals, June 21, 2014

   0 votes
   9 answers
9. Разная кодировка в одном слове

   Такая проблема: если слово превышает 7 символов, то происходит то что на картинке. В чем может быть проблема ?

   Asked by yegorich, June 18, 2014

   • кодировка
   0 votes
   9 answers
10. Не работает overflow

    Добрый день. Есть фиксированный div, растянутый на весь экран (аля модальное окно). А на нем есть таблица. Она может быть совершенно разного размера как в высоту, так и в ширину, и в том числе быть больше окна браузера. Подскажите, как правильно сверстать, чтобы появился горизонтальный скрол, если она не помещается в ширину? Вот в высоту почему-то все работает нормально, а в ширину - нет (таблица начинает ужимать ячейки, чтобы вместиться). Фиксированному диву я поставил overflow: autoМожет там еще какой контейнер-обертку надо... Или в css какое свойство задать?

    Asked by xmlns, June 19, 2014

    • overflow
    0 votes
    9 answers
11. Верстка брэндинг с ссылкой

    Всем привет, Посоветуйте, как сверстать страницу с брэндингом , и так что бы фоновая картинка была ссылкой вот макет http://prntscr.com/3vy5fw Вот как это у клиента выглядит http://ezh1.i-d-web.com/

    Asked by Anna Zharova, June 24, 2014

    0 votes
    9 answers
12. Размер шрифта в Safari

    Шрифт 14pt в FF (других браузерах) и Safari - совсем не одно и тоже. В 2 блоках вылезают надписи. Разница разительна. Про сголаживание я вообще молчу. Как решить проблему без костылей?

    Asked by Destrifer, June 26, 2014

    • safari
    • шрифт
    • кроссбраузерность
    0 votes
    9 answers
13. Есть ли у вас своя база знаний?

    Всем привет. Объясню суть вопроса. При работе постоянно решаются различные задачи, применяются приемы и скрипты, которые встречаются достаточно часто. Каждый раз я вспоминаю где на предыдущих проектах я применял нужный скрипт, ищу этот проект, копирую оттуда скрипт и т.д. Поскольку новых знаний много, в голове все не удерживается и хочется как-то сохранять свои решения для последующего использования в одном месте. Сохраняете ли вы свои решения для стандартных задач в одном месте, что бы в будущем использовать? Если да, то как вы это делаете? Просто в файлик, вики-страничка, evernote или еще как? Расскажите поподробнее, пожалуйста.

    Asked by Kublyakov, June 27, 2014

    0 votes
    9 answers
14. Проблема с позиционирование и font-family: sans-serif на iOS

    Пытаюсь разместить заголовок по центру страницы. Приведенный ниже код отлично работает во всех браузерах, кроме iPhone. Но самое парадоксальное, что если поменять font-family: times; то заработает и на iPhone. <html><head> <style> html { font-family: sans-serif; } header, .mainHeader { width: 100%; height: 100%; } .mainHeader { position: fixed; z-index: 100%; } .wrapper { height: 100%; max-width: 100%; margin: 0 auto; } .wrapper:before, .containerToCenter { display: inline-block; vertical-align: middle; } .containerToCenter { width: 100%; } .wrapper:before { content: ''; display: i…

    Asked by k0sm0s, July 6, 2014

    • iOS
    0 votes
    9 answers
15. Вопрос по фотошоп и TwitterBotstrap

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

    Asked by ilyas, July 7, 2014

    0 votes
    9 answers
16. Расположение изображения в HTML

    Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…

    Asked by Kony, July 14, 2014

    • html
    0 votes
    9 answers
17. модуль joomla

    Добрый день. joomla3. Установил модуль выплывающего меню ARI YUI Menu. Настроил более менее. В firefox, opera все отлично.А вот в ie при наведение всплывающее меню уходит вверх. В template.css выставил vertical-align: inherit; меню стало отображаться правильно. Но главное меню съежилось. <a href=. /*———————————————-*//* Menus (Left/Right)/*———————————————-*/#leftmenu { width: 211px; margin: 0px; padding: 0px; padding-right: 30px; margin-top: 20px; margin-bottom: 30px; margin-right: 18px; float: left; line-height: 1.7em;}#rightmenu { width: 211px; margin: 0px; padding: 0px; padding-left: 36px; margin-top: 20px; margin-bottom: 30px; margin-left: 12px; float: right; li…

    Asked by qbk17, July 23, 2014

    • vertical-align: baseline
    0 votes
    9 answers
18. htaccess. редирект

    подскажите пожалуйста как настроить редирект через .htaccess есть сайт site.ru если в адресной строке браузера набрать адреса: site.ru. site.ru.. site.ru... то сайт всё равно загружается, но адрес выглядит с точками, а надо site.ru то есть без точек. я пробовал такую инструкцию: Redirect . http://site.ru но не помогло

    Asked by cyklop77, July 24, 2014

    0 votes
    9 answers
19. Иконки

    Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

    Asked by modfop, July 29, 2014

    0 votes
    9 answers
20. Танцы с бубнами, или оберточный див.

    <div class='sic'> <div class="call call-on"><span href="#non"> </span></div> <div class="email"><span> </span></div></div>.sic div { position:relative; z-index:1; overflow:hidden; list-style:none; padding:0; margin:0 0 0.25em; width: 30px;}.sic div:before,.sic div:after,.sic div span:before,.sic div span:after { content:""; position:absolute; top:50%; left:0;}.sic div span:before,.sic div span:after { margin:-8px 0 0; background:#c55500;}Если код с классом то все выглядит так: http://prntscr.com/475oby А если без класса .sic, то так: http://prntscr.com/475p17 Все пустое, ниче…

    Asked by Destrifer, July 28, 2014

    0 votes
    9 answers
21. HTML язык разметки, CSS, дизайн, а как создать регистрацию?

    Как я понял, html используют для разметки, создание ссылок и текста, и т.д., а css как для создание дизайна сайта, а что надо использовать, чтобы создать допустим, регистрацию на сайте?Или я недостаточно узнал об html?

    Asked by RuslanHeYca4ev, August 1, 2014

    0 votes
    9 answers
22. Как в слайдере, поднять табы на верх?

    http://cssdeck.com/labs/3d1ayu3a

    Asked by DivMan, August 3, 2014

    0 votes
    9 answers
23. Правильно ли я сделал выпадающее меню?

    Учусь делать выпадающие меню, правильно ли я сделал? http://jsfiddle.net/7qdfc7as/

    Asked by DivMan, August 10, 2014

    0 votes
    9 answers
24. псевдо классы hover, first-child

    Подскажите можно ли прописать так : #denss_page .denss_menu_items li:hover ul.child:first-child{ display:inline-block; } мне нужно задать для первого ребенка списка li ul li на ховере display:inline-block; пытаюсь по разному, не получается. Помогите разобраться плиз. Спасибо.

    Asked by mrfrunze, August 8, 2014

    • CSS
    0 votes
    9 answers
25. Не будут ли у программиста или админа проблем из за такой верстки?

    Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить доб…

    Asked by Нарек, August 16, 2014

    0 votes
    9 answers