Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Как писать css правила?

    допустим есть в html некий блок с классом wrapper как его лучше оформлять в css так: .wrapper { width:900px; margin:0 auto; font:14px Arial, sans-serif; } или так: .wrapper {width:900px; margin:0 auto; font:14px Arial, sans-serif;} В профессиональной литературе разработчики советуют 2 вариант, так как он компактней и все такое, но большинство выбирают первый код. Что думаете Вы, как лучше?

    Asked by WEB-best,

    0 votes
    2 answers

  2. Траблы с выпадающим меня(

    Ребята,собственно такая проблема. Сейчас делаю тему на Joomla. И столкнулся вот с такой проблемой. Ссылку на сайт дать не могу так как рабочий... Но я заснял на видео)) https://www.youtube.com/watch?v=-wGKpxFP1-A Как видите выпадающее меню выпадает не полностью... И словить инспектором я не могу(( Посоветуйте что то! Спасибо.

    Asked by vitaxastifler,

    0 votes
    6 answers

  3. Треугольники с тенью

    Привет всем) На сайте есть вот такая вот вещь http://hostingkartinok.com/show-image.php?id=6b76a5e249ae06bc90b0be40fe0a703c я знаю как сделать это легко без тени, а вот с тенью не получается. Скажите реально ли такое сделать средствами css кроссбраузерно и без багов? или лучше картинкой вставить ?

    Asked by raptor-dm,

    0 votes
    2 answers

  4. удалить скрипт из документа

    скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу

    Asked by cyklop77,

    0 votes
    0 answers

  5. Отступы у списка

    Делаю вот такой список: Немного не получается с отступами: http://codepen.io/anon/pen/pvaMYp Что не так? Вид radio button изменять пока не обязательно

    Asked by yaparoff,

    0 votes
    2 answers

  6. Обтекание текстом картинки

    Здравствуйте Div с выделенным материалом прилипает, а точнее даже "залазит" под картинку. Проблема возникает тогда, когда div с выделенным материалом находится не под картинкой, а справа от неё. Пример HTML: <h1>Заголовок</h1><img src="image.gif" width="490" height="305" align="left" hspace="10"><p>Информация является мощным активом для международного бизнеса. Регуляторы, клиенты и сотрудники компаний уделяют все больше внимания процессу обработки данных. Управление рисками, связанными с утечкой, потерей и кражей данных, это не только вопрос соблюдения требований законодательства, а и вопрос репутации компании и стоимости ее бренда.</p> <…

    Asked by Kapust,

    0 votes
    2 answers

  7. многоточия в строках

    насколько я помню, задача без js не решаемая, но помогите ещё раз в этом убедиться. вдруг что-то поменялось с тех времён есть блок. подписи к картинками длинные поэтому я через overflow ограничил их тремя строками. но хотелось бы чтобы после каждого последнего слова стояло многоточие(даже если слово последнее в предложении) css3-решение устроит. js-решение не устроит

    Asked by cyklop77,

    0 votes
    3 answers

  8. Помогите разобраться с веб-шрифтами.

    Здравствуйте! Читаю руководство "Большая книга CSS3" и дошёл до шестой главы "Форматирование текста". Пробую импортировать шрифт, но... сталкиваюсь с тем, что браузер не понимает этого... либо я что-то не так делаю. Вот код: <!DOCTYPE html><head><meta charset="utf-8" /><title>CSS Typography</title><style>body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}.two @font-face{ font-family: "League Gothic Regular "; src:url(font/leaguegothicregular-webfont.ttf);}</style></head><body><p>Первое</p></body></html>Что я не так делаю? Браузеры: F…

    Asked by Geyer,

    0 votes
    2 answers

  9. Как подобрать шрифт

    Привет, как быть если шрифт который предоставлен для макета в гугл/фонтс платный? есть ли альтернативный сайт с бесплатными шрифтами? Пытался подобрать похожий, но это нуторное дело искать в куче шрифтов похожий. Просто хочу сделать пиксел в пиксел.

    Asked by aqua.77,

    0 votes
    1 answer

  10. Одно меню роботает - другое нет

    Я нашел класное меню, вставил на страницу - оно роботает. Но я хочу вставить еще одно, вставляю весь код, подключаю все скрипты, но первое перестает роботать и второе не хочет. Что делать?

    Asked by NIkNOkNIkNOk,

    0 votes
    2 answers

  11. Проблема с z-index в IE6-7

    Здравствуйте! Подскажите как сделать так, чтобы элемент с низшим z-indexом оставался в самом низу стека и правильно отображался в IE6-7. Вот какая ситуация: есть основной контейнер (position:relative) и есть 2 элемента с position:absolute внутри него. Мне нужно задать отрицательный z-index внутренним элементам(по обычной логике и работает в др. браузерах), так чтобы они оказались ниже основного контейнера. Как решить эту проблему в IE6-7?

    Asked by csiu88,

    0 votes
    3 answers

  12. Помогите настроить положение текста в таблице

    Помогите настроить положение текста в таблице, я уже часа 3 сижу ничего по толку сделать не могу, помогите!!! В таблице есть картинка которая всплывает при наведении, как видите она находится в таблице, из-за картинки текст смещается чуть-чуть вверх, а мне надо чётко по середине, как по вертикале так и по горизонтале. Помогите пожалуйста))) <html> <head> <style type="text/css"> A.S1 { display: block; width: 200px; height: 30px; } A.S1:hover { background: url(1.gif); (Ссылка на всплывающую картинку) } </style> </head> <body> <table border="0" cellspacing="0"> <tr> <td width="200" height="30" align="center"><a href=…

    Asked by skoch244,

    0 votes
    4 answers

  13. При увиличении масштаба браузером беда!

    Что нужно что бы сайт нормально масштабировался и сохранял позиции блоков? Масштаб содержимого увеличивается а самой страницы только по высоте!

    Asked by hrabrik,

    0 votes
    2 answers

  14. вопросы по checkbox

    прошу помощи у тех кто сталкивался и знает как сделать. проблема такая: в поле checkbox вместо того чтобы выбранные элементы (checked) обозначались галочкой, меняли цвет фона. то есть выбранные элементы будут отличаться цветом а не галочкой. главный вопрос - как задать фон именно выбранным пунктам? заранее спасибо

    Asked by DeFlea,

    0 votes
    2 answers

  15. картинка фиксированной высоты

    делаю свой первый сайт нарисовала в фотошопе дизайн сайта, порезала на слои, начала верстать с помощью DIV но проблема: картинка с основным фонов имеет фиксированную высоту, а мне нужно,чтобы она растягивалась при увеличении контента ПОМОГИТЕ,ПОЖАЛУЙСТА вот ссылка на картинку http://saveimg.ru/show-image.php?id=80182e754f93d5d9c2ba6719cf17cc23

    Asked by nandini,

    0 votes
    5 answers

  16. Сигнатура UTF-8

    Работаю в "Notepad++", который предлагает создавать web-страницу в utf-8 с BOM и без. Вопрос: Нужна ли сигнатура UTF-8 при создании web-страницы? Ответ пожалуйста аргументируйте.

    Asked by Feel,

    0 votes
    2 answers

  17. Работа с фреймами

    Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…

    Asked by Makeda,

    0 votes
    3 answers

  18. Выравнивание трёх слоёв

    В общем такая картина: <div id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…

    Asked by denisyok,

    0 votes
    1 answer

  19. Проблема с отображением input type="submit"

    Здравствуйте. Прошу помочь более опытных, никак не могу сам справиться, и проблема вроде маленькая но спать не даёт Суть в том что по каким-то причинам кнопка "Отправить" не так отображается. Еще один скриншот с кодом тут на радикале. Собственно и сама страница. Буду очень благодарен за сон

    Asked by nomid,

    0 votes
    1 answer

  20. Чем проверяете "кроссбраузерность"?

    Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?

    Asked by Zverushka,

    0 votes
    3 answers

  21. Смена картинки и ссылки

    Привет, подскажите пожалуйста, как реализовать следующую штуку: Имеется ссылка, под ней картинка. При нажатии на ссылку, текст ссылки меняется на другой и появляется всплывающая картинка, либо картинка поверх всего. При нажатии на новую ссылку, появляется первая ссылка и первая картинка. При появлении 2ой картинки, 1ая должна либо пропадать,либо закрываться 2ой картинкой.

    Asked by RK3DNP,

    0 votes
    0 answers

  22. Не навредят ли стили с этого сайта?

    http://www.phpbb3styles.net/ И могут ли навредить темы для phpbb?!

    Asked by SKSKSS2013,

    0 votes
    3 answers

  23. inline-block

    Update Привет всем. Как поместить два тега inline-block в одну строку? если любой тег равен половине ширины родителя. Интересует реализация в браузере опера. http://jsfiddle.net/Db4C6/

    Asked by valera,

    0 votes
    2 answers

  24. Слайдер перекрывает часть header только на мобильных устройствах.

    Здравствуйте! Есть сайт: http://new.septic-topas.ru/ Он сделан на готовой платной теме. На главной странице есть слайдер. На desktop, а также на эмуляторах мобильных устройств - все нормально. При просмотре на реальном же iPhone слайдер перекрывает собой часть содержимого в верней части: логотип, телефоны, поиск, верхний блок. Вот скриншот с другого мобильного устройства: В стилях есть такой блок: .block-collection-slider. У него закомментирован z-index:1. Так вот, если раскомментировать - то проблема видна и на немобильниках. Помогите, пожалуйста, разобраться, в чем причина.

    Asked by Светлана Г.,

    0 votes
    2 answers

  25. Размещение блоков на странице

    Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/

    Asked by alex.kv,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept