HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Несколько вопросов по 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. В любом случае, не получается выз…
0 votes2 answers -
Верстка слайдера
Такая вот проблема у меня. нужно что бы был такой слайдер особенности 1, При наведении на маленькие превью - они перемещаются в левое окно уже в большом размере. 2, По клику на фото в левом окне - открывается поп-ап, в нем картинка оригинальной ширины. То есть нужен слайдер с функционалом 1, делать сам 3 разных размеров картинок из одной. (загрузил например 1920*1080, а он и в превью, и в левом окне, и при клике стал полноразмерным) 2, Все вышеперечисленное. Если кто то поможет создать такой, ну или скачать откуда то и редактировать его до вышенаписанного состояния - с меня огромные благодарности и пиво на вебмани) В js пока не сильно разбираюсь, что бы сам писать …
0 votes8 answers -
Отображение нужного шрифта
как сделать через CSS чтобы на сайте отображался шрифт тот который у меня есть, а у других пользователей его нет???
0 votes3 answers -
Вертикальное центрирование таблицы
как лучше вертикально выровнять таблицу по центру?
0 votes2 answers -
Косяк в 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>
0 votes3 answers -
Мешают две пустые ячейки
Здравствуйте! У меня сделана таблица, в каждой ячейке - по портрету. Всего портретов 38, распределены они по 5 штук в восьми рядах, соответственно на последний ряд приходится только 3 портрета, а ячеек-то пять, две (с каждого края по одной) остаются пустые, но с рамкой. Я пыталась убрать их "механически" из кода, но тогда оставшиеся три ячейки смещаются влево. То есть мне бы хотелось две пустые ячейки как бы оставить, для симметрии, но сделать их невидимыми. Помогите, пожалуйста.
0 votes3 answers -
нужен совет
люди добрые подскажите плиз как можно так сделать в коде html либо в самих css чтобы когда я навожу курсором на рисунок он изменялся у меня на совсем другой рисунок, чтото по типу ссылок, у которых до наведения один вид, а после наведения другой
0 votes5 answers -
блоки в 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…
0 votes3 answers -
выровнять 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…
0 votes4 answers -
<img> ? совсем затупил.
ДД. Почему-то после <img> происходит перенос каретки. Почему??? Разве так должно быть?
0 votes10 answers -
Ссылка для проверки отображения сайт в браузерах
Подскажите ссылку, где можно проверить как отображается сайт в разных браузерах и разных версия браузеров. Там вводишь ссылку и потом показываюся скриншоты отображения в разных браузерах. А то я потеряла ссылку, а мне очень надо.
0 votes9 answers -
li сделать квадратики ближе
необходимо в списке вида <ul> <li><strong>Нагревательный элемент из высококачественной стали</strong> </li> <li>Автоматическое и ручное выключение </li> <li>Двусторонняя шкала уровня воды </li> <li><strong>Внутренняя подсветка</strong> </li> </ul> Сделать квадритики возле пунктов, очень близко. Как их можно двигать?
0 votes12 answers -
И снова вертикальное выравнивание
У меня вот задача: четыре блока в ряд, каждый блок целиком — ссылка. Текст выровнен по центру. Сейчас так сделано: <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;} Всё бы …
0 votes17 answers -
UTF-8
Здравствуйте, вопрос покажется всем глупым: почему когда я делаю кодировку utf-8 браузер не распознает мои слова на русском, нужно или менять кодировку на windows-1251 или в utf-8 писать на англ языке, чтобы все было нормально. Просто я заметил что все пишут на кодировке utf-8.Заранее спасибо за ответ.
0 votes4 answers -
Помогите новичку.
Уже пол интернета пролистал, но ответа не нашел. Есть такая беда: <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 Почему?
0 votes10 answers -
Список (нестандартный) select
Приветствую! Скажите пожалуйста, если кто в курсе. В процессе наработки опыта в верстке, столкнулся с такой проблемкой. В общем нужно стилизовать select, но ума не приложу с какой стороны к этому подступиться. Есть много решений. Но в силу моих еще не высоких познаний очень хотелось бы прояснить у знающих людей, лучший способ этого добиться. Подскажите оптимальный способ делать нестандартный select. Каким обычно способом этого добиваются опытные верстальщики? Спасибо!
0 votes3 answers -
Схлопывание margin у label?
Здравствуйте. Есть такая структура: в которой у label вроде бы и есть margin-bottom, но отступ не отображается на экране. Какого стиля не хватает, чтобы задать отступы у label? Попробую дать ссылку, не уверен, что она у вас сработает без оформления заказа, но все же
0 votes1 answer -
Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.
Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html
0 votes4 answers -
проблема с горизонтальным меню
почему слева вылезают углы фона ul? http://test4php.freehostia.com/qw.html
0 votes4 answers -
Свойства padding-top
Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когд…
0 votes7 answers -
.htaccess и скачка игображения
Здравствуй старый добрый форум и вновь мне нужен твой совет. Под утро, после более 12-ти часов за компьютером, на меня свалилась такая вот задача: Дано: есть сайт; на сайте есть jpg-файл (url: /img.jpg); есть .htacces; когда пользователь заходит по url: /img.jpg, то он любуется картинкой. Задача: по url: /img.jpg?download скачать эту красивую картинку. Примечании: Почему-то мне кажется, что эту задачку можно решить через .htacces Буду рад помощи.
0 votes4 answers -
Фиксированный макет сайта 2012
Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на боле…
0 votes4 answers -
Верстка форм - нужен совет.
Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.
0 votes16 answers -
text-align: justify;
грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?
0 votes12 answers -
цвета в HTML
Я нашел в википедии Х 11 статью с названиями цветов. Пробовал использовать их у себя на сайте - все работает. Но не знаю можно использовать названия цветов или нужно вводить код. Как правильнее?
0 votes9 answers