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
-
Float: left
Вот, посмотрите: http://jsfiddle.net/iKNG/M6yb7/ Надо, чтобы в 1 Div-родителе Div-дети выстраивались в 1 строку, во 2 так же, но в отдельную. То есть так: а не так: Как это реализовать?
0 votes2 answers -
меню
нужно сделать вот такую рамку при наведении на ссылку, как лучше реализовать? рамка растягивается по ширине http://ifotki.info/1...497685.jpg.html делал через background-size проблема появляется в ie7,8. прописал для них filter, отображается нормально только на главной, а в ie7 перестал появляться выпадающий список меню
0 votes1 answer -
Нужно ли задавать высоту и ширину для картинок?
Провел аудит своей страницы в хроме и обнаружил такое замечание: Как указание высоты и ширины ускорит загрузку страницы?
0 votes3 answers -
Первый и последний tr в table
Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "tr", к примеру имеется таблица <table> <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td&…
0 votes1 answer -
Колонки одинаковой высоты с разделителем
Нужно сверстать это: Это 3 колонки, в каждой будет текст. Я сверстала пока без кружочков, просто вертикальную черту в качестве border, но возникла проблема с разной высотой колонок. Может быть есть какие-то решения?
0 votes4 answers -
Проблемма с блоками
Извините, сделал ошибку в названии темы Подскажите в чем проблема? Вот есть расположение блоков: <!DOCTYPE html><html><head> <title>Дантист</title> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8"></head><body><div class="container"> <div class="block1"> <a href="#"><img src="img/logo.png"></a> </div> <div class="block2"></div> <div class="block3"></div></div></body></html>и css *{ padding: 0; margin: 0;}.container{ width: 1070px; margin-left: auto; margin-right: auto; background-color: #f5f5f5; height: 10…
0 votes2 answers -
Выпадающие окна
Есть проблемы с выпадением окон при нажимании возможно исправить? -если тыкать по всем кнопкам выпадают все окна вроде справился "toggle(500), fadeIn(1500), slideToggle(500)" - не то, вроде это подходит "slideDown(500)"Ура идеально show(500)!!!
0 votes0 answers -
Почему не обновляется экран при отладке через смартфон?
Здравствуйте! Когда я подключаю свой телефон на андроид 4+Хром к компу, чтобы посмотреть его глазами на какой-то сайт и отладить что-то при необходимости, то почему-то при прокрутке страницы вверх или вниз исчезает изображение в импровизированном экране телефона(там я поставил знак вопроса): Если мышку переместить на DOM справа, то изображение появляется и держится до момента новой прокрутки страницы вверх или вниз. Это как-то можно исправить, чтобы не бегать мышкой на DOM?
0 votes0 answers -
Помогите с Nvu
Не сомневаюсь, что многие уже слышали и даже пользовались HTML редактор NVU….. Я только недавно начал разбираться в создании сайта и нашел хорошие отзови об этом редакторе, я скачал все как положено, но поскольку я только начинающий, я не могу заполнить «параметры публикации», у меня в голове есть некоторые догадки как заполнять, но для всякой уверенности, прошу объяснить, что именно там нужно заполнять в полях: 1.HTTP-адрес домашней страницы. 2.URL публикации Заранее весьма благодарен за любую помощь!!!!
0 votes0 answers -
знания PHP
Привет всем. У меня возник такой вопрос : Обязательно ли знать php для того что бы верстать шаблоны (Я верстальщик , но с cms ещё дела не имел, посмотрел на готовый шаблон Joomla там увидел много php кода , вообще не понятного для меня) под ту или иную cms ? Вообще хочу начать свое изучение cms с Joomla т.к. слышал что эта кмс легка в обращении , и в ней легко разобратся новичкам. Или возможно вы мне посоветуете .. с чего лучше начать , изучать php или сразу переходить к изучению верстки под cms. И Спасибо всем прочитавшим за затраченое время
0 votes1 answer -
Какая причина может быть
Не выводится ни один модуль на позиции, в Index.php прописал: <div class="coloumn_news"> <jdoc:include type="modules" name="left_news" /> </div> в XML файле тоже прописал позиции: <position> left_news</position> В чем может быть причина?
0 votes3 answers -
верстка бэкграунда на высоту потребности макета
Подскажите пожалуйста, как сделать так чтобы для определенного элемента, который охватывает все элементы макета, сделать так, чтобы определенная картинка, которая должна репититься через весь элемент, репитилась и за вертикальной прокруткой.
0 votes1 answer -
Таблица с горизонтальным скролингом
Есть таблица: <table style="width: 100%;"> <tr> <td style="width: 28%; min-width: 200px;"> SOME DATA </td> <td> <table> TABLE DATA </table> </td> </tr> </table> В вложенной таблице ширина и количество данных не известно и поэтому может не уместится в ширину. Хотелось бы чтобы прокрутка была не страницы, а ячейки первой таблицы. Как такое можно сделать? Спасибо за помощь.
0 votes7 answers -
Обрезается верх изображения
Добрый вечер. Здесь в банере почему-то обрезается правое изображение. Подскажите пожалуйста почему?
0 votes2 answers -
Проблема в верстке, не вмещается меню и поиск
Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз? http://mir-animasiya.ru/
0 votes1 answer -
Помогите пожалуйста разобраться!
У меня возникло два вопроса пока я верстал макет и найти ответ на них я сам не смог. Помогите пожалуйста разобраться. Вопросы следующие: 1. внутри дива 1024х1200 пикселей, я сделал два дива поменьше 256х90 и 256х400. Мне хотелось сделать этих два дива, один под другим и прижать их к правому краю. Можно ли это как-то сделать, не запихивая эти два дива в один общий? 2. можно ли свойство -webkit-border-radius применить только к нижней границе?
0 votes4 answers -
Селектор, проверяющий внутреннюю структуру элемента
Здравствуйте! Здесь в похожих товарах есть один, который не публикуется, но в силу несовершенства кода для него создаются контейнеры. Чтобы было нагляднее: Есть ли такие селекторы, которые бы перед применением стиля проверяли, что например у элемента div.product-field-type-R есть элемент <span>, внутри которого обязательно тег <a>? Было бы здорово решить проблему без "хардкодинга"
0 votes6 answers -
table-cell и inline-block
Добрый день. Помогите с моей проблемой. Прикрепляю мою проблему к вопросу http://jsfiddle.net/ElDarco/FALdz/ Дело в том что когда я делаю .cell linline-blockом сразу же слетает разметка table-cell. Я чего-то не понимаю?
0 votes3 answers -
скрыть/показать <div>
Существует два дива, стоящие рядом. Первый блок открыт а второй должен появляться только тогда когда навести мышкой на первый.(или щелкнуть по первому). <style> ...... ....... #I:hover #N{visibility:visible;}//не работает (( ....... ...... </style> ........ <div id="for"> <div id="I"><div id="a">I</div></div> <div id="N"><div id="b">N</div></div></div>........ Спасибо!!
0 votes3 answers -
Кнопки навигации (перемещение в)
Народ помогите пожалуйста. Мне надо список "nav" сдвинуть за границы блока "wrapper" и расположить его по середине в строку. Посоветуйте пожалуйста, как это лучше сделать! <div id="wrapper"> <div id="header"> <ul id="nav"> </ul> <span class="logo2"></span> <a class="logo" href="</a></div><!-- end header --> #wrapper {width:925px;margin-right:auto;margin-left:auto;border: 1px solid #fff}#header {position:relative;height:180px;}#homepage #header {position:relative;}#header #nav {position:absolute;top:10px;left:-40px;list-style:none;}#header #nav li {float:left;margin:0 …
0 votes2 answers -
При возврате не срабатывает скрипт
Всем привет! Столкнулся со следующей проблемой организовал плавную смену страниц на сайте, воспользовавшись таким скриптом . Но при попытке вернутся на уже просмотренную страницу нажав в браузере "На предыдущую страницу" скрипт не срабатывает и возвращённая страница остаётся белой. В IE всё у порядке а в Опере и Мозилле нет. Что можно предпринять? Спасибо.
0 votes0 answers -
Редактирование поиска от Google!
Здравствуйте! В первоначальном виде форма поиска и кнопка "поиск" находятся на одной линии! Как перенести кнопку ниже, чтобы она отображалась под строкой поиска, ровно по середине экрана, загвоздка в том, нужно чтобы это отображалось аналогично и в телефоне, я использую свойство position (и в процентах, и в пикселах) перемещать кнопку получается, но в телефоне отображается всё иначе!!??? вот сайт puerhcatalog.com
0 votes1 answer -
бажок
http://htmlbook.ru/layout/fiksirovannyy-podval 2 пример для ие6 смотрите)) подвал не полностю прилягает к низу страници если много контента в #content внизу страници видны части текста !!
0 votes3 answers -
Маленький вопрос
Где то слышал или видел что размер элемента можно задавать символом * , тогда элемент займет оставшуюся часть родителя. Как правильно это сделать ? И еще... Как между элементами со свойством display:inline-block убрать отступ(слева и справа)?
0 votes1 answer -
Анимация текста во флэше
Здравствуйте! У меня есть вопрос по поводу анимации текста. Вот собственно свф, в котором яркий пример нужного мне эффекта: BANNER На самом первом слайде текст Inquire... Как сделать такую анимацию текста подскажите пожалуйста?
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-