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
-
Просмотр новостей в вк
Добрый день всем. Изучаю в данный момент связку HTML+CSS. Появился вопрос, никак не дающий мне покоя. В Вконтакте при нажатии на новость, она увеличивается. При этом вроде обновление страницы не происходит. Может кто-нибудь подсказать, с помощью каких ресурсов сделана эта функция?
0 votes3 answers -
Проблема с margin
Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…
0 votes1 answer -
Протокол date:
есть js: var str = "// ==UserScript==\n// @name "; window.open('data:text/javascript; ,' + str); беда в том, что нужно открыть форматированный файл, содержащий переносы строки но как их передать в адресной строке? у меня получается только файл, вытянутый в строку как можно заменить "\n", чтобы в файле были переносы?
0 votes3 answers -
menu + ie6
http://smotrusuda.narod.ru/ в ie7 ie8 отображается одинаково, а вот в ie6 меню отображается вертикально, как это исправить? Как мне кажится из-за этого и не центрируется он. если нет то как его тогда центрировать.
0 votes3 answers -
Картинки-ссылки + надписи на картинках
Здравствуйте все. Нужна ваша помощь. Есть такой код: <div id="navi"> <a href="#"><img src="images/head_navi01.jpg" title="about company"></a> <a href="#"><img src="images/head_navi02.jpg" title="our product"></a> <a href="#"><img src="images/head_navi03.jpg" title="our partnes"></a> <a href="#"><img src="images/head_navi04.jpg" title="our clients"></a> <a href="#"><img src="images/head_navi05.jpg" title="best company offers"></a> <a href="#"><img src="images/head_navi06.jpg" title="contact us"></a> </div> CSS: img { border: 0; f…
0 votes2 answers -
Фоотер
Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно
0 votes3 answers -
Фикс и резина: отличия в верстке
Хочу попробовать сверстать макет под резину. Как я понял здесь размеры задаются в процентах. Есть ли тут еще что-нибудь, что мне следует знать? Может кто-нибудь скинуть пример резиновой верстки?
0 votes4 answers -
в ie7 вёрстка немного разъехалась
Вот так шапка сайта выглядит в файрфоксе и примерно так же в других браузерах: А вот так в ie7: Сабмит-кнопка от поиска съехала чёрт знает куда вправо и ниже и два divа как и не было. Вот код: Буду благодарен за помощь в решении бага.
0 votes2 answers -
Как верстать подобный сайт? (пример)
Здравствуйте! Подскажите новичку, как сверстать такой сайт www.lecristal.com.ua? Это таблица или что? Спасибо)
0 votes4 answers -
Схлопывание WTF!?
Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …
0 votes4 answers -
Отображение страницы у другого пользователя по-другому.
Здравствуйте, уважаемые коллеги! Есть страница: http://alfamramor.ru/ На своем компьютере и ноутбуке я вижу все нормально. А у нашего другого пользователя отображается не совсем так: например, замочек регистрации и текст имеет разный размер. Вот так у него: Уточню,что шрифт нестандартный, подключается с Google. Помогите, пожалуйста, разобраться с этой проблемой.
0 votes8 answers -
выравнивание текстов
научите пожалуйста точно выравнивать по вертикали текст без использования абсолютного позиционирования здесь у .header h1 выравнивание text-align: center. задача в том чтобы правые стороны .header h1 и .header strong упирались в одну вертикаль сейчас выровнено неплохо, но не точно так ка параметры шрифтов зависят от браузера, ОС и т.д. кроме того данные могут быть динамическими
0 votes2 answers -
В чем проблема?
Всем доброго дня! Верстаю страничку с css, с помощью div хочу вставить картинку вот пример кода #zone_top_right{ width:10px; right:0px; background:url(css/elements.png) repeat-x 0px -201px; } на главной странице прописываю этот div, открываю браузер и картинки нет, если на главной странице картинку вставить через <img src="#"/> то все работает. В чем я ошибаюсь? код главной страницы <html> <head> <link rel="stylesheet" rev="stylesheet" type="text/css" href="new.css" /> </head> <body> <div id="zone_top_right"></div> </body> </html>
0 votes3 answers -
Увеличение картинки при наведении на ссылку
Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении. И имеется текстовая дублирующая ссылка. Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась? <style type="text/css"> .blok1 {position: relative; cursor:pointer; display: inline-block;} .blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;} .blok1:hover img + img {display: block;} </style> <div class="blok1"> <a href="#"> <img height="100px" src="1.jpg"/> <img height="200px" src="1.jpg"/> </a> </div> <a href="#">link1</a>
0 votes3 answers -
IE рамка вокруг ссылки
в css прописано свойство, но не помогает: :focus {outline: 0;}
0 votes7 answers -
Поле для поиска
вот я создал поле для поиска на странице, но от него пока нет толку потому что оно не задействовано, как его задействовать,с помощью чего точнее?вот допустим в этом поле ктото чтото вводит и вот нажимает на кнопку "найти", а что бы чела куда то перекинуло что нужно вписать?я не прошу мне писать код я хочу сам.просто обьясните что должно быть примерно.да так на всякий случай я знаю только html и css . этого хватит или в этом случае потребуются и еще другие знания?
0 votes4 answers -
меню htmlbook
прокрутное меню сделано с помощью overflow???
0 votes4 answers -
Слайдер
Сначала слева вылетает первый текст, потом следом второй и все это очень быстро, потом справа вылетает картинка Нужен слайдер который может выполнить вот эти требования. Подскажите пожалуйста
0 votes1 answer -
атрибут alt тега img
В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?
0 votes1 answer -
Как перенести текст на новую строку
Как в данном случае сделать так, что бы строки не соединялись, а перепрыгивали на новую с сохранением border-bottom.https://jsfiddle.net/r7yfh1xf/
0 votes1 answer -
форма создание дополнительной формы
Нужно создать форму, которая будет всплывать при нажатии кнопки "Добавить". Например, мы вводим образование, один университет. Но если человек имеет еще одно образование, то он нажимает кнопку "Добавить" и ему высвечивается такая же форма , только с другим полями, ( выше - ниже не имеет значения) На первой картинке показано как это выглядит до нажатия на клавишу, на второй как после нажатия. Есть ли какие нибудь материалы по этой теме? Не могу найти хоть приблизительного примера=( Очень буду благодарна, если поможете=)
0 votes0 answers -
Растровое изображение в векторное
Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg
0 votes0 answers -
Полный бред с @media запросами
Сделал я шаблон и решил сделать его адаптивным. Вобщем чтото пошло не так, медиа запрос стоит на min-width(900px) and max-width(1000px) но уменьшая окно браузера я заметил что отчёт идёт от 720 пх и до 800 пх. Что это за бред вообще не понимаю.
0 votes1 answer -
не работает:(
Привет Всем! подскажите в чем косяк, не работает такая вот конструкция а должно быть вот так:
0 votes0 answers -
как сделать вкладки в одном блоке
хочу сделать на сайте блок с вкладками - как здесь http://yznaem.ru/ - Рубрики -Новые записи- Новые комментарии. Понимаю что это вордпресс, но не понимаю как сделать на обычном сайте.. подскажите?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-