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://take.ms/1TnDK) Сам сайт http://okhtyrka.in.ua/works/medorelax/index.html
0 votes4 answers -
Проблема с nth-child
Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.
0 votes2 answers -
Размывается картинка после изменения размера контейнера
Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?
0 votes2 answers -
Высота элемента на всю страницу
Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка
0 votes7 answers -
Верстка хедера с чекбоксами
Помогите, пожалуйста, как сверстать такой хедер
0 votes0 answers -
помогите сделать таблицу с фиксированными ячейками, плизз
Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…
0 votes4 answers -
Как создать ссылку
<map> <area shape="rect" coords="10,200,10,200" href="http://sendlab.ru/sympa" alt="Перейти на главную"> </map> Можно ли сделать некоторую область экрана ссылкой. Или это обязательно должна быть часть какого-то рисунка???
0 votes1 answer -
Проблема с background'ом
Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…
0 votes2 answers -
Помогите разобраться с шаблоном
Здравствуйте, на днях решил сверстать свой шаблончик для и.магазина футболок, делал делал, проверял в опере и эксплорере, потом решил проверить как будет смотреться в остальных браузерах... Разочарование моё не имело границ, ячейки таблицы с контентом и правого блока не растягиваются и всё содержимое вылезает наружу, что я только не пробовал, ничего не помогает, взываю о помощи более опытных верстальщиков ибо сам я в тупике. вот ссылка на сайт CSS: Благодарю всех откликнувшихся.
0 votes2 answers -
Идеальное расположение боксов для поисковиков
Вопрос к SEO'шникам и тем, кто знаком с продвижением сайтов. Известно, что основной контент в HTML-коде первее сайдбаров - благоприятнее для индексирования поисковиками... Но нужно ли контент пускать в коде раньше, чем хэдер (шапка сайта) или по философии документа сначало должен идти заголовок-шапка, потом тело-контент? В общем подскажите, как лучше?
0 votes5 answers -
Высота iframe
Уважаемые кодеры! Скажите, пожалуйста, возможно ли сделать так, чтобы высота блока iframe подстраивалась под высоту содержимого? Дело в том, что у меня во фрейме выпадающий список. Спасибо заранее!
0 votes4 answers -
repeat-x для дива
На сайте http://www.кг.ru/ сделал фон снежинки, но они получились только слева. Как сделать чтобы они были по ширине? Тоесть чтобы было видно и спереди и сзади.
0 votes2 answers -
Валидатор ругается
Валидатор ругается: В результате работы функции php в текст вставляется тег <br /> при чём без слеша этот тег катит а вот со слешем ругается. Что делать?
0 votes6 answers -
Интересный эффект, CSS. Требуется помощь
Привет, форум. Наткнулся на интересный эффект на сайте http://www.sape.ru А именно вот здесь: Можете проверить этот эффект у них на сайте. То есть ты нажал на кнопку допустим "купли" и у тебя появляется блок с инструкцией купли. Так же и с продажей. Кто-нибудь может помочь с воплощением?
0 votes4 answers -
помогите!
есть список <div id="nav> <ul id="menu"> <li class="active">About</li> <li><a href="">Our Teachers</a></li> <li><a href="">Schedule</a></li> <li><a href="">Prices</a></li> <li><a href="">Contact Us</a></li> </ul> </div> вот стили: li { list-style-type: none; padding-left: 50px; padding-bottom: 15px; padding-right: 0px; padding-top: 15px; margin-top: 2px; margin-right: 0px; background-color: #fff; color: #FFF; font-size: 21pt; font-family: Questrial ; } #nav{ width: 270px; height: 369px; } #menu{ float: left; } …
0 votes6 answers -
как сделать анимированный gif?
как сделать анимированный gif ajaxload? через сервис ajaxload.info можно сделать просто статический gif, а как сделать анимированный ? или может есть другие варианты?
0 votes4 answers -
Совмещение текста на картинке
Всем бодрого времени суток Вот такая загвоздка у меня... У меня сайт, внизу которого футер с картинкой (сплошная на всю длину). Задался целью сделать там надпись, на этом футере, но не тут то было. Картинка, при попытке вывести на нее текст, начинает отображаться самыми невообразимыми вариантами. Хотя по моей задумке она должна оставаться как есть и не меняться, и на ней просто в НУЖНОМ месте должен появиться текст. Вот как у меня в CSS записано отображение картинки: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Туда пытался вставить: .center p { text-align: center; Для того чтобы выравнять текст по центр…
0 votes1 answer -
Изменение стилей нескольких элементов
Имеется код: <style type="text/css"> .pic {width:150px; height:150px; display:block; background-image:url(1.png);} .pic:hover img {opacity:0;} .pic img {transition: opacity 0.5s ease-in-out;} .zag {color:#000;} .zag:hover {color:#666;} </style> <table border="0" cellspacing="0" cellpadding="10"> <tr> <td><a href="#" class="pic"><img src="2.png" width="150" height="150" /></a></td> <td width="200"> <div><a href="#" class="zag">ЗАГОЛОВОК</a></div> <div>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текс…
0 votes2 answers -
title на двух языках
Как быть, если желательно в <title> использовать два языка?
0 votes5 answers -
Проблема из за Fixed
Сверстал сайт, но 1 проблема Если размер окна браузера неочень большой то поиск невлезает и сползает вниз и невлезает все меню. Как это исправить помогите плз на верхнем меню там где поиск поставлено position:fixed; и при уменьшении размера браузера сайт косится т.е посик вниз иуходит и пункты меню. Пробовал ставить к #h min-width:100% и min-width:1400px, к body пробовал то же самое ставить, но все равно из за fixed при уменьшении окна браузера меню и поиск непрокручивается по горизонтале. ЧТО ДЕЛАТЬ ПОМОГИТЕ ПЛЗ, Я уже незнаю даже Если есть вопросы skype: vova-iiaknstaneu http://mir-animasiya.ru/index/0-3
0 votes3 answers -
0 votes4 answers
-
Проблема с повотором
http://hostingkartinok.com/show-image.php?id=80422c0aca0fc2a65197481cd2b40eed Парни при каждом выводом поста,у меня повторяеться панель меню и приветствие. Помогите исправить бок( background-repeat: no-repeat; пробывал,не помагает,или мб я не туда пишу его( Что скажете? Код php <!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><title>Shop</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><?php$DBH …
0 votes2 answers -
Номера телефонов переводятся на новую строку
Подскажите, как отменить перевод на новую строку номеров телефонов на iOS?
0 votes6 answers -
html-теги
ещё не верстал ничего,пока учусь только,Хотел узнать,нужно ли использовать теги для разметки <caption> <article><footer> и т.д.,или всё делать divaми и задавать классы?
0 votes3 answers -
Поднять блок "выше"
Добрый день. Подскажите пожалуйста по такому вопросу: есть сайт когда подводим курсор к пункту меню "Услуги", то ниспадающее меню получается под картинкой Как сделать меню поверх картинки?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-