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
-
отрицательный margin растягивает родителя
Здравствуйте. Возникла проблемка. <div> <h3> <span> У div фиксированные размеры. У span тоже(он display: block). При этом по задумке span должен на 50% вылезать за пределы div. Но задавая ему отрицательый margin-top я получаю то, что div начинает ползти вверх за span'ом. Вижу такое впервые, откровенно говоря, по идее он должен за границу вылезти Конечно, решить проблему можно через display:relative+ top, но интересно, что с маргином
0 votes6 answers -
Что это такое?
Здравствуйте. Делаю сайт на html5, скачал шаблон, переделал его, но в шаблоне была такая штука как при наведении курсора поле в котором рсположен текст или картинка подсвечивается серым цветом. Хотелось бы это убрать, но не могу понять где лежит этот код. Подскажите пожалуйста какую часть кода необходимо удалить? Сайт: http://www.gruzoperevozki-gatchina.ru/ Спасибо.
0 votes6 answers -
Горизонтальная прокрутка 1024px
Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?
0 votes6 answers -
Непонятки с bullet
Подскажите новичку. Имеется bullet на макете: http://savepic.su/2315570.htm И картинка слоев: http://savepic.su/2309426.htm Отключаю все слои, кроме указанного (Alt+ЛКМ): http://savepic.su/2358581.htm И вижу такую картину: http://savepic.su/2350389.htm Почему bullet становится синим? Мне совсем непонятно...
0 votes6 answers -
зазор между строками
объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF
0 votes6 answers -
Можно ли выучить стандарты w3c не зная английского
Здравствуйте меня интересует вопрос можно ли выучить стандарты w3c не зная английского(пользуясь переводчиком в google chrome)??? Если да то за какое время это реально сделать??(примерно)
0 votes6 answers -
Wap сайт
Есть сайт на PHP хочу чтоб он был доступен с мобильных телефонов и смартфонов, надо делать Wap сайт? Или посоветуйте что лучше сделать. И как сделать перенаправления по разрешениям дисплеев.
0 votes6 answers -
Пути добавления
У меня есть файл style.css который находится в папке CSS, также есть папка EXAMPLE(она также как и папка CSS находится в корне) а в ней папка OTHER а в этой папке файл clone.html. Так вот вопрос: какой путь нужно прописать от файла clone.html к файлу style.css что бы таблица заработала?
0 votes6 answers -
Изменение размера блока от контента
Доброго времени суток, форумчане! Возник вопрос. У меня в вёрстке при сжатии окна браузера строки статуса и нахождения в онлайне переносятся на следующую строку. Как сделать так чтобы серая полоса, в которой это всё находиться увеличивалась по занимаемому элементами объёму и надписи не налезали друг на друга. Вот скрины и архив с файлами: http://zalil.ru/33707225
0 votes6 answers -
Загадочная конструкция в CSS
Друзья, я тут столкнулся с такой конструкцией в CSS: table [class*=span] {float:none;} Может, кто знает, что это такое?
0 votes6 answers -
проблема с двумя блоками css
есть вот такая страничка написанная на html javascript и css. Вопрос следующий Текст, который выделен в кружке на картинке, не получается вставить на один уровень с видео. Что-то с блоками в style.css но вот как решить проблему не пойму часть кода из main.html: <section id="content"> <div class="container_12"> <article class="a1 border-bot extra-wrap"> <center><iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe></center></br> <article class="a1 border-bot2 extra-wrap"> <strong>Right Sidebar:</strong> Inte…
0 votes6 answers -
Ползунок во фреймах
Как убрать ползунок во фрейме, но чтобы оставалась возможность прокручивать вниз то, что не влезает?
0 votes6 answers -
нужна помощь
мне нужно что бы при наведении на картинку на пример слева появлялась ещё одна
0 votes6 answers -
Мне надо чтобы подвал прилипал к низу страницы
Всем привет! Я бы нашел это сам через поиск, но к сожалению не знаю как это правильно написать Вообщим мне нужно сделать чтобы подвал прилипал к низу страницы когда контента на странице мало. Сейчас подвал висит посеридине страницы, и это смотрится ужастно... Сам я дизайнер, и в верстке не особо, но строчки в код вставлять умею) Не понимаю... это сложно делается что ли... встречал мало верстальщиков которые бы липили футер к низу страницы (( В общим я прошу помощи!
0 votes6 answers -
Вывод списка друзей, как в вконтакте
Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?
0 votes6 answers -
Вордовский файл открывается по-разному...
Вот ссылка: quick-line.biz/info.html Там есть ссылки на 8-мь вордовских файлов. Проблема: В IE они криво скачиваются, почему-то в zip формате, и вообще не то что нужно.
0 votes6 answers -
Кроссбраузерная вёрстка(Ios safari...)
Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)
0 votes6 answers -
Помогите сверстать
Добрый день, есть шаблон http://freepsdfiles.net/download?id=2393. Подскажите пожалуйста как сверстать основной фон, которые клетчатый. Спасибо
0 votes6 answers -
Активная ссылка
Как мне сделать так чтобы помечалась та ссылка(в навигации) в зависимости от страницы на которой я нахожусь.
0 votes6 answers -
нужна помощь в создании меню
нужна менюшка как на http://ru.wowhead.com/ этом сайте
0 votes6 answers -
Замена цвета областей картинки при наведении мыши
Всем привет, прошу помощи. Вот что есть. Есть изображение размером 175Х251 Необходимо, чтобы при наведении на определенную область изображения ( всего областей 6) - эта область изменяла цвет. для этого под каждую область сделана своя картинка. На картинку наложен параметр "map" чтобы сделать каждый отдельный объект ссылкой Вот как примерно должно выглядеть: http://content.foto.mail.ru/bk/eltuicia/_answers/i-2090.jpg Как реализовать? Спасибо! Делал по аналогии с примеров имеющимся здесь же не сайте http://kottedzhi-v-finlyandii.ru/map/tesrt.html Работает, но как сделать, чтоб работало для нескольких картинок (областей)?
0 votes6 answers -
Плавное изменение цвета
Всем привет! Такой вопрос: необходимо, чтобы цвет ссылки плавно менялся на другой, как, например, здесь, как это сделать?
0 votes6 answers -
Скрипт чат
Нужно сделать так чтобы когда сообщение по нажатию на кнопку отправить было видно сразу пользователям о том что, что то написали без перезагрузки страницы (И по возможности чтобы было звуковое увидомление) - Чтобы было понятней - например как в контакте Подскажите как это сделать пожалуйста, может есть готовый скрипт
0 votes6 answers -
Растянутый контент до футера.
В общем, суть такая. Есть страница, футер прибит к низу, тело сайта растянуто до низа. А теперь как сделать, чтобы блокн внутри сайта id="content" тоже был растянут до конца сайта? Если присвоить min-height: 100%, то появляется полоса прокрутки и сайт делается длиньше высоты разрешения экрана. <div id="main"> <div id="header"></div> <div id="content"><h2> Тело сайта</h1></div> <div id="rbar"><h3> Меню:</h1></div> </div> <div id="footer">Made by ShadowScale</div> Ксс такой: html, body {height: 100%; width: 100%;} #main { width: 1000px; border:5px solid #96bbae; border-top:0px; b…
0 votes6 answers -
Мелкие вопросы (долгосрочный раздел)
Здравствуйте. Вопросы: 1) сразу HTML5 или можно сначала напрактиковаться с HTML4.01 и потом быстро переучиться? как на реальных заказах - doctype html4.01 используют еще или это первый признак, что верстальщик не справиться с заказом нормально? Без знаний html5 можно сейчас верстать или уже ничтожный процент заказов? 2) после reset.css что потом для тега <body> прописывать касательно font-size? в зависимости от чего? например, если так font-size: 67.5%; тогда 1em - 10px (да?) и дальше работаем с em - это универсально? Там же куча тонкостей с этим относительными и абсолютными величинами. Везде все по-разному. Принципы какие?. Хотелось бы ссылку на статью или книгу +…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-