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
-
Помогите с одной функцией
При нажатии на определенную ссылку на первом листе переходит на второй где есть несколько блоков вниз. Как сделать так чтобы при нажатии на эту ссылку переходило не только на этот второй лист но и опускался к определенному блоку вниз Заранее спасибо!
0 votes3 answers -
Стили вложеных элеменов
В одной из последних рассылок про вложенность стилей было рассказано, а как сделать зависимость стиля дочернего элемента в зависимости от стиля родительского? Например, если у <table> стиль TableEx1{}, то, чтобы у <tr > и <td> стили были TrEx1{} и TdEx1{}. А если у таблицы стиль TableEx2{}, то, чтобы у <tr > и <td> стили были другими TrEx2{} и TdEx2{}. Возможно ли такое?
0 votes1 answer -
тег Marquee не хочет работать в FireFox!
Тег Marquee не хочет работать в FireFox! В Oper-е и Explorer-е работает, а в этом браузере не хочет, хотя на сайте сказано, что FireFox поддерживает этот тег. Срочно понадобилось создать несложный сайт. И тут вдруг не заработали: бегущая строка в FireFox и обратная связь на электронную почту через форму. Подскажите, кто знает, почему Marquee не работает в Fox-е? И может кто скажет, что надо доделать, чтобы обратная связь через форму заработала.
0 votes0 answers -
И опять о формах и отправке данных
Доброго времени господа. Объясните пожалуйста поподробнее с примером кода: — как мне отослать письмо на e-mail при помощи формы. Знаю, что при помощи какого то скрипта, а вот в какую часть html-кода этот скрипт вставлять и где писать адрес…? Дайте пожалуйста пример полного кода html со скриптом, будьте так добры… Допустим адрес сайта: http://domain.narod.ru Почтовый адрес, на который нужно отправлять письма через форму: mai@yandex.ru Спасибо.
0 votes1 answer -
Проблемы с таблицей под IE8(compatibility view)
В следующем примере min-width под IE8(compatibility view) игнорируется. FF 3.6 все норм. <table width="100%"> <tr> <td align="left" style="min-width: 80px"> </td> <td align="left" style="min-width: 80px"> </td> <td align="right" style="width:100%"> </td> </tr> </table> Надо чтоб было две ячейки слева и одна справа. Те, что слева должны быть фиксированной ширины или больше, взависимости от содержимого(инпуты будут). Если содержимого нет, то ячейки все равно должны оставаться с width=80px. Собственно, как я сделал, меня устраивает, только вот ие...
0 votes2 answers -
Отображение в Opera
Символ (длинный пробел) в Opera 10, 11 (в других не проверял) отображается, как прямоугольник. Есть ли способ обойти эту проблему, не заменяя этот символ на что-то ещё?
0 votes2 answers -
Как сделать так, что бы таблица расширялась в ширину
Здравствуйте Есть таблица, с заданной высотой и шириной. В таблице есть определенное динамическое наполнение. При переполнении, она расширяется в высоту, а нужно, что бы расширялась в ширину. Как такое можно сделать? P.S. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> P.P.S. Знаю, что можно сделать на span'ах (которые по умолчанию не растягиваются на 100% ширины), но вдруг и для таблиц есть вариант.
0 votes1 answer -
выбор варианта вёрстки
Всем доброго времени суток. Со времени как последний раз делал сайт прошло не менее 7ми лет. Сегодня пришло время вспонить навыки. Уже имеется макет. На данном этапе встал вопрос как правильно сверстать сайт и в связи с этим возникают вопросы: 1. Верстать с помощью таблиц или есть какие-то более современные методы. (Сайт планируется статичный поэтому только html достаточно)? 2. Правильный ли подход: центр сделать статичных размеров в ширину, а поля (фон) резиновыми? Я начал делать центр (шапку) статичной, а поля резиновые. Но при сужении браузера ниже минимального формата шапка расплавается. Вот пример. 3. Второй вариант вёрстки. Второй день копаюсь не могу понять из-за ч…
0 votes4 answers -
Как устанавить курсор pointer в пределах элемента
День добрый! Я хочу установить курсор pointer в пределах кнопки "download" в редакторе html на wordpress. Вот код: <img class="size-full wp-image-40 aligncenter" src="Picture here" onclick="startGateway('00000000');" alt="" width="300" height="80" /> Когда пользователь нажимает "download" происходит вызов функции. Вариант сделать кнопку "download" ссылкой мне не подходит! Кто знает как это сделать пожалуйста помогите.
0 votes4 answers -
Mod_Rewrite
Здравствуйте, такая проблема: в .htaccess прописал такое правило: RewriteRule galerry/(.*)/(.*)/(.*)/(.*)/$ /galerry.php?$1=$2&$3=$4 При заходе по site.ru/galerry/show/cat/cat/Люди/ сайт теряет css файл, т.е. все отображает, вытягивает нужную инфу из базы, но без стилей... Как я понимаю, при такой иерархии , считается что каждый подуровень это папка, и css ищется на неправильном уровне... Как ето исправить? Зараннее спасибо за ответы. З.Ы. И если не сложно поправте мне правило так что бы ссылка реврайтилась в site.ru/galerry/cat/Люди
0 votes5 answers -
Резиновый дизайн DIV-ами
Здравствуйте! Верстаю шаблон для Джумла-2.5, нужен шаблон на ДИВах Вот сайт: Сайт Левая колонка присутствует только на главной странице, на остальных поле контента должно растягиваться на всю ширину. Совершенно запуталась с версткой! Применила для элемента 1 абсолютное позиционирование, растягивается как нужно, но на главной почему-то элемент 2 и поле 4 продолжаются за левое поле... И как указать расположение аналогичных нижних элементов, если поле вниз будет растягиваться в зависимости от контента? ПОмогите, плиз!
0 votes6 answers -
Java script
Подскажите, как определить название картинки при клике на нее? Допустим, на сайте есть куча картинок с разными путями и названиями. Как сделать так, чтобы при клике по любой картинке команда alert выдавала имя файла этой картинки? Допустим, картинка лежит по адресу file:///C|/Users/User/Desktop/pic_01.jpg и при клике на нее выдавалось имя файла pic_01 ? Нашел только вот что: var val='http://localhost/site/someimage.jpg' alert(val.substring(val.lastIndexOf('/')+1,val.length))Но тут в переменную val присваивается абсолютный неизменяемый адрес, а команда substring в итоге выдает имя файла с расширением, а мне оно не нужно.
0 votes7 answers -
тег <h1> без переноса строки
Как сделать так чтобы после тэга <h1> не было переноса строки?
0 votes1 answer -
инпут разной ширины в хроме и мозиле
есть инпут с классом pressure_date у него такие стили { border: 1px solid #AAAAAA; background: url(/img/input_shadow.jpg) top repeat-x; height: 30px; color: #999; text-align: center; font-style: italic; width: 75px; } почему в мозиле, визуально этот блок нормально выглядит (по ширине) как мне нужно, а в хроме чтоб он выглядел как мне нужно, емц нужно поставить ширину 79px. То есть хром показывает на 4px меньше?
0 votes4 answers -
Ссылки внутри <nav>
Изучаю спецификацию HTML5 и обнаружил, что рекомендуется внутри элемента <nav> ссылки делать не столбом, как я всегда делаю, а помещать их внутри <ul>. <nav> <h2>Navigation</h2> <ul> <li><a href="articles.html">Index of all articles</a></li> <li><a href="today.html">Things sheeple need to wake up for today</a></li> <li><a href="successes.html">Sheeple we have managed to wake</a></li> </ul> </nav> Чем это может быть полезно? Вредно увеличением числа элементов DOM.
0 votes12 answers -
Проблема с вертикальными отступами span
Всем привет. Не могу понять откуда берутся отступы. <div class="mc543_minimenu"> <div class="mc543_button"> <div> <span class="mc543_l1"></span> <span class="mc543_l2"></span> </div> </div> <div class="mc543_menuhandler"></div></div>CSS из правой менюшки консоли хрома - element.style {}wp.test/media="all".mc543_minimenu span { margin: 0; padding: 0; display: inline-block; width: 100%; height: 5px; background: #4F4F4F;}wp.test/media="all"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acro…
0 votes2 answers -
Откуда берется padding?
http://jsfiddle.net/220wsdx2/ Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?
0 votes13 answers -
Оцените сайт объективно на ошибки
Можете пожалуйста указать на ошибки, корректность кода, качество адаптации. http://plitka20x20.h1n.ru/n3/
0 votes2 answers -
Бордер в цвет градиента
Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.
0 votes4 answers -
Как вырезать необычное изображение
Ето проблемное для меня изображение в psd макете смотрится как маленькое, обычное png изображение на фоне другого, гораздо большого изображения Как я понял в фотошопе оно представляет собой миниатюру стоя, а по верху миниатюра стоя маски. Тоисть выходит так что само ето миниатюрное изображение имеет черный фон, который на макете невидим, по при попытке вырезать мне нужную часть етот фон тоже вырезается. Нужная мне(выдимая) часть изображения имеет много мелких деталей и по другом как то их выделить не получается. Как быть?
0 votes1 answer -
Помогите с тем как написать блок
Как написать такую шутку на чистом Css ?
0 votes2 answers -
Форма уведомления об использовании cookie для сайта
Уважаемые форумчане, подскажите, пожалуйста, скрипт, виджет или другое решение для размещения на страницах сайта уведомления об использовании cookie в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ "О персональных данных" со следующими элементами: - кнопки "Согласен" (при ее использовании уведомление исчезает и больше не появляется ни на одной странице сайта) и "Не согласен" (при ее использовании сайт закрывается); - ссылка на документ "Политика конфиденциальности персональных данных".
0 votes0 answers -
что скажите ?
Вот верстал меню Что скажите по коду мне честно говоря он кажется не очень Как можно было бы сделать подругому без помоши картинок ? <div class="head2"> <ul> <li><a href="1.html"><img src="images/1.gif" alt=""></a></li> <li><a href="2.html"><img src="images/2.gif" alt=""></a></li> <li><a href="3.html"><img src="images/3.gif" alt=""></a></li> <li><a href="4.html"><img src="images/4.gif" alt=""></a></li> <li><a href="5.html"><img src="images/5.gif" alt=""></a></li> <li><a href="6.html">&l…
0 votes3 answers -
min-height в IE6 и центрирование объектов
В опере9 min-height работает отлично, видел способ для IE6 или 5, а есть что либо универсальное? В блоке текст выравнен по левому краю. Нужно вставить картинку или флеш по центру. text-align: center; для объекта не работает, а на <center></center> ругается валидатор.
0 votes4 answers -
Верстка макета
Нужно сверстать такой вот макет. Ширина #PageContent - статическая, слева и справа полосы однаковой ширины. Размеры #header и #footer - указаны в пикселях. Ширина #ContactInf и #MainInfo статиская, а высота растягивается в зависимости от содержимого. При этом ни одна из этих колонок не должна вылазить на #footer. Заранее благодарю всех ответивших.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-