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
-
Обтекание DIV
Стоят у меня 2 тега div <div class="left"></div> <div class="center"></div> в CSS прописано .left { width:200px; float:left; min-width:200; } .center { width:500px; float:left; min-width:500; } Суть проблемы что если сжать окно браузера правый блок "соскакивает" под левый. как сделать чтобы они стояли на месте?
0 votes6 answers -
прыгает меню при нажатии помогите
Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?
0 votes3 answers -
Прижать div к низу блока
Столкнулся с такой проблемой. Есть двухколоночный макет, слева мне нужно прижать меню к низу блока,но так ,чтобы левый блок оканчивался на одном уровне с правым контентным блоком. Т.е. по сути, как в таблице,если бы ячейке с блоком прописал бы vertical-align:bottom; Высота обеих блоков динамичная. Верстка следующая: <div class="textin"> <div class="left"> <div class="left-in"> Текст </div> <div class="menu-cat"> <a href="" class="cat1">Каталог продукции на сайте</a> <a href="" class="cat2">Наше производство</a> <a href="" class="cat3">Программа подбора оборудования</a>…
0 votes5 answers -
Активация кнопок и смена элементов
Помогите, пожалуйста, разобраться как активировать кнопки чтобы при нажатии на них сменялась информация (текст/картинка). Один отзыв заменял другой. Прикрепляю свой код. Большое спасибо) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="reviews.css"> </head> <body> <style type="text/css"> .uc-reviws { position: relative; display: block; } .uc-reviews-slider{ overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-s…
0 votes0 answers -
Проблема то ли с фреймами, то ли с явой
Main page Main page Our city Minsk Church history Church history Pastor Church building Church building photo Camp Camp Camp photo Camp movie
0 votes3 answers -
Подключение СSS не из корневого каталога
Как указать путь для подключения файла CSS, который в папке корневого каталога, в html файле расположенном на два уровня ниже в корневом каталоге ? | ———- |——--| style | | ———- | | | ———- css_file.css | | | ————-- |——--| parent1 | | ————-- | | ————-- | ——— | parent2 | | ————-- | | | ————-- file.html В file.html нужно в подключении указать путь к css_file.css
0 votes3 answers -
Поворот объекта на 90?
Доброго всем времени суток! Подскажите пожалуйста, как повернуть div на 90? и как повернуть текст (неважно в каком элементе{те в любом}) тоже на 90?? Заранее всем спасибо!
0 votes3 answers -
неправильное отображение в IE 6
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…
0 votes6 answers -
В Опере10 что-то не так
<!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> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <title></title> <style type="text/css" media="all"> * {margin: 0; padding: 0;} * html #main {height: 100%;} html {height:100%;} body {height: 100%; background-color:#ccc;} #main {min-height: 100%; margin-bottom: -30px; background-color:red;} #footer {height: 30px; background-c…
0 votes5 answers -
чем выравнивать <th>
Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…
0 votes11 answers -
нужен хелп ноунейму
Кому не жалко немного времени, чтобы помочь новичку, пожалуйста напишите в личку или скиньте номер аси, сам не разберусь. Делать ничего не прошу, просто нужны ответы на интересующие вопросы.
0 votes22 answers -
Форма обратной связи
Доброго времени суток всем. Верстаю свой первый блочный сайт. Хочу добавить форму обратной связи Будет лучше если форма будет гоизонтальной. Подскажите как сделать форму горизонтальной ? При нажатии мышкой в поле Дата заезда или Дата выезда всплывает календарь что очень удобно при заполнении - как это сделать? помогите создать форму пожалуйста. Вертикальная форма:
0 votes8 answers -
Фото с активными областями
Доброго времени суток!Подскажите пожалуйста как посредством Html и CSS сделать фотку с активными элементами управления (на подобии как здесь http://www.grandmed.ru/ (там где нарисована девушка, а у нее в разных областях тела крести - нажимаешь на них - с боку всплавает меню)). Помогите реализовать идею: 1)Посредством тега <area> разбиваю изображение на области (создаю карту изображения). 2)Создаю <section> с ссылками. (каждая область section на свою область с карты изображения). Поумолчанию section с ссылками спрятана за экран посредством left: -9999px. 3)При нажатии на область карты изображения (событие onclick) выплывает соответствующее ей section с сылками…
0 votes3 answers -
Параллакс эффект или выезжающий блок
Есть три блока, предположим шапка, скрытый блок, контент. Когда открывается страница показывается только шапка и контент, как только начинаем скролить, "выезжает" скрытый блок. Как только блок показался полностью, при дальнейшем скролинге, тянем остальной контент. Собственно решил задачу по средствам JS, но не устраивает. Т.к. когда сролинг идёт колесом, то "прыгает" конент. А когда мышкой тащишь, то нормально. Подскажите как сделать с помошью css или как-то более "грамотно" Что сделано сейчас: <header>...</header> <style> .benefits{margin-top:-300px} .parallax_content{ height:300px; margin:0 auto; overflow:hidden; } </style…
0 votes1 answer -
Закрывающийся/открывающийся блок
Помогите, или скиньте ссылки как сделать Закрывающийся/открывающийся блок.
0 votes4 answers -
Эффект перекатывания
Друзья. Замучался. Прошу вашей помоши. Делаю эффект перекатывания по образцу с http://rotorweb.ru/xhtmlcss-verstka/karty-...nij-na-css.html Но проблема в том, что при абсолютном наведении одной из активной области становится видна граница этой области. Для основной фоновой картинки в Photoshop применяю фотофильтр с цветом #999999 или R153 G153 B153 при density 100%. При сохранении гифки, параметры следующие: Save for Web, Transparency, Matte с цветом #999999 или R153 G153 B153. Но бордюр при hover виден. Что я не так делаю? Возможно для приглушения цветов основного фона нужно пользоваться не фотофильтром, а иным инструментом? Спасибо всем кто откликнется.
0 votes1 answer -
Select набор названия элемента с клавиатуры
Есть select, который содержит 200 элементов. В IE7,8 при клике и наборе части названия наводит курсор на нужный элемент. А в IE6 - не выбирает. Вопрос, можно ли сделать без клика на поле ввод с клавиатуры и почему метод не работает в IE? Спасибо
0 votes1 answer -
Границы таблицы
Как сделать такое? У меня проблемы с горизонтальными границами (синего цвета которые) через несколько ячеек.
0 votes5 answers -
Вопрос по css
Добрый вечер, уважаемые форумчане! Изучаю css, решил немного попрактиковаться, а именно поизменять найденные стили для vkontakte.ru. Вопрос в следующем: почему шапка из прикрепленного мною стиля для контакта "ездит" при прокрутке страницы. В дефолтном оформлении не ездит. Наверное, что-то с позиционированием или еще с чем-то, не знаю. Надеюсь на вашу помощь. Вот так это выглядит. Видно, что при прокрутке шапка "поехала". Код стиля
0 votes4 answers -
Сайт На Дивах
Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464
0 votes11 answers -
Целесообразность использования новых тегов.
Доброго времени суток камрады. Я тут задумался, а есть ли смысл в использовании новых тегов? Таких как article, section, aside и некоторых других (только тех которые пришли на замену div'av). До сих пор я активно их использовал но заметил, что все что они делают - это создают лишние мыслительные процессы на подобие - а что лучше использовать тут - aside или div. А тут может быть section или обойтись div'ом. И так далее. Да и тем более я еще не увидел за все время своих странствий по интернету сайта, в котором бы применялись эти теги. Изредка у некоторых проскакивает только header и footer. А что вы об этом думаете?
0 votes5 answers -
Карусель для брендов
Добрый день! Хочу на сайт установить карусель jQuery для брендов, аналогичная есть на сайте: http://megalogistika.ru почти в начале страницы под надписью "Нам доверяют". Найти в интернете подобную карусель не смогла, поэтому и прошу Вашей помощи! Заранее большое спасибо!
0 votes4 answers -
Подпись у картинки шириной с картинку
Здравствуйте, есть код: <style> div.illustr { float:left; background-color:#f0f0f0; } div.illustr p { text-align:center; } </style> <p>Подрисуночная подпись ? текст, являющийся названием рисунка или описанием изображения.</p> <div class="illustr"> <img src="http://imgl.yandex.net/i/www/logo.png"> <p>Подпись Подпись Подпись Подпись Подпись Подпись Подпись Подпись</p> </div> <p>Подпись хоть и называется подрисуночной, но может располагаться не только под рисунком.</p> Размер изображения всегда разный и неизвестен. Реально-ли сверстать так, что-бы подпись переносилась при достижении края изображения? То…
0 votes0 answers -
Нужна помощь с div в ие6
Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…
0 votes2 answers -
Инпут вылазиит за пределы ячейки
Есть простенькая таблица для примера: в ней 1 строка, 2 ячейки, в левом - инпут. Специально, чтобы видеть границы ячеек видны бордюры. Так вот, инпут вылазиит за пределы ячейки и налазиит на правую ячейку. Ширину ему указываю 100%, хочу чтобы он был на всю ячейку, но никак не больше и не меньше. Указать 99% и т. п. не вариант, т. к. в конечном виде будут ячейки разной (в том числе и большой) ширины и для одних ячеек 1% будет мало, для других слишком много. Проблема касается всех браузеров (ИЕ, ФФ, Опера). Ниже представлен код таблицы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html x…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-