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
-
Форма обратной связи
Здравствуйте. Что нужно дописать, написать, чтобы при нажатии на кнопку "ОТПРАВИТЬ" улетало письмо на заданный e-mail? Форма задана как есть сейчас на сайте. Это основной вопрос. <h2 class="pad_bot1">Оставьте заявку на обслуживание</h2> <form id="ContactForm"> <div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="Имя:" onblur="if(this.value=='') this.value='Имя:'" onfocus="if(this.value =='Имя:' ) this.value=''" ></div></div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="E-mail:" onblur="if(this.value=='…
0 votes10 answers -
Как работает и для чего нужен position: running(header)
Не могу найти описание position: running(header). Объясните, пожалуйста, простыми словами для чего нужна эта запись, и как она работает. Также не понятно, и нигде не могу найти описание @top-center. Буду благодарен за любые объяснения или ссылки.
0 votes4 answers -
Word to HTML
Всем известно как MS Word сохраняет документ в html - устанешь разгребаться. А очень хочется чтобы БАЦ и на тебе <h3> и <p> Какой способ самый быстрый/оптимальный?
0 votes9 answers -
Новый сайт
Добрый день. Взялся тут сделать сайт, макета нет, одни доковские файлы, возник вопрос как делать кнопки?
0 votes12 answers -
Селекторы
Здравствуйте. есть к примеру элемент <div class="foo"></div> В чем разница между селекторами .foo и div.foo ?
0 votes20 answers -
как узнать ширину элемента?
допустим есть элемент: a asd adas das das как узнать,и возможно ли это вообще,какова его ширина в пикселях? заранее спасибо.
0 votes5 answers -
Текст внутри SVG
Только что начал изучать SVG. Можно ли в нарисованную фигуру, вставить текст и как? Я подумал и додумался сделать только вот так http://jsfiddle.net/z4qsqfjx/1/
0 votes1 answer -
Интересный эффект раскрытия/закрытия картинок на сайте
Добрый день! Я только начинаю изучать HTML. Нашел интересный эффект открытия и закрытия картинок на сайтах .По клику картинка увеличивается, по клику на увеличенном изображении уменьшается. Новые окна не открываются при этом. Пример на этой странице Если кликните на изображении диска, то станет понятно о чем веду речь (трудно объяснить, надо посмотреть это ) . Очень хочу узнать как так сделать. Заранее благодарю!
0 votes8 answers -
Как связать низ колонок
Всем доброго времени суток. Я опять со своей проблемой! Никак не пойму, как работать с высотой при вёрстке таблиц, и не важно в чём они построены. У меня прям руки опускаются, что не понимаю я как надо написать алгоритм, чтобы всё отображалось как надо. У меня есть несколько вариантов вёрстки, но у каждого какие-либо отклонения от желаемого результата. Причём если в одном шапка получилась,то с телом проблемк, а где тело в норме, то шапка ведёт себя как попало! Пытаюсь сделать по аналогии удачного примера, но получается ерунда какая-то. Пожалуйста, подскажите, как быть с высотой? Потому что в некоторых примерах, подсмотренных с нэта,вроде вообще нет никаких указаний на…
0 votes10 answers -
растянуть ячейку по высоте во вложенной таблице. Не работает в опере
Есть таблица. В ней две ячейки td. В первой вторая таблица, во второй ячейки контекст, который может изменяться, от этого изменяется высота и первой ячейки. Во второй таблице две строки. Вторая строка растягивается в зависимости от содержания (там картинка, которая растягивается) Работает нормально в фф3.5 и ие8. Но в опере картинка первоначального размера (в виде точки) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>test 3 </title> </head> <body> <form> <table > <tbody> <tr style="height:100%;"> <td style="height: 1…
0 votes4 answers -
Якорь в option value
Возникла такая нужда, что нужно в списке к каждому option value прикрепить якорь или чтото подобное. Чтобы при переходе по адресу site.ru/tag.html#1 открывалась первая строка, а при site.ru/tag.html#5 пятая. Пример кода: <select name="select1" id="select1"> <option>Выберите товар</option> <option value="Товар 1">Товар 1</option> <option value="Товар 2">Товар 2</option> <option value="Товар 3">Товар 3</option> <option value="Товар 4">Товар 4</option> <option value="Товар 5">Товар 5</option> </select> Представляю это так: <select name="select1" id="select1"> <option>Выберите т…
0 votes6 answers -
Помогите с меню
Вот всё мучаюсь с меню, сделал вот на странице лучшая школа покера <select name='f_Regions[]' class='select' onchange='showDillers(this.value)'> <option value=''>Выберите регион...</option> <option value='4' onclick="document.location.href = 'regions/altay.php'">Алтайский край</value> <option value='5' onclick="document.location.href = 'regions/archangelsk.php'">Архангельская область</value> <option value='6' onclick="document.location.href = 'regions/astrakhan.php'">Астраханская область</value> <option value='7' onclick="document.location.href = 'regions/belgorod.php'">Белгородская область</value> <opt…
0 votes5 answers -
Рамка для DIV
Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?
0 votes14 answers -
id & class css
Здравствуйте! При использовании classa выделенный красным участок текста становится таким же жирным как и текст внутри тега strong, а при использовании id все отображается коректно. Пишу потому что код при использовании одного id к нескольким тегам не проходит проверку на валидность. .centerlinks { display: block; width: 305px; height: 55px; ___________________НЕ ПОЛУЧАЕТСЯ font-weight: normal; text-align: justify; } #centerlinks { display: block; width: 305px; height: 55px; ____________________ПОЛУЧАЕТСЯ font-weight: normal; text-align: justify; } <img src="tochki.jpg" class="tochkis" alt="rrr"> <a href="" class="centerlinks"&g…
0 votes7 answers -
Резка макета
Подскажите по сабжу, а то я всегда резал Jpeg, а тут один знакомый дизайнер заявляет мне, будто делать это непрофессионально (нашёл профессионала :-D), сжатие, потеря кач-ва и всё такое... А я просто не представляю, как можно резать макеты по-другому.
0 votes8 answers -
Проблема с отображением модуля в IE7
Чем может быть вызвано некорректное отображение модуля в IE 7 ? Модуль в IE 7 Тот же Модуль в IE 8 Сайт: http://psy.5igorsk.ru/ Сайт работает на Joomla. Помогите исправить пожалуйста.
0 votes20 answers -
Отступ между элементами LI
Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…
0 votes6 answers -
Резиновая таблица html
Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td>&l…
0 votes3 answers -
Слайдер с миниатюрами вместо стрелок
Здравствуйте. Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.
0 votes6 answers -
ФРЕЙМЫ
Я только начал использовать фреймы и вот не могу сделать вот что: мне надо, чтобы ссылка из одного фрейма (к примеру, левого) вела на страницу, которая должна открыться в основном фрейме, а не в левом (как выходит у меня) Помогите! http://danyanovikov.narod.ru/frame/1.html Вот, видите, ссылка News открывается в левом фрейме, а мне надо, чтобы в главном!
0 votes8 answers -
Padding-bottom не работает в ИЕ
вот кусок html: <span class="contacts"> Цена: <span class="cost">150.00</span> </span> Вот css: span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; } span.cost { color: #cf0105; font-weight: bold; font-size: 16px; } Нижний паддинг в Файрфоксе работает нормально, а вот и в ИЕ6 и ИЕ7 - его нет При этом могу выставить и левый и правый и верхний паддинг для ИЕ, а вот нижний не могу.. display: block для .contacts нельзя, т.к. он потянет блок на ширину 100%, а мне надо по контенту. Подскажите, в чем ошибка и как можно решить эту задачу? Заранее благодарен.
0 votes6 answers -
Убрать белый фон вокруг ссылок
Всем доброго времени суток. Собственно, проблема описана в теме. Все перепробовала, ну или мне уже кажется что все. В общем бьюсь над заливкой на ссылках тем форума. Необходимо чтобы был черный фон, чтобы в общем стиле все было, а он такой нехороший белый...Подскажите пожалуйста, куда залезть, чтобы исправить это. Да и еще пользуясь случаем...где можно поправить размер шрифта на этой же самой странице (http://darkangel.ucoz.ru/forum/)? Заранее всем огромное спасибо!!!
0 votes8 answers -
Где совсем новичку брать шаблоны сайтов для анализа?
Добрый день. Где новичку брать макеты сайтов для их анализа? Вроде бы HTML и CSS немного изучил, пару книжек прочёл, в основы погрузился. А что дальше? Вот хотел бы анализировать чужие сайты. Но реальные, в интернете - чудовищно сложны с моим уровнем знаний, и притом, там же кроме HTML и CSS ещё и скрипты, которых я пока вообще не касался, и PHP. Пробовал анализировать шаблоны с сайта http://ru.anvisionwebtemplates.com/ - тоже сложновато ещё. Реально сложно, громоздко, неудобно, непонятно. А с другой стороны, шаблоны со странички http://htmlbook.ru/layout уже все проштудировал и полностью, как мне кажется, разобрал. А с http://ru.anvisionwebtemplates.com/ - ещё сложно. Т…
0 votes9 answers -
Скошенные края
Добрый день, можно каким-то образом с помощю css сделать такие же скошенные края как на изображении?
0 votes4 answers -
Как сделать маркер списка над текстом по середине???
как сделать???
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-