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
-
Подскажите в чем ошибка
Доброго времени суток уважаемые форумчане! Прошу помощи у знающих) Буду благодарна за помощь-подсказку. Подскажите пожалуйста, почему появляется вертикальная полоса прокрутки вот тут: http://jsfiddle.net/2GfY9/. Как-то сама, увы, дойти не могу) Заранее благодарю за всяческую помощь.
0 votes2 answers -
Помогите, с меню
Здравствуйте, Собсна имеем вот-такой CSS-код: a.header_banner_button{background:#00F;width:230px;height:40px;margin-left:500px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button:hover{background:#36F;} .header_banner_link{text-decoration:none;color:#FFF;font-size:14px;margin-top:10px;display:inline-block; margin-left:20px} a.header_banner_button1{background:#00F;width:230px;height:40px;margin-left:100px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button1:hover{background:#36F;} И вот такой HTML-код: <div class="header_banner"><a class="header_banner_button" href="#"><sp…
0 votes2 answers -
Блоки внутри блока и hover на всю ширину основного блока))))
Всем доброго времени суток господа. Подскажите пжлста как реализовать вот такую идею (постараюсь сформулировать её более менее прилично) Например есть блок, внутрь к нему надо засунуть еще 3 блока, каждый со своей фоновой картинкой и когда наводишь на какой-либо из внутренних блоков он растягивался на ширину основного блока. что-то типа такого) http://itmages.ru/image/view/1170470/dbff566d а так когда наводишь курсор ) http://itmages.ru/image/view/1170464/a15bbcd3
0 votes2 answers -
Как сделать всплывающую картинку с текстом
Подскажите пожалуйста, возможно ли сделать что бы при наведении на ссылку всплывала картинка и текст с форматированием - жирность, косость, цвета... только средствами хтмл и ксс, без скриптов. Все что находил реализовано только скриптами, а мне не надо всякие там навороты вроде полупрозрачностей, теней и т.д. Кстати, вот реализация через скрипты http://mobine.ru/
0 votes2 answers -
проблема с сестринским селектором
некорректное отображение в ie7 и ie8. сестринские селекторы(СС) поддерживаются с ie7+ видно проблема при использовании СС и псевдо-классов если кто-то сталкивался - помогите решение через javascript не интересует <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>help</title> <style> div{ position:relative; width:200px; height:50px; margin:100px 0 0 100px; } input{ position:absolute; width:180px; height:30px; top:10px; left:10px; } span{ position:absolute; color:#000; top:16px; left:15px; } div input:focus+span{ color:red; } </style> </head> <body> <div> <input type="text">…
0 votes2 answers -
Подгон img под ячейки
Есть ячейка (ячейки) ({table-layout:fixed}), в нее с базы вставляются картинки. Как сделать так, чтоб картинки сами пропорционально подгонялись под ячейки. Все картинки имеют разный размер от маленьких до огромных.
0 votes2 answers -
Css-меню и сепараторы
Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…
0 votes2 answers -
Русские буквы и пробелы в пути
Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?
0 votes2 answers -
Не работает кнопка в Firefox&Chrome
Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...
0 votes2 answers -
При наведении на картинку идет смещение. (CSS)
При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/
0 votes2 answers -
Проблема с резиновой шапкой
Задача: шапка должна быть такая же как подвал, т.е один блок в центре и два по краям. Суть проблемы: правая и левая часть шапки отображаются внутри враппера, несмотря на то, что он не является их родителем, вроде все уже перепробовал, ничего не помогает, прошу ткнуть носом в ошибку)
0 votes2 answers -
Отправка формы с пустыми полями
Здравствуйте, уважаемые администраторы и пользователи. Прошу вас помощи для написания и объяснения скрипта, который бы при отправке формы на след. странице выдавал надпись, что обязательное поле не заполненно. Так вот. попробовал реализовать с помощью PHP файлов, но так как являюсь грубо говоря бичом в этой области, ничего у меня не получилось. Прошу вас, помогите мне пожалуйста написать скрипт. вот код моей формы. Заранее благодарен <!DOCTYPE html> <html> <head> <title>Регистрационная страница клуба программистов</title> </head> <body> <p align=center> <a> <img src="D:\Файлы Mail.Ru Агента\1.JPG" width="576" heigh…
0 votes2 answers -
Форма и фрейм
Возникла задача, с которой не получается справиться. Есть форма и фрейм. Введенные данные отправляется, и в фрейме появляется ответ от гугла. Куда таргет савить, не понимаю... <form action="http://www.google.ru/search" method="GET"> <input type="text" name="q" size="40"> <input type="submit" value="Поиск"> </form> <iframe name="answer" width="500" height="800" align="right"> </iframe> Буду весьма признателен за помощь.
0 votes2 answers -
Изменение параметров стандартных тегов
Подскажите, пожалуйста, как в CSS изменить параметры стандартных тегов для определнного слоя? Как это может выглядеть: <div id="test"> <img src="somePic.jpg" /> </div> CSS: #test { *параметры* } #test.img { padding-top: 10px; } В слое test - картинка будет отсутпать от верхней границы на 10px. При этом, в остальных блоках данный параметр отступа для картинки не будет применяться.
0 votes2 answers -
Сверстал шапку от сайта
Приветствую всех! Учусь верстать. Сверстал в качестве тренировки шапку сайта 003 ру Я так понимаю, что она не очень сложная в верстке, но все же хотелось бы услышать пожелания, что плохо и как лучше не делать. Если не затруднит, покритикуйте пожалуйста. Спасибо! http://workoffice.ru/tmp/003/index.html
0 votes2 answers -
Как сделать блоки в две колонки.
Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…
0 votes2 answers -
Эффект перекатывания css+java
День добрый, мне надо было вместо простой кнопки Обзор.. которая даёт type=file засунуть картинку, всёж покрасивей, наткнулся на пример, там всё ок css+java, даж иконки засунули, но вот не задача, там не простая картинка а с эффектом перекатывания, тоесть при наведении картинка сдвигается и получается чот тип анимации. В примере всё работает, но при замене картинки на свою возникла проблема, эффект перекатывания есть, но не до конца, по сколько я довольна плохо знаю css я так и не смог исправить, поэтому прошу помощи, исходник прикладываю, по умолчанию используется button.gif , моя button.png исходник
0 votes2 answers -
как обвести текстовое поле синим цветом ?
как обвести текстовое поле синим цветом ? Где - то я видел такой тег, но потерял ;( Подскажите плз.
0 votes2 answers -
Срезанный угол слоя
Подскажите, пожалуйста, как сделать срезанный угол у div'a при помощи CSS? Помимо этого, слой вместе с углом должен менять цвет при наведении курсора. Как должно выглядеть:
0 votes2 answers -
Печать html текста
Добрый день уважаемые верстальщики. Нужна ваша помощь. Есть большой текст, форматированный с помощью html. Его нужно напечатать на бумаге. Причем не абы как, а соблюдая "печатное форматирование", т.е.? например, чтобы внизу по центру печатались номера страниц, каждая новая глава начиналась на новом листе и т.д. Слышал, что этого можно добиться, используя сам html+css. Вопрос, что именно? Спасибо.
0 votes2 answers -
Группировка по значению
Добрый день! Что собственно хочу сделать: Есть товар у него есть артикул но т.к. товара с одинаковым артикулом много надо сгруппировать их вместе: Арткул-1111 Товар Арткул-1111 Товар Арткул-1111 Товар Арткул-11487 Товар Арткул-1811 Товар Арткул-1811 Товар Вот ни как не могу понять с помощью чего можно сделать css и js интересует.Подскажите в каком направление копать плз.
0 votes2 answers -
Указать ширину картинки, а высота бы пропорционально изменилась?
Здравствуйте. Интересует вопрос о том, можно ли картинкам в CSS указывать требуемую ширину, под которую бы высота картинки самостоятельно изменялась пропорционально исходному соотношению высоты к ширине? Благодарю.
0 votes2 answers -
помогите пожалуйста сделать футер
Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…
0 votes2 answers -
Как выбрать первый из соседних тегов?
Можно ли выбрать первый из соседних тегов, а не второй (синтаксис вида Селектор 1 + Селектор 2 { Описание правил стиля })?
0 votes2 answers -
выравнивание div по низу
Доброго дня суток, помогите выровнять блок "two" по низу блока "one" желательно без маржинов и паддингов .one { min-height:285px; margin: 0 auto; } .two { width:960px; height:200px; background:transparent url('blablabla.jpg') no-repeat; } <div class="one"> <div class="two"> </div> </div>
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-