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
-
Вопрос по верстке письма
Всем привет! Прошу совета у тех, кто сталкивался с версткой писем. Есть шапка, на мобильных ее нужно перестроить. Белые прямоугольники - картинки. Края закругленные, полагаю нужно делать картинками, а не border-radius. Резиновость попробовал сделать, заменив пустую середину шапки на резиновый столбик с цветом шапки. Получилось. Но вот как перестроить при табличной верстке картинку и ссылку вниз я вообще не знаю. Подскажите хотя бы способ как это можно сделать, принцип, а я додумать постараюсь.
0 votes1 answer -
Flecbox менюшка
Всем здравствуйте. Подскажите как правильно сверстать менюшку для смартфона (примерно как на рисунке). Нужно чтобы иконки выстраивались по три штуки в ряд, в три строки. Пытаюсь использовать Flexbox, но проблема в том, что иконки в контейнере subContent накладываются одна на одну по центру http://codepen.io/anon/pen/BLWvwj даже уже другая проблема с отображением в сафари, иконки не по центру, а прижаты к левому краю
0 votes1 answer -
2 float-a
http://rang56.ru/pages/diplom/ Текст по середине едет вниз. Т.к. блоку что идет по центру присвоено clear:left. Как можно выкрутиться? (чтобы текст по середине шел столбцом) Текст формируется скриптом, тоесть изменить вывод нельзя, можно только стили поправить... http://rang56.ru/pages/aboutus/ Текст идет ниже только в IE, в опере все нормально. Но тут claer нигде не прописан. почемуто где начинается таблица текст спускается вниз(к концу левого блока)
0 votes0 answers -
кроссбраузерность
сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <…
0 votes0 answers -
фотографии в галерее
Вопрос про создание и выравниевании фотографий в моей галерее. Вот сейчас начал париться про правильно создание и ресайз картинок для галерее. Вот сайт, на котором это делаю: http://deluxe-okna.ru/blocks/parts/index.php?part=wedding . В общем я хочу спросить, правильно ли я понял или нет. В общем нельзя делать все фотографии в одну высоту и ширину да? Если фотка шире то она делается так, как мужик с девкой в меня на сайте, если же фотография больше в высоту то наоборот. Если это правильно то у меня вот ещё какой вопрос. Как мне сделать,чтобы фотографии типа мужика с девкой выравнивались по центру дива в высоту? Правильно я мыслю нет?
0 votes6 answers -
Вопрос по пользовательскому поиску google
Добрый день. Решил на сайте сделать поиск от Гугла, все сделал по шагам, получил код. Но увидел, что в результате какая-то заглавная буква "Б" образовалась слева от строки ввода запроса, причем на нее еще и нажимать можно, то есть это кнопка. Правда эффекта от такого нажатия я не обнаружил. Товарищи, что энто за артефакт и как от него избавиться? Кстати, искал в инете решение и набрел на вот этот сайт - http://www.aum.kiev.ua/ Его автор тож решение по этому вопросу искал, но судя по виду его строки поиска - не нашел. Да, и еще, нашел в инете одно решение, там советуют убрать из кода эту строку: <script type="text/javascript" src="http://www.google.com/cse/t13n?form=cse…
0 votes5 answers -
Проблема с версткой - футер и общий макет
Здравствуйте. Такая вот проблема. Сверстал макет сайта. Главная нормально, но при переходи на статью где мало инфы сай сокращяется и футер вместе с ним поднимается наверх. А если статья очень большая то половины новости выходит за сайт. Помогите, что делать? Сайт http://saleguitar.ru/ пример http://saleguitar.ru/main/1-post1.html
0 votes9 answers -
Расположение блоков
Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами. 1)Блок меню не становится на своё место как на скрине 1. 2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3) 3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал. Сайт на катором шаблон http://proba-12345.ucoz.ru/ Cкрине 1 Cкрине 2 Cкрине 3 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <t…
0 votes5 answers -
Управление iframe из родительского окна
Уважаемые участники сообщества! Не получается решить сложную задачу. Хочу обсудить с вами принципиальную возможность программирования подобных решений. Есть основной сайт - site.com. На странице этого сайта подтягивается iframe с site2.com. site2.com содержит кнопку. Как можно автоматизировать клик по этой кнопке? Графический пример:
0 votes3 answers -
Не работает свойство из внешнего css-файла
Здравствуйте. CSS правило: background: url(images/header_bg.png) repeat-x left top; Прописано во внешнем css-файле - не работает. Переношу в <head> - работает. Для проверки делал следующее: Добавлял во внешний файл в свойство background цвет фона - работает: background: #666; К самому элементу обращался через [id=header] и [class=header] - ни один вариант не работает Загружал файл header_bg.png на радикал и вставлял в значения url() - работает Проблема в правильности написания пути до изображения видимо. Перенес изображение выше, назвал проще, заключил в кавычки одинарные/двойные и без них т.е. url("h.png").Также копировал название файла. - не работает Менял фи…
0 votes2 answers -
При наведении на ссылку, остальные должны темнеть (становится серыми) / JavaScript
При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: ur…
0 votes4 answers -
Вопрос по продвижению сайта
Подскажите, плз, где можно почитать про продвижения сайта. Что-то типа "инструкции для начинающих". А то сайт создан, а что дальше...
0 votes5 answers -
frontpage & unix
надумал мигрировать на unix. но вспохватился: под windows нет замены frontpage-у, что уж говорить про unix. Всё, что пробовал другое - полная чушь. Для создания персональных страничек мало подходит. Единственный вариант, который встретил похожим WebBuшlder (который позволял работать со страницей на подобие ворда), но он не понимает русского. Если есть здесь пользователи Unix-а, расскажите, какие там есть программы для создания веб страничек по типу frontpage?
0 votes4 answers -
Скрытие папок конфигов, админки и проч.
У меня в htaccess есть несколько деректив отвечающих за защиту/скрытие папок: redirect /config http://www.microsoft.com redirect /wp http://www.microsoft.com Как улушить код добавив функцию NoCase - неважности регистра букв в запросе? (я не очень силен в htaccess) Пока гуглил изучая вопрос нашел вот еще такой пример: RewriteRule ^(login|auth) /404 [L] # для всех файлов в этих папках Вот сижу "у разбитого карыта" и думаю что выбрать? Спасибо.
0 votes1 answer -
Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы.
Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы. Вот что я пишу: Этот код чисто для таблицы, а не весь файл. <center>Калорийность продуктов. Яйцо и яйцепродукты</center> <table align="center" border=5 bordercolor=breen > <CAPTION align=bottom > Таблица калорийности яйца</CAPTION> <tr bordercolor="#99FF66"> <td width="130px" height="130px" > <img src="kalorii1.jpg" alt="Фото калории" height="130px" width="100%" ></td></a> <td width="130px" height="130px" > <img src="kalorii2.jpg" alt="Фото калории" height="130px" width="100%" ></td>…
0 votes2 answers -
Отображение страницы в разных браузерах
Приветствую всех. Я новичок в веб-программировании, поэтому возможно ответ на мой вопрос окажется очевидным для некоторых. Хочу сделать трёх колоночный макет для страницы с фиксированной шириной, выравниванием по центру, с шапкой и нижним колонтитулом. Нашла пример, прописала код, просмотрела страничку в IE и Firefox. Результаты оказались различны. В Firefox все отображается правильно, а в IE справа по вертикали процентов 20 не занятого пространства. Помогите плиз разобраться. Прилагаю код, который использовала. код ccs файла: body{ margin: 0; padding: 0; } #container{ position: absolute; left: 500px; margin-left: -500px; widht: 1000px; margin-top: 10px; } #mas…
0 votes1 answer -
Как сделали? png и ie6
Здравствуйте. Подскажите как происходит фикс png в ie6 на конкретном сайту simpatika[point]ru картинка woman1.png для элемента #wrapper2
0 votes5 answers -
Подключение скрипта
Доброго времени суток. Возник такой вопрос: подключаю скрипт (JS), сами теги для вставки меня не интересуют, ну как указать скрипту место в коде, где он должен работать. Поясняю, вот есть у меня скрипт делающий часики, как сделать так, чтобы эти часики появлялись в нужном месте страницы, а не где им вздумается. Это как-то прописывается в коде страницы или внутри скрипта надо параметры менять?
0 votes5 answers -
Специфичность
Например, есть вот таких два свойства: .dog a { color:red; } .cat a { color:blue; } У них специфичность у обоих по 11. Могу я как-нибудь указать браузеру, чтобы побеждало то свойства, к какому классу тег a находится ближе? То есть, чтобы в данном случае ссылка была синей: <div class="dog"> <div class="cat"> <a> hello </a> </div> </div> И второй вопрос, можно ли явно указывать значение специфичности, то есть, например я записал вот так свойство и у него была бы специфичность 111 .dog a 111 { } а если мне нужна специфичность 225, то как это указать? То есть вопрос в том, как явно указать специфичность стилевого правила?
0 votes6 answers -
Проблемы с отображением в IE
Добрый день, уважаемые форумчане у меня появилась непонятная проблема с отображением сайта Fraui.ru в IE, а именно по непонятным причинам правый сайдбар свалился вниз, нет шапки с фоновой картинкой и идет наслоение футера. В чем может быть проблема помогите пожалуйста буду очень благодарен!
0 votes6 answers -
Как передать get-параметры ссылкой без перехода на целевую страницу
Здравствуйте. Нужно передать данные другой странице методом get по ссылке, но чтобы при этом остаться на прежней странице. Как такое делается?
0 votes2 answers -
z-index
Здравствуйте сделал z-index:1000000000; и position: relative; а оно всеравно часть находится под swf объектом как это устранить?
0 votes8 answers -
Что это такое?
Здравствуйте. Делаю сайт на html5, скачал шаблон, переделал его, но в шаблоне была такая штука как при наведении курсора поле в котором рсположен текст или картинка подсвечивается серым цветом. Хотелось бы это убрать, но не могу понять где лежит этот код. Подскажите пожалуйста какую часть кода необходимо удалить? Сайт: http://www.gruzoperevozki-gatchina.ru/ Спасибо.
0 votes6 answers -
Верстка круглой диаграммы
Здравствуйте! Подскажите пожалуйста, реально сверстать такую диаграммку резиновую? Или придется использовать какие-то библиотеки JS? Спасибо
0 votes5 answers -
Обрезка краев страницы
Здравствуйте. У меня возникла следующая проблема: Страница сайта имеет жесткую табличную верстку шириной 1680px. Если использовать разрешение экрана 1680px или выше страница отображается строго по центру. (margin:0 auto;) Но если использовать разрешение ниже 1680px страница прилипает к левому краю, обрезая правую часть (с полосой прокрутки или без - неважно). Задача следующая: Нужно сделать так, чтобы при любом разрешении ниже 1680px страница обрезалась равномерно с обеих сторон.(без сужения и уменьшения элементов - просто обрезалась). Полоса прокрутки не нужна. Можно ли такого добиться? Заранее спасибо.
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-