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

29542 questions in this forum

  1. Несколько вопросов по HTML5 (всплывающие уведомления)

    Здравствуйте, Вот здесь хороший пример как сделать всплывающее уведомление для пользователя http://www.html5rocks.com/tutorials/notifications/quick/ Делаю все по туториалу, но почему-то не получается: 1. Вешаю на кнопку слушатель как в примере document.querySelector('#show_button').addEventListener('click', function().... Но он почему-то не срабатывает. Может быть для HTML5 нужны какие специальные тэги кроме <script>. В тоже время если в коде кнопки прямо вызвать функцию onclick то все нормально. 2. Нотификация у меня не срабатывает при значении: window.webkitNotifications.checkPermission() == 0, если меняю на 1, то все работает. 3. В любом случае, не получается выз…

    Asked by Astraport,

    0 votes
    2 answers

  2. Верстка слайдера

    Такая вот проблема у меня. нужно что бы был такой слайдер особенности 1, При наведении на маленькие превью - они перемещаются в левое окно уже в большом размере. 2, По клику на фото в левом окне - открывается поп-ап, в нем картинка оригинальной ширины. То есть нужен слайдер с функционалом 1, делать сам 3 разных размеров картинок из одной. (загрузил например 1920*1080, а он и в превью, и в левом окне, и при клике стал полноразмерным) 2, Все вышеперечисленное. Если кто то поможет создать такой, ну или скачать откуда то и редактировать его до вышенаписанного состояния - с меня огромные благодарности и пиво на вебмани) В js пока не сильно разбираюсь, что бы сам писать …

    Asked by Нарек,

    0 votes
    8 answers

  3. Отображение нужного шрифта

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

    Asked by robin-bobin,

    0 votes
    3 answers

  4. Вертикальное центрирование таблицы

    как лучше вертикально выровнять таблицу по центру?

    Asked by Chebas,

    0 votes
    2 answers

  5. Косяк в IE

    В ИЕ изображение не помещается в центр ячейки таблицы, хотя в опере всё ОК. <tr> <td class="prod" colspan="2" width="500" align="center"> <img width="171" height="199" src="images/naslada.gif"></td> <td class="prod" colspan="1" width="300" align="center"> <img width="224" height="110" src="images/kroha.gif" style="position: relative; top: 20"></td> </tr>

    Asked by Chebas,

    0 votes
    3 answers

  6. Мешают две пустые ячейки

    Здравствуйте! У меня сделана таблица, в каждой ячейке - по портрету. Всего портретов 38, распределены они по 5 штук в восьми рядах, соответственно на последний ряд приходится только 3 портрета, а ячеек-то пять, две (с каждого края по одной) остаются пустые, но с рамкой. Я пыталась убрать их "механически" из кода, но тогда оставшиеся три ячейки смещаются влево. То есть мне бы хотелось две пустые ячейки как бы оставить, для симметрии, но сделать их невидимыми. Помогите, пожалуйста.

    Asked by Рося,

    0 votes
    3 answers

  7. нужен совет

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

    Asked by Romario1985,

    0 votes
    5 answers

  8. блоки в div-е уезжают вниз

    есть вот такой код: <html> <style> div.content { border: 1px solid #000; } div.content a.foto { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 295px; height: 110px; border: 1px solid #000; background: #d7e8fc; } div.content a.foto:hover { background: #a0a0a4; } </style> <body> <div class="content"> trololo<br> trololo<br> trololo<br> <a class="foto" href="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png"><img src="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png" /></a> <a class="foto" href="http://www.google.com.ua/intl/en_com/imag…

    Asked by stalker_2000,

    0 votes
    3 answers

  9. выровнять div с плавающей высотой по центру

    Здравствуйте. Столкнулся с такой проблемой - требуется разместить div с плавающей высотой по центру экрана... погуглил, и в основном предлагают решение через display:table-cell; vertical-align:middle; у родителя, но вот как не пробовал биться головой об стенку у меня это не работает. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>div</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style type="text/css"> body { padding:0; margin:0; } .wrapper { width:100%; height:100%; position:absolute; background-color:#3FC; display:table-cell; vertical-align:mi…

    Asked by Garnet,

    0 votes
    4 answers

  10. <img> ? совсем затупил.

    ДД. Почему-то после <img> происходит перенос каретки. Почему??? Разве так должно быть?

    Asked by greyshadow,

    0 votes
    10 answers

  11. Ссылка для проверки отображения сайт в браузерах

    Подскажите ссылку, где можно проверить как отображается сайт в разных браузерах и разных версия браузеров. Там вводишь ссылку и потом показываюся скриншоты отображения в разных браузерах. А то я потеряла ссылку, а мне очень надо.

    Asked by Vezuvian,

    0 votes
    9 answers

  12. li сделать квадратики ближе

    необходимо в списке вида <ul> <li><strong>Нагревательный элемент из высококачественной стали</strong> </li> <li>Автоматическое и ручное выключение </li> <li>Двусторонняя шкала уровня воды </li> <li><strong>Внутренняя подсветка</strong> </li> </ul> Сделать квадритики возле пунктов, очень близко. Как их можно двигать?

    Asked by Tchorteg,

    0 votes
    12 answers

  13. И снова вертикальное выравнивание

    У меня вот задача: четыре блока в ряд, каждый блок целиком — ссылка. Текст выровнен по центру. Сейчас так сделано: <nav class="extra__list"> <a class="extra__unit extra__unit_view_1" href="#ex1">Раз</a> <a class="extra__unit extra__unit_view_2" href="#ex2">Два</a> <a class="extra__unit extra__unit_view_3" href="#ex3">Три</a> <a class="extra__unit extra__unit_view_4" href="#ex4">Четыре</a> </nav> .extra__list { display: table; width: 100%;} .extra__unit { display: table-cell; height: 122px; width: 25%; text-align: center; vertical-align: middle; font-size: 24px; border-radius: 3px; padding: 0 30px;} Всё бы …

    Asked by Gaspode,

    0 votes
    17 answers

  14. UTF-8

    Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.

    Asked by IUaD,

    0 votes
    4 answers

  15. Помогите новичку.

    Уже пол интернета пролистал, но ответа не нашел. Есть такая беда: <html> <head> <meta charset="utf-8"> <title>Поиск гугл</title> </head> <body bgcolor="#ccccff"> <form action="http://www.google.ru/search" target="_blank"> <input type="text" name=q> <input type="submit" value="Искать"> </body> </html> При нажатии на "Искать" выдает результаты поиска. А если я в поле "<input type="text" name=q>" значение name поменяю на любое другое отличное от "q" то у меня просто открывается страница google.com Почему?

    Asked by shibaday,

    0 votes
    10 answers

  16. Список (нестандартный) select

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

    Asked by RekunWeb,

    0 votes
    3 answers

  17. Схлопывание margin у label?

    Здравствуйте. Есть такая структура: в которой у label вроде бы и есть margin-bottom, но отступ не отображается на экране. Какого стиля не хватает, чтобы задать отступы у label? Попробую дать ссылку, не уверен, что она у вас сработает без оформления заказа, но все же

    Asked by borus,

    0 votes
    1 answer

  18. Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.

    Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html

    Asked by Yserty,

    0 votes
    4 answers

  19. проблема с горизонтальным меню

    почему слева вылезают углы фона ul? http://test4php.freehostia.com/qw.html

    Asked by no.na.me,

    0 votes
    4 answers

  20. Свойства padding-top

    Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когд…

    Asked by Belovsan,

    0 votes
    7 answers

  21. .htaccess и скачка игображения

    Здравствуй старый добрый форум и вновь мне нужен твой совет. Под утро, после более 12-ти часов за компьютером, на меня свалилась такая вот задача: Дано: есть сайт; на сайте есть jpg-файл (url: /img.jpg); есть .htacces; когда пользователь заходит по url: /img.jpg, то он любуется картинкой. Задача: по url: /img.jpg?download скачать эту красивую картинку. Примечании: Почему-то мне кажется, что эту задачку можно решить через .htacces Буду рад помощи.

    Asked by Bolmazov,

    0 votes
    4 answers

  22. Фиксированный макет сайта 2012

    Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на боле…

    Asked by AleksejR,

    0 votes
    4 answers

  23. Верстка форм - нужен совет.

    Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.

    Asked by tt48,

    0 votes
    16 answers

  24. text-align: justify;

    грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?

    Asked by penchukov,

    0 votes
    12 answers

  25. цвета в HTML

    Я нашел в википедии Х 11 статью с названиями цветов. Пробовал использовать их у себя на сайте - все работает. Но не знаю можно использовать названия цветов или нужно вводить код. Как правильнее?

    Asked by apexis,

    0 votes
    9 answers
×
×
  • 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