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
-
Навигация по странице
Всем привет! Подскажите можно ли сделать навигацию по странице на css, ,(чтобы длинная страница отображалась короче и имела внизу менюшку вперед-назад, дальше и нумерацию 1.2.3. ит.д )? Если да то как? подскажите технологию или где можно прочесть об этом. Заранее благодарен. !
0 votes2 answers -
Не могу убрать отступы между INPUT
Вот скриншот: Проблема заключется в том что я не могу убрать отсуп между думая INPUT, хотелось что сама форма была цельной. Вот прилагаю код: <ul class="burner"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=site.ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="site.ru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <li class="inputForm"><input type="text" name="email" onblur="if(this.value=='') this.value='Введите Ваш email'" onfocus="if(this.value=='Вв…
0 votes10 answers -
Автоматическая нумерация строк
Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…
0 votes7 answers -
Смещение блока списка
Вот моя проблема Почему блок с изображением смещает последний элемент списка? и как это исправить?
0 votes2 answers -
Chrome и visited
Доброго дня, форум! Пытаюсь настроить кроссбраузерность. Радуют все, кроме Chrome. Проблема такая: не меняется background-image у visited ссылки. - что показывает Chrome - что должно быть #menu a:link { color:#00338D; background-repeat:no-repeat; padding-left:20px; background-image:url(img/pup_sin.png); * background-image:url(img/pup_sin.gif); } #menu a:visited { color:#D52B1E; padding-left:20px; background-image:url(img/pup_kr.png); *background-image:url(img/pup_kr.gif); background-repeat:no-repeat; } #menu a:active { color:#fff; background-color:#D52B1E; background-image: none; text-decoration:none; padding-left:20px; } #menu a:h…
0 votes2 answers -
href в div
Здравствуйте. Возник такой вопрос. Допустим у нас есть кнопка не картинкой, а на css, в виде дива. Внутри - текст. Можно ли расширить активную область ссылки, чтобы она была не только на тексте? <div class="button"><a class="buttext" href="#">MAIN</a></div> Спасибо
0 votes4 answers -
0 votes3 answers
-
cid
Здравствуйте, подскажите пж верстаю html-письмо путь к картинке указываю через cid: <img src="cid:logo.jpg" alt="" width="186" height="49" /> но письмо приходит без картинок. Письмо выглядит так <!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></title> </head> <body> <table> <tr> <td> <img src="cid:logo.jpg" alt="" width="186" height="49" /> </td> </tr> </table> </body> <…
0 votes1 answer -
Интересная компоновка
Есть такая проблема - фон такой что его рипитом не растянешь ни в ширину ни в высоту - согласно заказу - ширина то стандарт жестко задать и спозиционировать по центру. А в высоту всё интереснее - при высоте сайта больше высоты экрана скролиться должен контент в белом блоке по центру фон и футер должны оставаться статично - и контент как бы выползает из под футера. Помогите реализовать данную компоновку.
0 votes1 answer -
Как сделать тянущийся фон сбоку от контента?
слева и справа от контента надо сделать 2 блока от шапки до подвала с картинкой (падающие лепестки), которые бы дублировались при увеличении размера высоты. перед футером поместил эти 2 блока (чтоб грузились уже после основного контента) попробовал сделать так: #bg-left { position:relative; float:left; left:-100px; top:-250px; background:url(../images/bg-petals.png) repeat-y; } но почему-то это не работает.. не расятигивается, а только внизу появляется. как же тогда сделать эти резиновые блоки по краям?
0 votes5 answers -
Направьте в нужное направление :)
Начну с того что хорошо знаю HTML и CSS, немного JQuery. Но хочу научиться писать хотя бы простой движок для сайта. Но так как нет в этом знаний, прошу вас подсказать в каком направлении двигаться, какую литературу изучить и т.д. Сейчас у меня сайт на Joomla, но CMS не даёт развития в программном плане, тупо установил модуль и работаешь, мне интересней научиться написать к примеру этот же модуль самому. Кто-то наверное подумает, а зачем изобретать колесо, когда уже есть готовое, бери да пользуйся, к примеру та же CMS, но я не понимаю её работу, да и кто муже расширения к CMS бывают кривые и зачастую необходимо их подпиливать. А для меня это проблема. Лучше уж я потрачу …
0 votes2 answers -
Пропадает border при background
Здравствуйте. Вот такая штука. В браузерах ff, opera у меня пропадает border у th, когда я использую background-image. Картинка множится по x и тем самым заливает рамку у th. Причём в google chrome всё нормально. Не знаете в чём может быть дело?
0 votes6 answers -
Как растянуть iframe?
Всем привет. Люди помогите разобраться с iframe. Как сделать, чтобы он растягивался на всю длину? Вот код, который не хочет работать. Iframe должен быть без полос прокрутки. И как поставить блок div, содержащий фрейм, рядом с блоком содержащим много текста. <html> <body> <div style="max-width:1200px; min-width:800px; margin:4px;"> <div style="width:100%; height:146px; border:solid 1px #000;"></div> <div align="center"> <div style="float:left; width:120px; border:solid 1px #000;"> <br /> много текста <br /> много текста <br /> много текста <br /> много текста <br /> …
0 votes1 answer -
Как поправить HTML код
Всем привет! Есть у меня готовый сайт, сделанный не мною и добавленный на хостинг тоже не мною! И надо на сайте просто чуть поправить HTML код. Работает на WordPress. Опыта работы с хостингами нету(((( Не могу понять где на хостинге найти html странички, там все в php. С этой технологией пока не знаком! Подскажите, в каких папках на хостинге, обычно хранятся html странички! или как это сделать на WordPress. там только Html код можно поправить, там где, что то через него добавляешь! P.S. Ссори за такое постановление вопроса((( с технологиями PHP не знаком и не знаю каким образом делаются шаблоны на WordPress и к тому же не было сайта на хостинге! Спасибо
0 votes3 answers -
Наложение 2-х картинок
вот такая как бы тень появляется, как мне избавиться от нее? Ссылка
0 votes1 answer -
CSS свойство clear
http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>clear</title> …
0 votes4 answers -
Постоянная hover-кнопка
Здравствуйте! Как можно реализовать следующее? Предположим есть меню: <a>Главная</a> <a>Новости</a> <a>Галерея</a> Мне нужно, чтобы, когда я нахожусь на странице "Новости", ссылке "Новости" придавался псевдокласс :hover
0 votes8 answers -
Верстка HTML страницы с флеш элементами
Добрый день всем. Встала передо мной такая задача... Нарисовали страницу. В ней хочу вложить несколько флеш баннеров. Естественно хочется что бы эта страница была "резиновой". Помогите это сделать... Я начинающий в веб верстке, так что хотелось бы детально все и понятно. Что бы в следующий раз уже мог сам. Вкладываю нарисованную страницу. Белые блоки - естественно место под баннеры.
0 votes24 answers -
Русские буквы в url
Подаскажите пожалуйсто как сделать так чтобы в адрессной строке на сайте можно было писать с помощью русских букв, при этом чтобы они не менялись в набор кодов букв. К примеру чтобы была ссылка site.ru/привет вместо site.ru/%EF%F0%E8%E2%E5%F2
0 votes7 answers -
Натолкните на нужный путь
На этом сайте мне понравилась основная часть. Собственно, вопрос, как сделать такую обводку (на сайте она зелёная) у таблицы?
0 votes8 answers -
Блок не двигается
здравствуйте! есть компонент для джумлы, но он не удачно налез на кнопки навигации, хотел его подвинуть ниже. добавил туда такую строчку #comments-form-link {position:relative; top:50%;} пробовал менять цифры, а блок не двигается.. как его опустить?
0 votes2 answers -
Меню на css или ....
Всем привет !Сделал страничку одно меню написал на css , а второе сдела с помощью dreamweaver (dw написал его на javascript). Как лушче оставить как есть или сделать чтобы оба меню были однотипной технологии.И что лучше менюшка сделанная на css или JS?
0 votes5 answers -
Консультация в вёрстке
Как лучше сверстать окно чата, Внешний вид выглядящее как на рисунке, конкретно интересует та часть, где появляются сообщения, как реализовать полосу прокрутки? фреймсетом? и как поменять её внешний вид - системный элемент же.
0 votes1 answer -
Не понятки "png на прозрачном фоне"
Помогите пожалуйста. Мне нужно в полупрозрачном div, выводить png иконки но что б они не были тоже позрачными. Вот html: <div class='footer_app_menu'> <div class='footer_bar_item'><img src='pic/32/circle_32.png'></div> </div> где css стили: .footer_app_menu{ z-index:1000; margin:0 auto;width:700px;border:1px solid #838B8B;background-color:white;border-radius: 45px 45px 0px 0px;margin-top:-37px;height:33px;padding-left:45px;padding-top:2px; /*градиент*/ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); backgr…
0 votes1 answer -
Укажите на ошибку
В сверстанном макете дважды дублируется информация, думаю на Тег <body>. Подскажите новичку в чем ошибка. Посмотреть trigis(точка)ру
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-