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
-
Почему они бегают?
Вот хочу написать модявую гостевуху в ООП. Вот ща сделал такую штуку http://deluxe-okna.ru/guest/ Вот в браузере опера и firefox при отдалении, приближении то текстареа больше становится, то кнопка смешается, то ещё чё нить растягивается/сужается. В гугле хроме всё нормально. Я неправильно что-то делаю или всё так и должно быть?
0 votes11 answers -
Ошибка в коде или Firefox глючит?
Всем привет. Подскажите пожалуйста в чем может быть проблема, браузер Лисичка глючно выводит фоновую картинку, а IE7 нормально и без глюков? Если убрать Center то тогда без глюков в Лисе будет. Казалось бы ничего лишнего, а глючит. Так же пробовал вообще все лишние Теги убирать, методом тыка, не помогает, только этот Center или top или 50% 50% (любая аналогия) у Лисы вызывает искажения. Вот html: <head> <title>Music Portal</title> <link rel="stylesheet" type="text/css" href="main.css" /> <script type="text/javascript"></script> </head> <body> </body> Вот CSS: html { margin: 0; padding: 0; } body { background: …
0 votes3 answers -
хочу круто сделать маркеры справа, но все что-то не выходит пока
Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…
0 votes7 answers -
Как вытянуть блок?
Добрый вечер! Помогите, пожалуйста с блочной версткой! Никак не постигну эту науку! <!-- Стили --> <style> div{ border:solid 1px; } .main{ width:800px; } .left{ width:146px; float:left; } .content{ width:650px; float:right; } .footer{ width:800px; } .l1{ height:50px; } .l2{} </style> <!-- Разметка --> <div class="main"> <div class="left"> <!-- левая колонка --> <div class="l1">l1</div> <!-- постоянная высота --> <div class="l2">l2</div> <!-- должна тянуться до низу --> </div> <div class="content"> <!-- основная (правая) колонка --> c…
0 votes1 answer -
Снова перекрытие, но уже ячейками таблицы
Ссылка Посмотрите на надписи под колесами - в IE они обрезаются слева Мне нужно было выровнять колесики с подписями по нижнему краю, не нашел другого нормального способа, кроме как табличкой. Тут фигня в том, что подписи тоже относительно картинок выравнивать. вот из-за отрицательных маргинов и обрезается Как избежать?
0 votes5 answers -
проблема с ИЕ
Подскажите, пожалуйста, в чем может быть проблема. В браузерах: Мозила, Сафари, опера, хром - все ок. А в ИЕ7 и ИЕ 8 сайт (а вернее страница, так как на всех остальных страницах сайт выравнивается) падает. Вот страница www*7kontinentov*com/ru/catalog/newscaf. Заранее спасибо. :
0 votes4 answers -
IE и слои
Делаю всплывающее меню, в опере и лисе нормально отображается, в IE видны границы и текст поверх всплывающего окна. Подскажите как исправить.
0 votes3 answers -
Отмена стандартной обработки CSS
Есть меню на базе Div с использованием .hover однако после однократного посещения элемента DIV при последующих наведениях курсора на элемент он перестает обрабатываться .hover как сделать, чтобы браузер не ставил на элемент признак .visited (о котором его (браузер) собственно никто не просил) или восстановить значение элемента как unvisited ?
0 votes5 answers -
Проблема с img
доброго времени суток, у меня возникла проблема с тегами имг, по вертикали все нормально сходится а вот по горизонтали нет, вот код <table align="center"> <img src="/design/main.jpg"> <img src="/design/forum.jpg"> <img src="/design/logo_footer.jpg"> <img src="/design/mypage.jpg"> <img src="/design/about.jpg"> </table> все перебровал уже и в таблицу запихивал, и рулс на нон ставил
0 votes6 answers -
Подскажите как называется такой эффект?
Вроде как такое можно сделать на JS, но вот названия этого эффекта я не знаю, поэтому ничего не гуглится ) Можно было бы наложить полупрозрачную картинку, но как сделать полупрозрачный градиент в фотошопе я хз, да и как-то не очень изящно будет =)
0 votes6 answers -
table vs div+scc
Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?
0 votes34 answers -
Пресечение обновления
Итак, имеется input типа submit, при нажатии на который происходят некоторые javascript действия. Проблема в том, что после нажатия кнопки начинается обновление страницы, и нужные действия не успевают произойти. Как пресечь это обновление?
0 votes5 answers -
Непонятный здоровый отступ между строк
В общем есть список li фиксированной высоты, который находится в блоке фиксированный ширины. Список должен быть в 2 пункта в строке. В общем выкладываю свою верстку: http://rghost.ru/3806257 Необходимо, чтобы текст всегда был по центру по вертикали, но он может быть как в несколько строк, так и в одну. Я сделал это по какому-то тутору, но почему-то когда текст в одну строку - все хорошо, а когда в две - создается между строками большой отступ. Помогите плиз убрать это непонятное расстояние.
0 votes5 answers -
Хочу написать блог
Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…
0 votes10 answers -
фиксирование нижней части
есть 3 колонки первый и 3 узкие а по середине как лист а4. я хочу фиксировать нижнюю часть , часть футер так чтоб не смещалась независимо от того если текст в среднем секторе или нет. так как футер иногда смещаеться чисто на среднюю часть когда текста мало . height: 100% не помогает #footer { margin-top: 10px; height: 37px; width: 100%; min-width: 1150px; background: url(images/18.png); } #copyright { height: 36px; line-height: 36px; width: 385px; background: url(images/19.png); margin: avto; color: #2b2b2b; } а вот html код <div id="footer"> <div id="copyright">Copyright MyCorp © 2010 | VOSKAN</div> </div>
0 votes7 answers -
Фон
Подскажите что-нибудь?)
0 votes1 answer -
Предзагрузчик картинок
С Наступающим вэбмастеры у меня к вам есть вопрос. У меня на ссылке стоит изображение(прописано в стилях), при наведении мышкой на область изображение в стиле меняется, но вот дилема, секунду или 2 оно просто загружается, прям как бельмо на глазу. Я видел здесь такую тему и не забил в закладки и теперь вот не могу найти, форумчане помогите пожалуйста. Спасибо за внимание.
0 votes8 answers -
Ширина вложенного блока и поддержка margin IE 6.
Добрый вечер. Есть код. Сответствующий ему CSS. Как видно, здесь явно не указана ширина внутреннему блоку container? Он центрирован отступами. Обязательно ли явно указывать ширину или можно поступить как здесь поступил я? Поддерживает ли это IE 6?
0 votes1 answer -
помогите пожалуйста
http://gatchina-motors.ru/ почему то в верней части картинка разъезжается, не могу понять в чем дело..
0 votes8 answers -
как сделать два bordera на один элемент
нужно две границы разных цветов,. с НГ!
0 votes8 answers -
Размер шрифта
Приветствую. Подскажите, если в стилях для тега html задан размер шрифта 75%, от какого абсолютного значения считается этот процент? html{ font-size: 75%; font-family: Arial, Verdana, sans-serif; } и вообще, объясните, как новичку, что предпочтительнее - проценты или пикселы и по какой причине? заранее спасибо!
0 votes3 answers -
Подчёркивание
Всех с Новым Годом! Взял подчеркивание отсюда http://htmlbook.ru/faq/kak-dobavit-punktir...vanie-k-ssylkam В общем код работает без проблем, но стоит в CSS правила добавить * {margin:0; padding:0;} А ссылку заключить в <h*></h*> Как код перестаёт работать в IE8. Искал этот затык в коде целый час. Теперь думаю, как исправить. Вот тестовый код, который я использую: <!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>Untitled Document<…
0 votes17 answers -
Навигация с дополнительным текстом
Делаю навигацию для сайта. Оформляю ее как список. Когда в код вставляю описание ссылок (т.е. все, что на рисунке отмечено серым цветом), то навигация становится не горизонтальной, а вертикальной. Перенос текста делал тегом <br />. В общем, подскажите, пожалуйста, как написать код, чтобы было как на картинке. Премного благодарен за ответы. Картинка:
0 votes5 answers -
Получение свойств CSS элемента
Объясните плиз - вот я создаю к примеру <div> и прописываю ему CSS свойства: position: absolute; width: 300px; height: 200px (к примеру). Потом после события onload я получаю доступ к элементу через getElementById и пытаюсь узнать его параметры как document.getElementById.style.width и - ничего не получается. alert(document.getElementById.style.width) выдает пустую строку! Я-то ожидал там увидеть значение параметра.... Что тут не так?
0 votes5 answers -
использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума
это правда, что использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума, т.е. присоединенных к сообщениям с других сайтов и форумов "тормозят" работу форума
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-