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 100%
Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код. <div id="footer-wrapper"> <div id="footer" class="clearfix"> </div> <div id="footer-info-photographer"> <p></p> </div> </div> вот css код #footer-wrapper { background: none repeat scroll 0 0 #3E3E3E; color: #FFFFFF; } #footer { margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer{ margin-left: auto; margin-right: auto; min-width: 920px; width: 1200px; } #footer-info-photographer p{ text-align: center; } П…
0 votes4 answers -
Изменить название для input type=file
Как вы все знаете у input type=file свое, "неповторимое" название (в хроме - выбрать файл, в мозиле - обзор). Вопрос такой, а как эту кнопку на другой язык перевести?
0 votes2 answers -
Верстка и центрирование блоков
Здравствуйте, решил попрактиковаться с css. У меня вопрос тут созрел. Как сделать так, чтобы при изменении масштабирования все блоки не были по левой и правой сторонам а вместе со средним блоком были не растянутыми? И еще просьба, опишите как можно сделать, чтобы к примеру средний блок был посередине и не надо было его чем-то фиксировать к примеру позиционированием. Например: у меня есть верхний блок, он растянут по ширине на 100%, далее есть два левых и один правый, а посередине еще один с содержанием, он у меня ниже всех ставится, и приходится его фиксировать посередине. Ниже приведу в пример код, помогите его исправить так, чтобы, если изменить масштаб, сайт просто бы …
0 votes14 answers -
Можно ли сделать такой сложный макет
Скажите пожалуйста, можно ли создать такой макет? Все что я сумел сделать это выстроить 4 блока - https://jsfiddle.net/nczm2aps/ а вот как сделать вертикальные разделения? Флекс во флексе?
0 votes1 answer -
меню в виде дерева
у меня создан сайт на UCOZ, По сути знакома с HTML всего две недельки. НО мне надо сделать меню в виде дерева. Ведь там нужна ссылка на страницу, а как ее сделать на UCOZ не понимаю....
0 votes2 answers -
IE 7 не поддается выравниванию
Помогите плиз..Мучаюсь вот уже который день...есть код.... <!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>BusWorld 2010: Нижегородская область</title> <style type="text/css"> body { background-color:#7c7057; margin: 0; padding: 0; color: #000; text-align: center; font: normal 13px/1.4em Verdana, Arial, Helvetica, sans-serif; } img { vertical-align: top; border: none; } div { margin: 0; …
0 votes2 answers -
проблема с гиперразметкой опроса
Есть код опроса : $POLLC_1$ - добавляю на страницу и сразу всплывает при загрузке он. Можно ли сделать его текстовой ссылкой, чтобы он открывался при переходе по ней? что - то вроде этого: <p>ЗДЕСЬ ДОЛЖНА БЫТЬ ССЫЛКА НА ОПРОС </p> каким кодом (пример)? p.s. пробовал в теге гипертекста - вставлять вместо адреса (http//... - $POLLC_1$ )- не получается Можно писать мне на почту solopovmax@mail.ru Заранее спасибо)
0 votes3 answers -
Замена картинок от времени суток
Нужно чтобы некоторые картинки менялись в зависимости от времени суток. днём - одна, ночью- другая. вот такой код: [i]<body class="img"> <div id="header"> <div id="head"> <a href="index.shtml"><img src="images/knopf/head.png" width="300" height="70" border="0" align="left" alt="andrey_logvin" /></a> <div id="kontakt"> <a href="ubermich.shtml"><img src="images/knopf/ich_bin24.png" width="24" height="24" border="0" alt="uber_mich" /></a> <a href="kontakt.shtml"><img src="images/knopf/post24.png" width="24" height="24" border="0" alt="post" /></a>[/i] Тут три картинки и их нвдо менять. П…
0 votes3 answers -
Не отображает картинки в ксс
Здраствуйте решил перейти от теории к практике, хочю сверстать макет Раира, который есть в примерах длЯ верстки. Для меня это не первая верстка, были ещё две, которые удачно завершил. но это были мои макеты, которые я создавал оринтируясь на свои возможности в верстке. Проблема вот в чем : только начал верстать : порезал картинки, и начал делать шапку. <!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> <link rel="styleshee…
0 votes9 answers -
Прошу помочь обьяснить!
У меня есть id-селектор и внутри него я создал правило {color: #fc0; font-family: Georgia, Times, serif;} Так же у меня есть p {font-family:Arial;} и h2 {color:red;} . Внутри id селектора у меня есть теги( p и h2) но на них действует правило которое не id селектора вот не могу монять у id же больше приоритет над селекторами тегов.Почему что находится в id параграф и заголовок не изменяются. id я применил к <div> параграф и заголовок у меня в нем.
0 votes14 answers -
Выпадающий текст
1. Необходимо на странице, где мы хотим сделать выпадающий текст разместить небольшой скрипт: <script> function collapsElement(id) { if ( document.getElementById(id).style.display != "none" ) { document.getElementById(id).style.display = 'none'; } else { document.getElementById(id).style.display = ''; } } </script> 2. В том месте где должна быть ссылка с выпадающим текстом размещаем следующий код: <div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">Текст ссылки</a> <div id="identifikator" style="display: none"> <p>Текст текст текст текст</p> </div> </div> Вопрос, что надо пр…
0 votes2 answers -
Валидация HTML5
Валидатор считает данный код не валидным <a href="javascript://" onclick="rp(203,1)" style="text-decoration:none">из-за "javascript://". Чем можно заменить? Якорь перебрасывает наверх страницы(
0 votes6 answers -
Emmet для sublime 2
Установил emmet через консоль и почему не работают длиные аббревиатуры? Например, ввожу nav>ul>liнажимаю таб и мне выдаёт вот такой код nav>ul><li></li>а почему то, если писать просто элемент nav, то будет работать. И почему в notepade нормально работает, а в sublime нет?
0 votes9 answers -
Наложение картинки на кнопки
Ребят здравствуйте, возникла небольшая проблема верстаю в общем то не сложный макет, но так как я новичок и толком еще ничего не умею, не знаю как решить эту проблему есть контейнер с 2 кнопками и картинкой согласно дизайна (скрин 1) кнопки должны быть внизу картинки но при верстке картинка на них наслаивается и кнопки не реагируют на нажатия (на скрине 2 видно) пробовал и z-index использовать ничего не выходит какие есть еще способы код HTML <div class="banner"> <a href="#" class="button_left"> <img src="images/button-left.png" alt=""> </a> …
0 votes2 answers -
Помогите опредилить движок.
Вот есть сайт: http://xakep.ru/ Помогите определить движок.
0 votes2 answers -
зачем использовать position: relative
Приветствую товарищи. Изучаю CSS. Объясните пожалуйста, зачем использовать position: relative без указания значений top и left? ведь объект остается на том же месте и без position: relative.
0 votes2 answers -
помогите найти ошибку в сайте
сайт www.leoneed27.ru Везде всё нормально кроме страниц http://leoneed27.ru/obor.htm и страницы http://leoneed27.ru/tabl.htm Во всех браузерах, кроме Експлорера меню оказывается не сверху, растянутое на всю страницу, а посередине с двумя белыми плашками. мучался, мучался, не знаю что делать. помогите пожалуйста.
0 votes10 answers -
форма обратной связи
Ребят, Вобщем есть такая форма обратной связи и она не работает((( помогите исправить ошибку 1 Если все писать русским то приходят на мыло каракули.... 2. В ИЕ не работают кнопочки отправки и сброса.. помогите плиз Спасибо,
0 votes5 answers -
Выравнивание высоты слоя
Здравствуйте. Прошу обратить внимание на www.atrix63.ru Слой с главным контентом на главной странице растягивается относительно своего содержимого. Так же слой "Отзывы наших клиентов:" растягивается относительно своего содержимого. В результате получается не красивая вещь-большой пробел под главным слоем. Как сделать выравнивание его высоты по высоте слоя "Отзывы наших клиентов:" в случае если он меньше его?
0 votes3 answers -
Рамка в таблице
Как сделать таблицу такого вида: border придает рамку только вокруг таблицы, а как задать цвет рамки внутри таблицы? Когда-то давно в Front Page 2003 делал...
0 votes4 answers -
Мерцает меню в IE
Вот на этом сайте при переходе по вкладкам выпадающего меню(выпадает пункт "О компании") мерцают пункты меню, и это только в IE, копал копал, не могу понять из-за чего это происходит! Вот код меню HTML <div id="nav"> <ul> <li><a href="<?php echo get_settings('home'); ?>">Главная</a></li> <li><a href="#">О компании</a> <ul class="submenu1"> <li><a href="http://cnet.com">Ремонт квартир</a></li> <li><a href="http://mashable.com">Ремонт ванной</a></li> <li><a href="http://techcrunch.com">Ремонт офиса</a></li> …
0 votes1 answer -
Меню
Я новичок. Подскажите пожалуйста, как сделать так, чтобы меню раскрывалось после "клика" и оставалось открытым до повторного "клика".
0 votes11 answers -
Проблема с падающим дивом.
Приветствую всех. Начал верстать свой сайт и столкнулся с такой проблемой. HTML <div class="left">Left block</div> <div class="right">Rightblock</div> CSS .left {float:left;width:200px;} .right {float:right;width:200px;} Проблема что блок .right опускается ниже на высоту блока .left Раньше я решал проблему так: <div class="right">Rightblock</div> <div class="left">Left block</div> Понимаю, что логически это неправильно, поэтому и озадчился этим вопросом. Спасибо
0 votes6 answers -
CSS or Img
Добрый вечер Уважаемые! Интересует вопрос по концепции вёрстки. Как Вы считаете, например тот же градиент лучше верстать с помощью картинки или задавать css3 & filter(ie) Или border-radius, что лучше, перечислять все вендорные свойства или просто создать 4 доп блока и позиционировать их внутри родителя(всегда так делаю)
0 votes19 answers -
Помогите с таблицей
Здравствуйте! Хотелось бы сразу предупредить, что я плохо понимаю в HTML. Уж сильно не пинайте В общем, дело такое: создаю рассылку для блога. Хотелось бы чтобы в письме был определенный фон. С этим вроде бы разобрался. Но сами записи отображаются по 5 столбцов по горизонтали. А хотелось бы, чтобы каждая запись следовала после предыдущей. На-пример, сперва идет запись №1, потом когда прокручиваешь страничку идет запись №2 и т.д. Не могли бы подсказать, что нужно исправить? Ниже сам код и скрины. <center> <table border="3" cellpadding="10" cellspacing="3" style="width: 600px;"> <tbody> <tr> <td align="center" bgcolor="#CC3333" valign="top">…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-