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
-
Как сделать круг на CSS?
Всем здравствуйте! Я не могу понять, как правильно сверстать подобное (как на картинке). Если кто знает, как это реализовать, то был бы очень признателен!
0 votes1 answer -
Позиционироние текста
Здравствуйте. У меня такая задача. Есть текст, который по коду должен находится выше всех элементов: например <body> <div id="up">Текст</div> <div>Что-то еще</div> <div>И Еще</div> <div>Все</div> </body> А при отображении он должен находится после блока <div>Все</div>. Бьюсь над этой задачей сутки уже. Если можете подскажите в каком направлении двигаться. Заранее спасибо!
0 votes4 answers -
переносится меню
Не получается сделать так чтобы меню которое справа, не переносилось на вторую строчку, хочу чтобы оно желательно крепилось к правому краю страницы, под разные разрешения, естественно при уменьшении разрешения пункты оппадают на вторую строчку, омжно ли этого избежать сайт http://formalab.ru файл #header ul { display : block; position : absolute; } ul.menu { position : relative; left : 0; top : 0; height : 51px; padding : 127px 0 0 58%; background : url(../img/flt.png) no-repeat 0 0; background-attachment : scroll; white-space : nowrap; } ul.navigation { top : 149px; left : 95px; } #header ul li { float : left; padding-right : 15px; background-repeat : no-repeat; backgr…
0 votes3 answers -
Возникли проблемы
Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…
0 votes4 answers -
Прыгает правая колонка
Всем привет, появилась такая проблема, никак не могу решить. http://www.searchenginejournal.ru/ Если, например, в Firefox обновлять, то правая колонка не сразу подгружается, а лишь через какое-то время. Надо сделать так, чтобы центрировалось всегда, а не прыгало. Заранее спасибо за помощь!
0 votes6 answers -
Картинка в центре DIV
Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная. Как мне расположить картинку ровно по центру DIV?
0 votes15 answers -
Проблема с include
Возникла следующая проблема:если какой-то блок включать инклюдом то появляется пробел если вставить просто код без инклюда то пробела нету не понимаю что за бред не имеет значения вносить элементы таблицы в пхп блок или нет результат один. С инклюдом: index.php : <? include("blocks/bd.php"); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="styles/main.css"> <title>Документ без названия</title> </head> <body> <table width="690" align="center" class="main_border"> <? include("blocks/header.php"); ?> <tr> <td valign="top" bgcolor="#FF…
0 votes5 answers -
border-bottom и padding
Всем привет! Сегодня столкнулся с проблемой небольшой, а именно отображение border-bottom. На прикрепленной картинке видно, что линия идет ЗА пунктами меню, а не под ними. В чем может быть дело? (если убрать padding 3px 10px у ссылок), то всё хорошо.. но мне нужно с padding. Интересно, что в IE8 бордюр отображается ровно под меню, а в хроме все время позади.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> <t…
0 votes3 answers -
Нужна помощь (Фильтры на сайте)
Здравствуйте! Меня, если что, зовут Владимиром Я начинающий веб-мастер так сказать. Мне нужна помощь по конкретному проекту (сайт веб-студии). Начну с общего вопроса (т.к. первый раз с этим сталкиваюсь): фильтрs создаются в рамках верстки или это относится к CMS натяжке? Вот сам фильтр. Подскажите пожалуйста, как это сделать, если это только верстка. А если CMS (это скорее всего будет WordPress) можете скинуть обучающий ресурс по WP Заранее благодарен. Дополнительный вопрос не в тему:
0 votes4 answers -
Доступ к DOM в iframe на другом домене. Оба домена мои.
Добрый день. У меня есть 2 домена. Доступ имею к обоим доменам и серверам. На домене 1 есть iframe, который открывает страницы c поддомена 2. Нужно отследить клик в iframe и получить адрес страницы перехода. Т.е нужно получить доступ к DOM документа в iframe. Собственно, возможно ли это, учитывая что оба домена мои. Пробовал прописывать заголовки X-Frame-Options, но они не очень кроссбраузерные и работают как-то не айс. Может есть еще какие-нибудь способы открыть данные iframe на другом домене?
0 votes1 answer -
Как вставить баннер.swf со ссылкой на ресурс
Добрый вечер всем! Изучил немного Adobe Flash и встал перед проблемой, оказывается файл типа баннер.swf нужно как-то особо вставлять в html. Нашел кучу готовых вариантов и не у одного из них нет ссылки на ресурс. Как сделать именно ссылку к баннер.swf ???????? Что бы кликнуть можно было. Спасибо!
0 votes2 answers -
[Теория] Разница между адаптивной страницей и страницей с различными стилями
Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
0 votes6 answers -
Чередование фона
Добрый день, подскажите пожалуйста, как правильно в css написать, чтобы 1 строка черная, 2я белая, 3 черная, 4 белая и т.д. Вот код <label class="jbprice-row jbprice-row-0"> <label class="jbprice-row jbprice-row-1"> <label class="jbprice-row jbprice-row-2"> <label class="jbprice-row jbprice-row-3">
0 votes6 answers -
проблема с :hover
Всем привет ! Верстая PSD макет столкнулся с проблемой :hover ,а именно в менюшке.Нужно чтобы пробегая по ссылкам они подсвечивались при помощи :hover .Понимаю что логика вставить a:hover , но при этом варианте ,подсветка только высоты ссылки а мне надо во всю высоту рамки меню поэтому вставил li:hover , но получается фиксированная ширина и поэтому в длинных названиях лишек она обрезается.Как сделать чтобы подсветка охватывала полностью все названия по отдельносьти? И еще как можно это соорудировать напрямую a:link ? Ссылки почему то в jsfiddle поехали вниз впритык рамки https://jsfiddle.net/stvolkilla/0nxzedxz/1/ скриншот
0 votes4 answers -
Привязка картинки к слову
Доброго времени суток, ув. программисты! Вобщем, такая ситуация, необходимо привязать стрелочку к слову, т.е. сделать так, что бы стрелочка ходила за словом. Стрелочка - это картинка. Пытался это сделать через позиционирование, однако, ничего не вышло. МБ кто-нибудь подскажет какие-нить идеи?
0 votes4 answers -
Горизонтальная прокрутка только на левую колонку
Двухколоночный сайт. Ширина страницы - 100%. Горизонтальную прокрутку - только на левую колонку. Идеи?
0 votes3 answers -
Терминология
Подскажите где можно найти справочник терминов веб-дизайна Например терминов: Сеошник, фрилансер, валидность, кроссбраузерность и т.п.
0 votes3 answers -
атрибуты тэга <p> для определенного блока
Вроде о css имею начальные понятия, а вот как установить параметры тэга <p> для определеннго блока не знаю. Например, есть 2 блока <div> и в них находятся <p>. HTML <div class="need"><p>[b] Вот здесь и нужно применить атрибуты [/b]</p><p>[b] Но как сделать это? [/b]</div> <div class="not_need"><p>[b]А здесь использовать другие настройки[/b]</p>. А вот CSS: p{margin:10px;font-size:100%;text-indent:2em} Данный код я хочу применить только для тех <p>, которые находятся в блоке <div class=need>, а для <div class="not_need"> и всех остальны…
0 votes2 answers -
Имитатор IE6
Добрый день ! Подскажите может есть какая то програмка Имитатора IE6 для проверки Спасибо
0 votes3 answers -
Как создать таблицу без верхней границы
Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.
0 votes5 answers -
Как убрать отступ
Привет всем!) Я решил сверстать ооочень простую страничку для Motd окна cs 1.6 сервера с использованием css и html. Начинаю работать пока что только с html'ом. Для начала на середину сверху я решил добавить изображение с названием сервера (сделанное в фотошопе) и вот собственно в теге <body> решил разместить оный код: <h1 align="center"><img src="images/df.png" alt="DealyFrags"></h1> Изображение выравнялось по середине, но у него имеется отступ от верха. Я не мастер в css и html и даже не пробовал углубленно изучать. Делаю я все сразу же и по учебнику. Или же это изображение выравнивать надо уже в css?
0 votes4 answers -
Фиксировання или резиновая?
Здраствуйте! Вот у меня вопрос не на теорию, а в первую очередь на ваш опыт. Как лучше верстать с фиксированной шириной или уже лучше резиновая? Я так посмотрел, резина лучше - на любой екран сайт будет выглядить как задумано. Я прав?
0 votes5 answers -
XHTML или HTML
Добрый день. я читал много статей по этому вопросу, но так до конца и не понял. В каком стандарте предпочтительно сейчас верстать, HTML или XHTML? Назовите конструктивные причины.
0 votes6 answers -
Шрифты для WEB
Здравствуйте.Хочу попросить у вас совета по поводу грамотного использования шрифтов при верстке.Что почитать,куда посмотреть,кого спросить...буду признателен за каждый ответ.Спасибо
0 votes7 answers -
Поплыл шаб
Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 1 скрине, но нет во 2) HTML <!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" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>GRead beta</title> </head> <body> <div class="main"> <div class="head"> </div> <…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-