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
-
две резиново- фиксированые колонки
Добрый день, верстаю уже очень долго, но есть несколько моментов которые не мог никогда решить нормально и прибегал к тупым вариантам, вот наконецто пришол момент когда и они не помагают. Ситуация в следуйщая есть правай колонка и Контентная, что нужно, нужно что б левай была к примеру 200пкс, контентная оставшееся место, в моём случае это 760, так как блок в котором они находятся 960пкс и отцентрован по середине.Дальше , если в левую колонку что то выводится она становится 200пкс по ширине, контентная сдвигается, как токо с с левой колонки удоляем содержимое контентная занимает все место. Вот это первая моя проблемма.Об отсальных пока промолчу, их там всего 2-3.
0 votes7 answers -
Проблема при приближении
С приближением страницы ctrl+колесо , текст подвала ( к примеру ) ничинает переходить на другую строку . стандартный размер после приближения как сделать , как на старом твиттере в подвале с приближением текст не переходил и отступы от краев одинаковы .
0 votes1 answer -
Валидация лого
Народ обьясните мне пожалуйста почему при такой записи <a href="#"> <div class="logo"> </div> </a> с XHTML 1.0 Strict валидатор ругается и выдает - document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag. Мне например нужно лого сделать ссылкой .. как ? с этим доктайпом , обьясните плз )
0 votes2 answers -
Не получается
Макет Скриншот Весь текст должен быть справа от картинки. А он у меня туда не влезает. Почему так может быть?
0 votes3 answers -
before & after
Набрёл на этот пример из итогов конкурса. Хотелось бы понять как он работает?? Что является координатной сеткой для элементов созданных через :before и :after??
0 votes5 answers -
Проблемка с отступами в фф 5
Доброго времени суток. Кратко по делу: Это в Опере, Хроме, ИЕ8. А вот так в фф5, если не ошибаюсь, стало после обновления с 4го: Все это дело лежит на сайте
0 votes3 answers -
таблица в таблице
есть страничка типа <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HEAD> <title>data</title> <meta http-equiv="Content-Type" Content="text-html; charset=windows-1251"/> <style type="text/css"> a { color: #0058B0; text-decoration: none; } a:hover { text-decoration: underline; } .report, .zal { border-collapse: collapse; } .report .row td, .report .row th { border: 1px solid #000; padding: 2px; } .zal th, .zal td { border: 1px solid #000; padding: 2px; } .zal th { border-top: none; } .zal td { border-bottom: none; } </style> </hea…
0 votes3 answers -
логотип в шапке
Есть 3 картинки нужно чтобы они все были в шапке(резиновой) по центру.При наведении на каждую картинку должно появлятся слово и оставаться.К каждой картинке своё слово .Как это реализовать? http://itmages.ru/image/view/229056/d046e59a
0 votes20 answers -
Загрузка страницы
Что нужно прописать в HTML, чтоб страница загружалась с нижней части? Т.е. пройдя по ссылке страница открывается в верхней части, а надо, чтоб открывалась в нижней, чтоб не прокручивать страницу вниз. При этом адрес ссылки не должен измениться, т.е., я как понимаю, якоря не подойдут
0 votes7 answers -
Посоветуйте CMS для сайта
Посоветуйте, пожалуйста, какой-нибудь хороший CMS на русском языке для сайта.
0 votes10 answers -
обтекание текстом картинки
Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?
0 votes9 answers -
проблемы с шапкой
Первый логотип(logo) отображается, второй нет. Почему? #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } .logo{ margin-left:55px; } #logo1 { width: 200px; height: 52px; margin:-95px auto; background: url(slogan.png) no-repeat; } .call{ margin-right:35px; } </style> </head> <body> <div id="header"> <a class="logo" href = "index.html"><img src = "logotip1.png" width = "64" height="95" border="0" alt="logo"></a> <div id="logo1"></div> <a class="call" href = "index1.html"><img src = "call.jpg" width = "74" height…
0 votes5 answers -
НЕ работает Image Map в IE6
Добрый день! надеюсь солнечный! Столкнулась с такой проблемой. Использую на главной странице слайдер js easyslide. И хотелось сделать в 2 ряда картинки, как решение сделала image map. И все было отлично, до тех пор пока не посмотрела в ие6, второе изображение он не воспринимает как image map, но на местах где описана area выдает alt всей картинки, а не title эрии. (все работает в хроме, лисе, опере и ие8) Есть подозрение, что на ие7 тоже распространяется данный баг (как я полагаю) Возможно я что-то не так делаю, или есть какие-другие причины. Очень буду благодарна за ваши комментарии. так это выглядит в живую привожу код <div id="slider"> <ul> …
0 votes5 answers -
robot.txt
Ребята есть такая проблема robot.txt не могу понять, как его правильно написать и нужен ли к нему или вообще sitemap.txt? сайт ekzamen74.ru для него пробовал написать robot, но когда прибегнул к помощи специального сайта и делал тестовую проверку на индексацию - не вышло, пишет не найдет (я вообще запутался с ним ((( ) Прошу помощи у Вас дорогие специалисты! Заранее спасибо!
0 votes5 answers -
Большое расстояние в IE 6
Есть инпут для загрузки. И рядом кнопки "+" и "-" при нажатии на которых внизу добавляются еще загрузки.(его генерирует JS). Проблема в том что расстояние между ними в IE 6 очень большое. Думаю это из-за блока <div class="clear"></div>. После того как для него написал свойства height:0 в IE 7 стало нормально, но IE 6 так и не стало измениться. Ссылка - http://jsfiddle.net/YER8y/ Во всех браузеров кроме IE 6 показывает нормально. Не пойму откуда он берет расстояние Код примерно такой: <div class="inputs"> <div class="upload2"> <img src="" width="18" height="19" /> </div> <div class="upload1"> <input…
0 votes7 answers -
не отображаются картинки
в общем занимаюсь версткой по видео Джефри Вэя, первый раз делал, все картинки объявленные в цсс отображались корректно. но теперь когда делаю опять, картинки только отображаются объявленные в хтмл, которые относятся к контенту. картинки в бразуерах включены, форматы указаны правильно, пути тоже, даже не знаю в чем проблема может быть. вот пример кода: #header h1 { background: url(img/logo.png) no-repeat; width: 169px; height: 71px; text-indent: -9999px; float: left;
0 votes11 answers -
Фикс и резина: отличия в верстке
Хочу попробовать сверстать макет под резину. Как я понял здесь размеры задаются в процентах. Есть ли тут еще что-нибудь, что мне следует знать? Может кто-нибудь скинуть пример резиновой верстки?
0 votes4 answers -
И снова вопрос
Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…
0 votes11 answers -
drupal проблема с классами
Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …
0 votes6 answers -
Растягивать ячейку по высоте
Нужно сделать таблицу что бы когда ми вставляли бы текс неизвестного размера то она бы растягивалась в высоту. Ширина таблицы - фиксированная. Ограничивал ширину ячейки и всей таблицы, но результат один и тот же- текст выходит за пределы ячейки. Подскажите как такое сделать пожалуйста. На картинке показан желаемый результат
0 votes3 answers -
Проблема padding
Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/
0 votes6 answers -
Картинка на сайте
Делая своё сайт, наткнулся на проблему, почему-то не показывает картинку! Вот строчка <img src="header.jpg" alt="Логотип"> Вот! Не показывает кртинку, но показывает альтернативный текст! В чём дело?
0 votes7 answers -
Смещение таблицы в центр
<table align="center" border="1" cellspacing="0" width="900" height="60"> <tr> <td> </td> </tr> </table> <div style="clear: both;"></div> <table style=" float: left;" align="center" border="1" cellspacing="0" width="200" height="200"> <tr> <td> Меню<br> Меню2<br> Меню 3 </td> </tr> </table> <table style="display: inline-table;" align="center" border="1" cellspacing="0" width="500" height="800"> <tr> <td> </td> </tr> </table> Как сместить 2 нижние таблицы по центру
0 votes4 answers -
Как сделать так что бы таблицы стояли рядом
<table cellspacing="0" width="200" height="800"> <tr> <td> </td> </tr> </table> <table border="1" cellspacing="0" width="600" height="800"> <tr> <td> </td> </tr> </table>
0 votes3 answers -
Отступы в блоке
Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-