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
-
web1.0 web2.0
Какое отличие web1.0 от web2.0? Как перейти? А оно нужно? Вот, это не реклама, просто статью там увдел. Хочу такое же, как быть =) http://guicci.ru/2007/07/09/web-20-glazami...arnyiy-kontrol/
0 votes0 answers -
отступы для внутреннеого блока
у меня такая ситуация - сверстал снала главную страницу, сверху рисунок, сбоку меню - по центру - красивые графические кнопки. все сверстано целиком в таблице, с жескими размерами. чтобы было по центру, всю таблицу целиком заключил в див: #centerLayer { width: 828px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background: #ffffff; /* Цвет фона */ padding: 0; /* Поля вокруг текста */ text-align: center; /* Выравнивание содержимого слоя по левому краю */ } сейчас стал делать другие страницы, на них верх и левая часть остается точно такой же, а в центре вместо кнопок - текстовое наполнение. я взял за основу код главной страницы, удалил все …
0 votes0 answers -
Реально ли загнать флэш в бэкграунд?
Простите за возможно тупой вопрос, я в этом деле новичок. Дело в том, что в дизайне по задумке должен присутствовать один флэш-элемент, связанный с тематикой сайта,своеобразная фишка, так сказать... Реально ли его "запустить под лёд", то есть сделать бэкграундом? Если да, то каким образом, подозреваю что без JavaScript здесь не обойтись... Или лучше использовать абсолютное позиционирование слоя, но я слышал, что в этом случае нужны дополнительные "костыли" для IE. Буду признателен за толковый совет и Ваши комментарии по этому вопросу.
0 votes3 answers -
Ссылка на предыдушую страницу
Как можно это реализовать, чтоб сделать ссылку которая работала бы как кнопка "назад" в браузере?
0 votes2 answers -
В IE верхнее меню справа чем то прикрыто, нижнее в перемещаеться в зависимости от страницы.
В IE верхнее меню справа чем то прикрыто и еле видно, нижнее в перемещаеться в зависимости от страницы. В остальных браузерах вроде все нормально. Недостаток знаний. Учусь 2 месяца. Читаю только по верстке в последнее время. (отказался тут не давно от просмотра нового сезона "Реальных пацанов" Первый сайт. Сам уже не справляюсь, прошу помощи! Смотрел все темы - что у меня определить не могу. Верстал на основе шаблона, конечно куча ошибок, так что буду рад замечаниям по ошибкам вообще. Сайт http://oceanglasses.ru/ Верхнее меню
0 votes5 answers -
Помогите победить IE
Необходимо было сделать разноцветные кнопки меню без помощи графики. Я придумала сделать так: <div id="menunav"> <ul> <li1><a href="index/models.htm">Регина</a></li1> <li2><a href="index/now.htm">Сирена</a></li2> <li3><a href="index/cervise.htm">Города</a></li3> <li4><a href="index/accessuares.htm">Погода</a></li4> <li5><a href="index/now.htm">Тесты</a></li5> <li6><a href="index/now.htm">Полезное</a></li6> </ul> </div> Соответственно, разные стили для каждого li. Opera понимает правильно. Все кнопки с р…
0 votes3 answers -
Вёрстка товаров.
Всем привет. Сейчас попробую изложить суть своего вопроса. В общем делаю интернет магазин. И вот в нём товары есть. Они располагаются в контенте. Как их верстать в таком случаем? Не верстать же их каждый по отдельности, а надо сделать так, чтобы их можно было динамически потом вставлять на страницу. Подскажите, как такие вещи верстают, если меня кто понял.
0 votes6 answers -
Проблема с подключением CSS.
После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }
0 votes2 answers -
Проблема со свойствами ссылок
Начал писать шаблон под DLE, возникла проблема. Установил стиль для ссылки заголовка, для меню, для ссылок управления профиля - все нормально, но когда задал стиль для других ссылок он применился к моим уже "заданным", заголовку, меню и ссылкам управ.проф. (частично).. при чем в стиле title (заголовок) указано .title a:link, a:visited{ color: #666; text-decoration: none; } .title a:hover, a:focus, a:active{ color: #b02020; text-decoration: none; } что уже посещенная ссылка будет цвета #666 а она цвета #b85b5a (это цвет моих "других ссылок" (кстати стиль такой же только тут другие цвета)) а еще в стиле меню указанно что a:hover, a:focus, a:active, margin-le…
0 votes4 answers -
Разчертить линию по координатам
Здравствуйте. Очень нужно научится рисовать линию. Т.е. есть 2 точки первая по координатам x-13,y-48 а вторая x-56, y-136 т.е. мне надо чтобы линия или картинка в виде линии пошла из первой точки к второй. Подскажите пожалуйста как это можно организовать?
0 votes10 answers -
box-shadow в IE с помощью PIE
Добрый вечер! Подскажите пожалуйста если кто знает,как сделать тень по всем четырем сторонам блока с помощью PIE в IE. У меня тень во всех браузерах со всех сторон ,после подключения PIE в IE тень появляется,но только снизу и справа. Заранее благодарю!
0 votes5 answers -
2 события
почитал jq-доки и не смог понять в чем разница между собтиями $(window).load() и $('document').ready() поясните пожалуйста
0 votes1 answer -
Статический фон по углам сайта
Здравствуйте! Пробую сделать сайт со статическим фонам по его углам. Вёрстку делаю через дивы. Вожусь достаточно давно, перечитал кучу советов, но всё равно что-то не работает Вот код: <div align="center" style="width: 100%"> <div align="center" class="TableMainTopRight"> <div align="center" class="TableMainTopLeft"> <div align="center" class="TableMainBottomLeft"> <div align="center" class="TableMainBottomRight"> <div align="center" style="padding: 20px 0px 60px 0px"> <div style="background-color: #FEFCF7; height: 100%;…
0 votes3 answers -
Как это сделано?
Заметил в Гугле в выдаче у некоторых сайтах боявились большие 44x44px иконки. Это не обычный favicon 16x16. Вот например Здесь Как это реализовано? Киньте пожалуйста ссылочку, где написано как это работает...
0 votes4 answers -
1px разницы между Firefox и Opera, Webkit
Есть такое меню, Firefox его отображает как показано на картинке 1, а Opera и Webkit браузеры как на картинке 2. Подскажите пожалуйста как решить данную проблему?
0 votes3 answers -
Разъежааются ссылки
Здравствуйте. Вот сайт http://vsja4ina.tw1.ru/ на блоках меню разъезжаются отображение ссылки и ее реальное место нахождения можно поймать первую ссылку а остальные вообще не видятся и отображается как обычный текст. Выяснил что это из-за свойства padding это происходит но как это можно обойти? Или что я делаю не так? В ИЕ отображается как нужно))) а в остальных браузерах нет. (строго не судите первый раз верстаю что то более менее приличное)
0 votes5 answers -
Как правильно написать анкор на картинку
Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?
0 votes2 answers -
Элементы Внутри DIV 'а
Помогите плиз есть Div контейнер на странице с такм вот кодом КОД HTML ****************** div class="Product_Title"> Выключатель одноклавишный "Вессен" </div> <div class="products"> <div style="margin-bottom:10px;"> <img src="Pics/M1.jpg" /> </div> </div> КОД СSS ******************* /* Заглавие товара (синяя строка) без пробела после */ .Product_Title { height:auto; padding:8px; background:#069; color:white; border-right:double #036 4px; border-left:double #036 4px; border-top: double #036 4px; font-weight:bold; } /* Поле товара с картинкой и описанием товара(белая поле) */ .products { height:auto; padding:8px; background:#FF…
0 votes2 answers -
Не работает сессия в постраничной навигации
Помогите, плиз! Не могу понять в чём проблема... Делаю поиск по критериям с постраничным выводом из базы данных, на первой странице данные выводятся нормально, но при переходе на следующую страницу всё теряется и выводится пустая страница. Почему-то не работает сессия. Помогите разобраться! Вот форма поиска: <form action="poiskrus.php" method="post" > <p>Искать по:</p><br /> <input type="radio" name="searchtype" value="title " />названию<br /> <input type="radio" name="searchtype" value="author"/>автору<br /> <input type="radio" name="searchtype" value="year"/>году<br /> <br /><br /> <input name=…
0 votes3 answers -
тени текста в IE
Подскажите, как сделать правило для IE8,9, что бы он тени текста не показывал ваще? Я в правилах не шарю. Спасибо! Если нужно сайт: плитка.in.ua Спасибо!
0 votes2 answers -
HTML5 Lightbox
Всем привет. У меня вопрос по поводу адаптации lightbox на сайте. проблема в том что lightbox вылезает за рамки сайта ((( хотелось бы адаптировать под экраны, чтобы он подгонял фотографию по экрану монитора, уменьшал увеличивал, размер изображения стандартный для всех будет.
0 votes1 answer -
резиновая вертска
В общем есть такая проблема. дана табличка <title>Резиновая табличная верстка сайта</title><style type="text/css">.header {height:60px; background-color:#717dc9; padding:20px; text-align:center}.left_col {width:120px; height:460px; background-color:#dddddd; padding:15px; vertical-align:top}.center_col {background-color:#ffffff; padding:15px; vertical-align:top}.right_col {width:120px; background-color:#dddddd; padding:15px; vertical-align:top}.footer {padding:10px 0 10px 20px; background-color:#717dc9; font-size:13px}</style></head><body><table cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td colspan="3…
0 votes2 answers -
Слайдер не отображается в мозиле
Всем привет. Есть одна проблема. Слайдер на вот этом сайте http://verstka-primer.esy.es/fadelicious/в chrome нормально отображается а в мозиле вообще не хочет отображаться не пойму почему. Просто квадрат черный и все. И еще сразу бы хотел спросить как мне сделать чтобы этот слайдер растянулся на 960px то есть занял доступную ему ширину.
0 votes2 answers -
Как использовать relative в Bootstrup
Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/
0 votes3 answers -
Как зацентрировать всю конструкцию?
Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-