HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Как задать фиксированную длину шаблону?
Вот такой шаблон Мне нужно сделать чтобы меньше 900px ширина не уменьшалась. Жестко задать ширину на 900px. пробовал min-width, как обычно, почему-то не получилось. Чтобы задать и все блоки переставали уменьшаться. отдельно каждому блоку задавать?
0 votes3 answers -
Проблемы со стилем таблицы в Drupal 7
Приветствую, гуру верстки! ) Была проблема с таблицей содержащей текст и картинки (никак не хотела выравниваться) Обсуждалась здесь и применительно к спрашиваемой странице - решилась. Однако, с внесенными правками изменились все таблицы на сайте. В разделе цен все скачет Хотя в графическом редакторе выглядит прекрасно На ранее проблемной странице все отлично Так выглядит строка в стилях Сама страница находится по адресу _http://shariki.podarishka.ru/stoimost_uslug
0 votes2 answers -
Как привязать к экрану блок не используя fixed и js?
У меня таблица. И с права и с лева в таблице идут картинки. мне их нужно привязать к прокрутки. Но если я делаю position: fixed, то получается, что пропадает td и все смещается. Мне нужно сделать вот что: И картинки нужны резиновые, что бы становились больше или меньше от браузера. Посоветуйте что нить пожалуйста?
0 votes3 answers -
Баг с "overflow: hidden;" и "border-radius: ;"
Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…
0 votes2 answers -
баг сабменю скрыто в ie 7-8
Добрый день. Проблема состоит в том что мне нужно сделать саб-меню на сайте но в ie 7-8 оно не отображаеться, пока что там не наложен скрип, оно просто статично висит , ну собствено если положить скрипт такая же проблема. Ни как не могу понять в чем проблема подскажите пожалуйста. можно посмотреть тут
0 votes0 answers -
Подскажите по верстке
Здравствуйте. http://vyazniki-srcn.ru/ вот сайт подскажите как на нем сделано что при наведении на меню список выпадает если есть подменю. Заранее благодарен.
0 votes1 answer -
Как объединить блоки
Подскажите, как вывести 2 блока кнопок в одну строку <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div> <script type="text/javascript" src="http://st.pinme.ru/js/widget.js"></script> <script type="text/javascript"> PINME.Share.init({button: "#pinmeShare", buttonType: 1}); </script> <div id="pinmeShare"></div>
0 votes4 answers -
Поведение img и a при абсолютном позиционировании в IE
В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…
0 votes2 answers -
разница cler:both
скажите, в чем принципиальная разница между этими двумя способами? <div style="clear:both"></div> и Код HTML 1 <div class="clear"></div> Код CSS 1 .clear {clear:both; content:""; display:block; height:0; font-size:0; visibility:hidden;} кроме длины записи и наличием ненужных правил
0 votes8 answers -
Прошу оцените наработку.
Писал сайт в первый раз, пишу в первую очередь для изучения, поэтому может быть множество ошибок, но всё же хочется что бы кто-нибудь оценил, и указал на мои ошибки. http://crazyfox.servegame.com p.s. регистрацию только пишу, точнее разбираюсь как написать.
0 votes5 answers -
Кроссбраузерная верстка
Доброго времени суток. Приношу свои извинения за вопрос =), так как он довольно таки "детский". Но я действительно никак не могу найти учебник или книгу, либо хорошую статью, где бы нормально С САМОГО НАЧАЛА рассказывалось о кроссбраузерной верстке. В гугле напарываюсь только на крохотный статейки на тему зачем нужна такая верстка, или же на описание отдельных приемов и хаков. Конкретно сейчас мне надо отдельно для mozillа описать пару классов, в уже существующем большом .css файле. Странно все ругают explorer но пока что самые большие проблемы, лично у меня, возникают именно с mozilla =).
0 votes1 answer -
Курсы HTML/CSS
Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!
0 votes14 answers -
как одним кликом развернуть подкатегории и уйти на ссылку?
У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..
0 votes6 answers -
Выравнивание объекта по центру страницы
Здравствуйте. Хотел спросить, как сделать выравнивание объекта по центру страницы, как на этом сайте http://brezhneva.com/. Там логотип размещен по центру и при увеличении и уменьшении он остается ровно по центру. Как сделать такое?
0 votes5 answers -
показать/спрятать элемент не выходит?
Всем привет. Я совсем новичок. Подскажите, если не сложно. Ниже пример кода (упростил как мог). Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением. Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед. Ведь наверняка что-то на поверхности, но не вижу?! Стиль: <style> .help1{ visibility: hidden; } .icon_style { width: 45px; height: 45px; background: rgba(200, 200, 200, .1); } .icon_style a { display:block; } .icon_style a:hover { background: rgba(200, 200, 200, .3); } .icon_style a:hover + .help1 { visibility: visible; } </style> ХТМЛ: <body> …
0 votes6 answers -
Ширина блока по тексту
Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…
0 votes6 answers -
на сайт ленту новостей
подскажите как можно поместить на свой сайт вот эту ленту новостей http://ru.pokerstrategy.com/rss/all/_uLLPDC
0 votes3 answers -
фоновый рисунок в tr для IE7
Добрый день, есть конструкция с двумя фоновыми рисунками: <style> #left{background:url(images/left.jpg) no-repeat transparent; min-height:550px;} #left_menu_bg{background:url(images/leftbg.jpg) 180px center repeat-y;} </style> <tr id="left_menu_bg"> <td id="left"> ... </td> <td id="content"> ... </td> </tr> в IE7 фоновый рисунок строки не отображается. Подскажите, пожалуйста, чем это может быть вызвано и как с этим бороться?
0 votes6 answers -
эмуляция mac-браузеров
подскажите пожалуйста существует ли возможность посмотреть страничку в маковских браузерах при этом находясь в windows или linux? интересует примерно такое, но бесплатное
0 votes1 answer -
способы горизонтального выравнивания
помогите пожалуйста понять насколько можно считать хаком предложенный способ горизонтального выравнивания. или скажите, что он вполне соответствует спецификации тыц дело в том, что такой способ не работает. и такой тоже
0 votes3 answers -
не отображается вебкит в сафари и хром
Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…
0 votes2 answers -
помогите с вебкитами
возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!
0 votes0 answers -
И снова верстка рассылок
Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?
0 votes7 answers -
Проблема с банером
Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?
0 votes3 answers -
Как реализовать градиент с прозрачностью?
Есть круговой градиент (кроссбраузерный), однако его фон полностью непрозрачный. Очень хорошо смотрится, если фон за градиентом - однотонный цвет (тот, в который градиент переходит), но если фон за градиентом - картинка, тогда градиент смотрится громоздким блоком. Возможно ли создать круговой градиент, указанный ниже, для перехода белого цвета из центра в прозрачный (такое как бы растворение/свечение)? background: -moz-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -ms-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -o-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -webkit-radial-gradient(circle, #33…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-