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
-
Треугольник на всю ширину страницы
В макете есть треугольник с фиксированной высотой в 60px и растянутый на всю ширину экрана. Как такое реализовать через CSS? Насколько я понял, вариант с бордерами не прокатит из-за параметра border-width не принимающего проценты. Думал ещё на счет трансформаций, но боюсь на счет того, что старенькие браузеры подкачают.
0 votes10 answers -
Беда с отображением на Android
Сегодня мне прислали скрин странички с Galaxy Tab или что-то такое на Android и... Так (это версия из фотошопа, но не суть) выглядит сайт на всех компьютерах с разным разрешением. Так же он выглядит на планшете под WinRT 8.1, так же он выглядит на моём нетбуке и на двух смартфонах на WinPhone 8: А вот так он выглядит в стандартном и Chrome браузерах на планшете под Android 4... Посмотреть можно здесь: http://melodyn.ru/sysauto/
0 votes15 answers -
Верстка брэндинг с ссылкой
Всем привет, Посоветуйте, как сверстать страницу с брэндингом , и так что бы фоновая картинка была ссылкой вот макет http://prntscr.com/3vy5fw Вот как это у клиента выглядит http://ezh1.i-d-web.com/
0 votes9 answers -
Траблы с выпадающим меня(
Ребята,собственно такая проблема. Сейчас делаю тему на Joomla. И столкнулся вот с такой проблемой. Ссылку на сайт дать не могу так как рабочий... Но я заснял на видео)) https://www.youtube.com/watch?v=-wGKpxFP1-A Как видите выпадающее меню выпадает не полностью... И словить инспектором я не могу(( Посоветуйте что то! Спасибо.
0 votes6 answers -
Вопрос по diva-м
Есть верстка http://test.velesgodstudio.ru/ Суть проблемы: При уменьшении окна браузера блок контейнер съезжает в лево. Что хочу: Что бы он оставался по центру, и при уменьшении окна браузера, контейнер скрывался, как блок logo Только изучаю, прошу подсказать в какую сторону копать?
0 votes3 answers -
Почему браузер пропускает правило css ?
Страница http://shopst.ru/catalog/otoplenie-i-vodosnabzhenie/kotly-otopleniya/protherm/gazovyy-kotel-protherm-23-mtv-gepard/?dev=1&clear_cache=Y Файл стилей http://shopst.ru/bitrix/templates/capitalim2/template_styles.css?1403593016155960 Правило не срабатывает .item_info.card2 { background-color:#cccccc; } Вроде все корректно в css, netbeans не ругается ни на что. Почему-то фаерфокс и хром игнорируют это правило. Впервые с таким столкнулся и даже интересно в чем может быть причина?
0 votes4 answers -
Прозрачный градиент с двух сторон
Как можно сделать блок с полу-прозрачным градиентом. Причем, слева и справа где-то на 20px плавное затухание от прозрачного до красного цвета. То есть, по бокам он прозрачный, по середине красный, и между прозрачностью и красным цветом плавный переход. Вот пример, то что сумел сделать - http://jsfiddle.net/Le95s/ сам градиент сформировал на сайте - _http://www.colorzilla.com/gradient-editor/ Наверно три блока надо было делать?
0 votes2 answers -
Дырка между меню и баннером
Доброго дня! Создала выпадающее меню, после прикрепила картинку, и между меню и картинкой теперь дырка. Как исправить? Все файлы в прикрепленном архиве. Буду благодарна! http://files.mail.ru/4301B607D8F24C9D89AEA1CF887B7F6D
0 votes2 answers -
Съезжает блок
Подскажите пожалуйста, почему съезжает блок aside? http://testsiteoleg126.tk/Kitchenwall/ не работает в Сафари, Хром, Опера. Пашет только в Мозилле и Интернет Эксплорер!
0 votes3 answers -
Адаптивное навигационное меню с картинками
У меня есть меню навигации, где вместо текста, используются лого. Так вот я хочу сделать так, чтобы при уменьшении размера браузера логотипы тоже меняли размер, вместо того чтобы выпадать с меню. Т.е. тоже поведение, что бывает когда задаешь картинке max-width: 100%. Но как это можно сделать через св-во background? Вот пример, того как выглядит меню. P.S. Просьба не спрашивать почему вместо тега <img>, добавляю изображения через тег <a>. Так надо было.
0 votes7 answers -
Проблемы в iOS
Уважаемые форумчане, такая вот проблема. есть сайт http://nt-work3.bl.ee/about.html на windows все хорошо, а вот на iOS наблюдаются следующие проблемы. 1, В сайте есть поп-ап (клик по My Account). В Windows он закрывается при нажатии на любую другую область страницы кроме самого поп-апа. А вот в iOS приходится нажимать прямо по ссылке что бы он закрывался.. 2, Верхнее меню. У пункта About MIXER есть класс .current-menu-item, что превращает background в белый. В windows все хорошо, а вот на iOS сверху и снизу видны тонкие полоски розового background-а по 1px. Скрин http://joxi.ru/YkOoU_3JTJBxWRYm3s0 Подскажите, пожалуйста, кто сталкивался с таким делом.. меню из и…
0 votes6 answers -
треугольник средствами css3
помогите пожалуйста решить проблему здесь блок .make_inner .article:nth-of-type(1):afterотображается как квадрат. мне хотелось бы чтобы он отображался как равносторонний треугольник(нижняя сторона горизонтальна) могу решить проблему, используя полупрозрачное изображение, но меня такой вариант не устроит
0 votes4 answers -
Сделать плавную прокрутку как в Мазиле
Можно ли реализовать плавную прокрутку как в Если есть на примете готовый скрипт, поделитесь, буду только рад
0 votes3 answers -
svg шрифт
Хочу сделать логотип сайта в формате svg, но не получается сохранить картинку с нужным шрифтом, браузер выдает стандартный times new roman вместо muriad pro. Это вообще возможно, сохранить svg картинку с нестандартным шрифтом? Пользуюсь adobe illustrator
0 votes6 answers -
Указание высоты элементов в процентах
Хотел спросить с точки зрения кроссбраузерности указание высоты таких элементов как header или footer ни к каким проблемам не приведет?
0 votes1 answer -
header google
Зайдите на главную странницу гугл в окне поиска введите "пицца" нажмите поиск. На появившейся странице интересует header, он состоит из 3х дивов, левый див с лого , див по центру и input и правый див котрому задан float:right. Че мне непонятно??? А именно то что когда окно бразуре уменьшаешь, то правый див когда доходит до дива по цкентру, последний начинает уменьшаться в ширину... КАк это реализовано??? http://jsfiddle.net/Z9nv8/ вот здесь я показал что ожидаемо когда правый блок доходит до центрального, а именно что центральный падает вниз.И это логично, так как ему не хватает ширины, а как чтобы он оставался на месте и уменьшался в ширину????Помогите понять а…
0 votes14 answers -
блок contacts
Уважаемые форумчане подскажите как лучше и грамотнее сделать следующий блок: <иконка телефона><код города><номер телефона> <иконка почты><ссылка на почту> <иконка в контакте><ссылка на контакт>. Куча способов, а вот какой верный не совсем понятно.
0 votes3 answers -
Тестирование HTML рассылки
Здравствуйте. Сверстала HTML-письмо. Как проверить корректность его отображения в различных почтовых клиентах? Устанавливать себе на комп самые популярные? Но их же около 13-ти. В сети есть сервисы тестирования, но все платные. Поделитесь опытом, как вы тестируете письма?
0 votes10 answers -
Кликабельный бэкгрануд
Задача: элегантно сделать такую штуку: блок с контентом имеет фиксированную ширину и отцентрован. Все остальное пространство (слева-справа) нужно сделать кликабельным. Причем без всяких onclick, а натурально через <A>. Придумал несколько вариантов, но все безбожно кривые. Заранее благодарю за ответ или за наводку, что где посмотреть.
0 votes1 answer -
Целесообразность использования новых тегов.
Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?
0 votes5 answers -
обратная форма связи для шаблона на dle
Как сделать форму обратной связи если я сделал сайт на dle движке, не понимаю просто вообще, был один способ но онскорее для обычных html страничек, облазил весь инет, пытался подключить в дле модуль нифига не вышло, помогите братья
0 votes3 answers -
Форумчане помогите с кодом пожалуйста)
На сайте есть форма заявки с 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> …
0 votes9 answers -
Вертикальный слайдер, который не лагает в FF (ищу)
Знает ли кто-то вертикальный jQuery слайдер, который бы не лагал в фаерфоксе? Нужен именно вертикальный. Перепробовано уже штуки 3, и все как один с жуткими перекатами (под некоторой нагрузкой конечно) работают. В Хроме и ИЕ10 все нормально, в ФФ дрожит, а если еще и скроллить, то вообще чуть ли не останавливается. Может кто сталкивался с таким.
0 votes2 answers -
Нестандартная форма блока
День добрый. Натолкнулся на такую штуку и не имею понятия, как ее сверстать. Углы понятно, а вот выпуклые верх и низ?
0 votes4 answers -
выдвижное меню на css
при нажатии на одну из категорий выпадает список подкатегорий, и когда нажимаешь на одну из подкатегорий выполняется данный запрос, но при этом меню сворачивается. как сделать, чтоб при переходе на данную подкатегорию меню не сворачиволось. вот код на dle 10.2. код шаблона<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>CSS3 onclick Vertical Metal menu | Script Tutorials</title> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen"> </head> <body> <div class="container"> <ul id="na…
0 votes1 answer