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
-
вертикальное выравнивание
подскажите пожалуйста про вертикальное выравнивание могу смоделировать, но долго. да и теория интересует. допустим ul содержит текст, li, span. все элементы по умолчанию выравниваются по базовой линии текста, который в ul. если этого текста нет, то по какой базовой линии будут выравниваться элементы?
0 votes1 answer -
Проблема с дивами в IE7
Добрый день. С закончил очередной сайт. Но в ИЕ 7 шаблон жутко едет... Не знаю как быть... Кто-то может помочь советом? Заранее спасибо! Нормальный вид: ИЕ 7: http://avtor-moda.ru
0 votes5 answers -
Положение строчных элементов
Скажите, как мне вертикально по центру выровнять строчный элемент (span), находящийся в div блоке?
0 votes8 answers -
Логотип с помощью CSS
Такой логотип, как мне кажется, невозможно сделать средствами CSS. http://savepic.su/2325834.htm Его проще вырезать с прозрачным фоном и сохраненной тенью. Я правильно думаю?
0 votes3 answers -
Правильно расположить кнопки
Подскажите, пожалуйста. Есть такая навигация: http://savepic.su/2353483.htm Вопрос касается только этих кнопочек. Как мне их правильно расположить? Через ul lu a:after {content: ...} ?
0 votes2 answers -
Непонятки с bullet
Подскажите новичку. Имеется bullet на макете: http://savepic.su/2315570.htm И картинка слоев: http://savepic.su/2309426.htm Отключаю все слои, кроме указанного (Alt+ЛКМ): http://savepic.su/2358581.htm И вижу такую картину: http://savepic.su/2350389.htm Почему bullet становится синим? Мне совсем непонятно...
0 votes6 answers -
не работает border
Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …
0 votes2 answers -
Сделать блок прозрачным,когда используется фон
Фон блока ЗДЕСЬ БУДЕТ ТЕКСТ сделать не белым, а прозрачным, т.е. убрать вообще бекграунд именно блока. Оставить Бекграунд общего письма. ................. Сверху задание.Делаю шаблон письма хтмл.Имеется фон в таблице,где поле для текста необходимо убрать бэкграунд,чтобы фон таблицы был прозрачный. Помогите братцы,все мозги выкипели
0 votes1 answer -
Комплексный сайт
Добрый день. Нужен совет насчет проектирование сайта. Есть идея, но я не знаю каким способом можно осуществить её. http://img94.imageshack.us/img94/3798/231222412.jpg Если посмотреть макет что выше, то можно сделать следующий вывод: нужна платформа для статей, где я бы добавлял материалы, и пользовательская площадка, где все могли бы добавлять интересные изображения (вроде Pinterest). Для блога вроде подходит WordPress, но я не знаю как быть с той самой площадкой, то есть какие инструменты мне нужны чтобы сделать такое? Плюс к этому, как быть с WordPress? Каким образом можно подключить нужные функции к уже существующему сайту? Насколько мне известно, это невозможно. Тогда…
0 votes1 answer -
float и border
Добрый день. Вот есть вопрос хочу разместить два слоя рядом которые делят контейнер на половину. Ну если добавляю еще рамки к слоям то получается нето что я хочу(смещение по вертикали). Как я понял это из за border. Как можно это исправить? ССS #conteyner { width:80%; } #main1 { float:left; width:50%; border:1px Solid red; } #main2 { float:left; width:50%; border:1px Solid red; } HTML <div id="conteyner"> <div id="main1">1</div> <div id="main2">2</div> </div> Как реализовать?Понимаю что рамка нарушает отношение 50 на 50 из за этого и ошибка.
0 votes3 answers -
проблема с нестандартным шрифтом
ни у кого не бывало такой ситуации? находишь нестандартный шрифт .ttf(открываешь его, видишь, что все символы отображаются нормально). прогоняешь его через генератор и встраиваешь на страницу. но в результате русские символы не отображаются заданным шрифтом(иногда только в ie, иногда и в остальных браузерах). в чем причина такой проблемы может быть, скажите пожалуйста бывает скачиваешь шрифт из разных источников и повторяешь описанную последовательность действий, но проблема остаётся. вообще нередко сталкиваюсь с такой ситуацией(в каждом третьем проекте примерно). может быть я не учитываю какую-то особенность работы с нестандартными шрифтами? прошу телепатической помощи, …
0 votes7 answers -
text-align внутри блока
Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?
0 votes4 answers -
Выравнивание!
В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!
0 votes2 answers -
3 колонки, центр 1024px, боковые с фоном появляются,если экран шире
Подскажите, пожалуйста, как сделать верстку: 3 колонки, центральная часть стабильная 1024px, а боковые с фоном появляются или скрываются если экран шире или уже, т.е. если у кого экран 1024, то фоновые изображения слева и справа не видны, а если экран шире, то фон появляется левая колонка: background-image:url(images/left.jpg); background-position:bottom left; background-repeat:no-repeat; правая колонка: background-image:url(images/right.jpg); background-position:top right; background-repeat:no-repeat; Можно ли это реализовать табличной версткой?
0 votes1 answer -
Полоска между wrapper и контентом
Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…
0 votes10 answers -
form
Помогите не могу понять создал форму задал для поля через css фоновое изображение но остались края от формы как от них избавится или может я неправильно задал фон для формы. jsfiddle.net/zRwvH/
0 votes2 answers -
Горизонтальная прокрутка 1024px
Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?
0 votes6 answers -
Вопрос по css
Здравствуйте, у меня есть привычка разделять css по файлам. Хотел бы узнать ваше мнение плохо это или хорошо. В HTML документе ссылаемся на таблицу css. <link rel="stylesheet" href="css/stylesheet.css" type="text/css" /> А в этом файле уже делаю так. @import url("general.css"); @import url("header.css"); @import url("content.css"); @import url("middle.css"); @import url("footer.css");
0 votes4 answers -
верстка DIV-ами, 2 слоя
Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.
0 votes7 answers -
Верхний div с заданной высотой, div под ним с высотой до конца экрана
Есть два дива на странице: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> html, body{margin: 0; background-color: #f3f3f3; min-height:100%; height:100%; overflow:hidden;} .div0{height:100%; width:100%} .div1{background: red; height:40px; width:100%} .div2{background: green; height:100%; width:100%} </style> </head> <body> <div class="div0"> <div class="div1"> 11111 </div> <div class="div2"> 22222 </div> </div> </body> </html> Высота div2 и div…
0 votes4 answers -
vertical-align:text-top
Здравствуйте. Столкнулся с одной проблемой и решил на css-live освежить знания о vertical-align. Стал ковырять один пример и получил вот такое -http://jsfiddle.net/bA3ye/1/ Отсюда вопрос: почему text-top для первого элемента не поднимает его на высоту среднего, который самый высокий в строке, а выравнивается по высоте контента последнего? При этом средний подстраивается под любую высоту боковых. чувствую, что упустил какую-то мелочь
0 votes1 answer -
Не работает рамка в IE6 (TABLE)
Добрый вечер! Подскажите такая проблема! (http://jsfiddle.net/JJKsT/) Есть таблица: td {border-bottom: 1px solid black}? <table width="100%"> <tr> <td>1</td> <td></td> <td></td> </tr> </table>? В IE6 не работает border-bottom у второго и третьего TD (то есть применяется только к первому TD), - но если добавить текст в остальные TD - То рамка появляется
0 votes2 answers -
Картинка в таблице. Видно бордюры
Всем здравствуйте. На форуме не нашёл ответа Суть вопроса. Сверстал таблицей шапку. Вставляю картинки и между этими картинками, которые в разных ячейках, видно границы каждой ячейки border="0" уже сделал. Самих границ не видно, но цветной фон видно. Картинки занимают 100% ячейки. Как сделать так, чтобы картинки примыкали друг к другу вплотную?
0 votes10 answers -
Не работает z-index
Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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>z-index</title> <style type="text/css"> .card { position: relative; }…
0 votes5 answers -
IE6-8 тень,скругление, градиент
Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…
0 votes5 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-