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
29,542 questions in this forum
-
Две формы
Здравствуйте! Не ругайтесь если что,я начинающий... На одной странице есть две формы.Возможно ли сделать так,чтобы данные с этих форм отправлялись по отдельности? Заранее благодарен
0 votes5 answers -
Уголки не спускаются.
Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…
0 votes0 answers -
Загругление блок при помощи CSS
Доброе время суток! Подскажите пожалуйста, хоть может я и обращаюсь не в тему! У меня стоит COREL DRAW и я не могу экспортировать рисунок в jpg с прозрачным фоном. По умолчанию у меня на листе стоит прозрачный фон, а когда провожу экспорт то фон получается белым(((
0 votes2 answers -
a img на ie
чем заменить тег css "a img" на IE он почемуто этот тег не понимает
0 votes3 answers -
Помогите решить простую задачу
Нужно сделать простенькую табличку с несколькими ячейками. Хотелось бы его сделать на дивах.. Какая-то хрень выходит, причем в разных браузерах выглядит по разному... Подскажите где косяк? <style> /* Задаю границы по ширине, центральное выравнивание, бордюр */ .otziv{width:750px; margin: 0 auto; padding:0; border: 1px solid #feb735; background-color:#222;} /* Левая верхняя ячейка */ .author_otziv{width: 599px; height:25px ;position: relative; float: left; border-bottom:1px solid #feb735;} /* Правая верхняя ячейка */ .date_otziv{width:150px;height:25px ; position: relative; float: right; border-bottom:1px solid #feb735; border-left:1px solid #feb735; } /* Прав…
0 votes11 answers -
Перенос ссылки на верхнюю строку
Прошу помощи. Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить". <a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a> A.sendbutton { background-image: url("send.png"); display: block; width: 79px; height: 26px; } A.sendbutton:hover { background-position: 0 -26px; } A.historybutton { background-image: url("history.png"); display: block; width: 80px; height: 26px; } A.historybutton:hover { background-position: 0 -26px; } Результат:
0 votes3 answers -
выравнивание в меню
добрый день форумчане! с наступающим вас! я php программист, с версткой иногда бывает проблемы. вот как сейчас например есть меню как мне сделать чтобы картинка возле слова была посередине а не снизу? вот код <li><a href="decoration/1.html"><img src="../images/point.png" alt="•" align="middle" border="0"> Декорации</a></li>
0 votes2 answers -
размещение баннеров
работаю на юкоз. сделал сайт, не доделал верстку из-за одной проблемы: сайт рекламный. как мне сделать так, чтобы любой пользователь после оплаты мог разместить свой баннер на главной?
0 votes3 answers -
Горизонтальное CSS меню
Здравствуйте уважаемые форумчане. Мне нужно сверстать простое горизонтальное меню при помощи CSS. Вот html код <div class="meny"> <!--Оказывается горизонтальное меню на CSS делается по другому принципу нежели то, меню, что я делал для своего сайта "Эволюция и происхождение человека, а именно через списки.--> <ul> <li> <a href="index.html">Главная </a> </li> <li> <a href="info.html"> Важная информация </a> </li> <li> <a href="histori.html"> История </a> </li> …
0 votes1 answer -
Какой шрифт у текста в кнопке тега <button>?
заметил что у кнопки созданной с помощью button забавный шрифт, после того как я не нашёл в стилях параметр отвечающий за шрифт кнопки, понял что он стоит по умолчанию, кто нибудь знает? или знает как узнать?)
0 votes2 answers -
Помогите решить проблему с футером
Собственно сабж, когда контент больше чем на страницу, он выезжает...и страница не растягивается мать его, помогите пожалуйста, уже голову сломал.... http://files.mail.ru/2ADE7C5FE52F479D8AF5AEE4D5B6D6A6 ссылка на верстку Заранее большое спасибо
0 votes2 answers -
селектор атрибута
В учебнике написан код [href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])Но почему он заработает только после того, как убрать тег a? http://cssdeck.com/labs/yvkzolue
0 votes7 answers -
Правильность написания одиночных тегов
Объясните, нужно ли в HTML 5 писать слэш в одиночных тегах (<br />, <input />, <img />)? Валидатор принимает оба варианта, но как все же правильней? Как я понимаю, наличие слэша - это наследство от XHTML?
0 votes1 answer -
помогите найти ошибку с кнопками меню
Это первые шаги в верстке, так что не обессудьте. Поблема с меню сайта http://clip2net.com/s/3kvpTVc Если тот же код прописать в jsfiddle, то получается все красиво - https://jsfiddle.net/Softlink/DzHUj/90/ Никаких паддингов в блоках нет, разве что для высоты кнопок. Подскажите, что не так?
0 votes3 answers -
Бордюры (border)
всем привет, народ подскажите пожалуйста в одном деле.
0 votes2 answers -
Пример работы "в ноутбуке"
Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку
0 votes4 answers -
Загрузка background-image и @media screen
Подскажите, пожалуйста, как загружаются background-image, если для мобильников и десктопов делать разные фоны.. В зависмости от @media screen или все сразу грузятся?
0 votes1 answer -
Выравнивание меню
https://jsfiddle.net/konstantinskiy/3unbLjwk/1/ Есть вот такой пример меню, нужно сделать чтобы стрелочка была прижата к тексту справа, а не к диву с правой стороны. Как это сделать?
0 votes1 answer -
Не получается со слайдером
Доброе время суток! Не могу понять почему не работает помогите разобраться в коде. Скриншот того что должно получится http://clip2net.com/s/3BzTwIW HTML: <div class="container"> <input type="submit" name="slides" id="btn-4" value="Доставка" checked> <input type="submit" name="slides" id="btn-5" value="Гарантия"> <input type="submit" name="slides" id="btn-6" value="Кредит"> <div class="site-wrapper2"> <div class="text-content clearfix" id="slide4"> <h2>Доставка</h2> <img src="img/delivery.png" alt="Доставщик"> <p>Мы с уд…
0 votes1 answer -
Вывод пропорционального флеш-ролика
Как вывести на сайте флеш-ролик с нормальными пропорциями? Например, одни ролики более квадратные 4:3, другие продолговатые - 16:9. Использую один контейнер для всех роликов. Из-за этого появляются полоски, либо по бокам, либо сверху-снизу. Обрезка параметром scale=noborder не подходит, так как может отрезать элементы управления. Есть ли возможность узнать параметры ролика и подогнать высоту контейнера для корректных пропорций?
0 votes0 answers -
Проблема с вёрсткой
Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь Огромное спасибо p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c…
0 votes1 answer -
Позиционирование
1-ый блок: .ContentBlock { position: relative; font-size: 1.1em; margin: 0px; background: #fff; border: 1px solid #d1ddea; padding: 10px; text-align: left; height: 100%; width: 66%; } 2-ой блок .ContentBlock_create_new_lists_banner { margin: 0px ; padding: 0px; background: #fff; text-align: left; position: absolute; top: 127px; left: 715px; } Удаляю скролом, 2-ой блок прячется под первый, приближаю, 2-ой блок отдаляется от первого. А нужно, чтобы второй блок постоянно находился на одном и том же месте - никуда не прятался и не уезжал.
0 votes1 answer -
позиционирование текста с элементами
<div style="float:left;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="font-size:30px; color:white;">10</td> <td style="border-right:1px solid #747474; padding-left:5px;"> </td> <td style="padding-left:5px; padding-right:10px;" align="center"> <table cellpadding="0" cellspacing="0" > <tr> <td style="font-size:19px; color:#c7c7c7; padding-left:5px;">10</td> </tr> <tr> <td style="font-size:14px; color:#747474;">2010</td> </tr> </table> </td> </tr> </table> </div&…
0 votes2 answers -
Вопрос к гуру дивовой верстки
Говорят на дивах можно сверстать все.. А как сделать трехколоночный макет но чтобы колонки были не слева направо а снизу вверх? Какие теги надо туда прописать?
0 votes2 answers -
Проблемка с отступами в фф 5
Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-