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
-
Media queries самые ходовые
Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо
0 votes5 answers -
проблема с функцию # top !!!!
Проблема с функцию # top. Даная фунция не работает в браузере Opera а в браузере IE работает нормально кто нибуть знает как решить это проблема? Спосибо!
0 votes6 answers -
Таблица поиска глючит в опере и осле
Привет, помогите пожалуйста, как правильно сверстать табличку поиска В лисе все нормально отображается, в опере и осле не хочет так как в лисе = В чем проблема?
0 votes2 answers -
Баннер загораживает меню
Здравствуйте! Верстая выпадающее меню столкнулся с проблемой. Под меню был флеш баннер. И в опере выпадающий список "уходит" под баннер. Мои попытки как-то обойти данную ситуацию ни к чему не привели. Баннер упорно лежит выше менюшки. В примере я специально спозиционировал меню и баннер так, чтобы было видно наложение. Повторюсь что данный "эффект" хорошо наблюдается в Опере. Я знаю что можно позиционировать слои с помощью z-index, но применять его на практике мне как-то не удавалось. (это бонус вопрос наверное ) Вот хтмл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http…
0 votes6 answers -
Спрайт png24 - проблема в ie6
Задача: Есть полупрозрачная кнопка. При наведении - подсвечивается. Решение: Делаю спрайт. Через clip() и позиционирование на ховер меняю стили. Везде работает, кроме как в ie6. Не работает именно из-за прозрачности. Как только ставлю фильтр - всё, не пашет. Причём не могу понять закономерность - в одном проекте работает - в другом - нет. Есть ли какие-нить ограничения, нюансы?
0 votes12 answers -
Как выровнить картинки с разной высотой?
Как выровнить картинки с разной высотой?
0 votes5 answers -
DIV и Script
добрый день. Есть такая проблема. Есть поле div со стилем: overflow: auto; И в этот div посредством innerHTML пишется текст. Только вот в ч?м проблема, когда overflow: auto; есть в стиле, текст в div добавляеться только один раз и после этого ничего не отображаеться, если overflow: auto; убрать, то вс? прекрасно пишеться. Кто нить сталкивался с таким косяком?
0 votes5 answers -
Сложная верстка
Ребята, поделитесь, кто как такое верстает, таблично+css, етот блок будет вниз по вертикали растягиваться, внутри будет текст: Если можно примерчики
0 votes5 answers -
Ben,это Данила! I need help!
Уважаемые профи и начинающие товарищи!понимаете в каком разделе я пишу, поэтому не судите строго следующий код. вот у меня трабл (хотя может и не трабл совсем), написала код, проверила через IE-отображается так, как мне надо...но FF!!!он меня св?л с ума!упорно не отображает изображения. что я не так сделала?оч прошу помочь, потому что больше не кому, а сайт надо сделать )))) ***************************************************************************************** <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <STYL…
0 votes5 answers -
Не обновляются стили.
Добрый день. Есть сайт http://www.vborovets.ru Если заходить под ИЕ, то при первом заходе верстка нещадно ползет. Потом если нажать на любую ссылку то все в порядке все на месте если с внутренней выйти на главную то все в норме. Такое ощущение, что он откуда-то берет старую css, раньше все там так и было, задача была все это безобразие подправить я подправила. Но при первой загрузке опять вылезает. Все ссылки на старые css в коде так же как и сами старые стили с сервака убрала. Этот глюк в тока в ие 6 и 7. Если кто знает в чем проблема, буду очень благодарна.
0 votes6 answers -
Хочу написать блог
Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…
0 votes10 answers -
Резиновый макет.
Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка
0 votes8 answers -
Адаптивный дизайн
Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…
0 votes7 answers -
Отличия тега <table> и display:table-cell
Задумался вот над следующим: В верстке в таблицу лучше заносить табличные данные (тег <table>), относится ли это к свойству display:table-cell и его подобным? То есть, хочется мне грамотно отцентрировать, например, в блоке некоторые элементы по вертикали и я могу использовать табличную верстку, что нерационально, а могу задать диву table-cell и vertical-align:middle. Будет ли это правильным? Что скажут специалисты и эксперты?
0 votes7 answers -
Как сделать волнистое подчеркивание фиолетового цвета в html?
Как сделать волнистое подчеркивание фиолетового цвета в html?
0 votes1 answer -
Добавление материала на сайт пользователями.
Здравствуйте! Заранее прошу прощения, если задаю вопрос, который уже обсуждался. Пока я в строительстве сайтов мало смыслю, поэтому прошу строго не судить. Я хочу на свой сайт добавить возможность пользователям добавлять материал. Вот как примерно это должно выглядеть: Имя файла: |строка| Картинка:|строка| и так чтоб параметры картинки не превышали 250х250 Описание:|строка| Ссылка на файловый хостинг:|строка| Если это не так сложно делается, то очень прошу помочь. И вот систему поиска тоже не плохо бы, но это потом. А то пока искать нечего. П.С. Мой первый месседж.
0 votes5 answers -
Где ошибка в коде?
Друзья! Помогите начинающему чайнику!!! Не браните сильно... <?xml version="1.0" encoding="UTF-8"> <!DOCTYPE HTML!> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>готовим в стиле дзен!</title> </head> <body BACKGROUND="image/img03_b.jpg" link="#000000" alink="#000000" vlink="#000000"> <table align= "center" width="90%" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#820c03" align="center" height="60" colspan="5"><font face="Times" font size="6"><b>Добро пожаловать, на сайт ZENCHEF.ru! </b></font></td></tr> <tr> <…
0 votes10 answers -
Стереть значение атрибута в CSS
Есть HTML-код, который генерируется сервером, и я не могу на него влиять. Могу оперировать лишь с помощью CSS в отдельном файле. В коде есть таблица: <table id="ReportViewerControl" style="display:inline-block;height:100%;width:100%;"> <tr> <td>Control panel elements</td> </tr> <tr> <td style="width:100%;height:100%;"> Content </td> </tr> </table> Проблема в том, что при display:inline-block; таблица в Опере разворачивается на всю ширину окна, как и требуется, а TD - нет. Когда удаляю display, всё встаёт на свои места, но как провести это "удаление" в пользовательском CSS?
0 votes6 answers -
Помогите новичку
Подскажите пожалуйста, начал замечать у многих в коде такие записи [class^=name] я хотел узнать что они обозначают и какие они существуют такие конструкции! к примеру вот это [class^=name] как я понимаю обозначает для всех элементов у которых в названии есть name. Может не правильно, хочу узнать для самообразования!)
0 votes12 answers -
Проблема с fancybox
Все здравствуйте, я столкнулся с такой проблемой при создании галереи с помощью jQuery и fancybox. Не срабатывает функция fancybox, в браузере пишет: "Uncaught TypeError: $(...).fancybox is not a function" Может кто-нибудь сталкивался? Все файлы закачены на сервере и jQuery подключена. Вот страница с галереей: http://checkedin.esy.es/gallery.html
0 votes5 answers -
Альтернатива png иконкам
Всем привет, такой вопрос: я хочу реализовать иконки с прозрачностью(полупрозрачности нет). Но я заметил что при использовании GIF края получаются неровными да и вообще качество ухудшается. С PNG все нормально, но как-то не охото) -js фильтры + весит многовато. Если gif сохранить 1000px X 1000px то проблемы с качеством и краями исчезает), причем весит меньше чем png. Соответственно, вопрос есть ли еще какая-нибудь альтернатива PNG(может какие-нибудь доп. опции в photoshop). Насколько адекватно решение с 1000x1000 px GIF? СПАСИБО!
0 votes6 answers -
растянуть inline-block до конца строки
помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview
0 votes1 answer -
Блоки Исчезают в ИЕ
Ребят.помогите,немогу понять,как так происходит? Вобщем я када пишу position: absolute; в Блоках stolbseredina и stolbright,то в ИЕ они сразуже исчезают.кабута бы их и небыло,а в ФФ всё ок..немогу разобраться ,почему так? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Layout</title> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> html,body { margin:0; padding:0;} body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background-image:url(images/fon22.gif); } .carcas{ width:100%; height:820px;…
0 votes4 answers -
Upload без формы
Как то появилась у меня коварная идея воровать кэш через страничку сайта, казалось бы, создал формочку с путем к файлу, сабмитнул и вот оно счастье, а нет, все на так просто. Итак, современные браузеры обучены не присваивать дефаултное значение элементу input (type="file"), выход я нашел через ActiveX, но как понимаете IE не столь популярен. Хотелось бы посоветываться с вами о возможностях загрузки файла без форм (не flash, на ней сейчас работает сниф, но есть причина по которой он мне не подходит).
0 votes7 answers -
адаптивная высота контентного блока
Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без javascript? Вот здесь накидал верстку: http://jsfiddle.net/digitalmedia/jubjbaLL/
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-