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
-
Растянуть картинку
Привет.. Есть блок в котором выводится статичная картинка с размерами 1300х800px. ширину картинки указал 100% чтобы растягивалась на всю ширину экрана. На на экране размерами 1920х1080 картинка по высоте не влезает вся. небольшой кусок внизу остается за рамками видимости экрана и нужно прокрутить вниз. Можно ли сделать чтобы при любых разрешениях экрана картинка по высоте всегда была видна? И.е. чтобы вся картинка вмещалась?
0 votes7 answers -
Горизонтальные списки
Как сделать, чтоб список шел горизонтально, а не вертикально?
0 votes1 answer -
Цвет меню...
Доброго времени суток. Итак. 1. Собственно первая проблема - переименовать буковки. Где их искать в джумле, что бы заменить им цвет. 2. Шапочка Сейчас она у меня меняется (То есть: О проекте - одна картинка, Пресса другая, Контакты третья, но как только делаю четвертый пункт меню они начинают повторятся (а хочется еще другие шапочки залить) где бы это подправить? 3. И собственно выпадающее меню - его цвет, когда на него наведена стрелка, и когда нет, скрин внизу. Поиском пользовался что то не помогло, чего-то нету, а что то я просто протупил, поэтому надеюсь вы поможете.
0 votes0 answers -
Баг с плавающим блоком в IE 6,7
Собственно, проблема. Сверстал макет. В IE 8 и отличных от IE браузерах (FF, Chrome, Opera) блок с текстом обтекает блок с картинкой. вот так: В IE 6/7 же блок с текстом смещается вниз: ХТМЛ код: <div id=mainframe> <div id=corner> <img class="ugol_right" src="ugol_right_small.gif" alt="" /> </div> <div id=content> <p>This is a tool for finding friends in real life. </p> <!-- бла-бла-бла--> </div> CSS код: * { margin: 0; padding: 0; border: 0; } html, body {height: 100%;} body{ background: #fff; color: #333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #container {overflow: auto; padding-bot…
0 votes1 answer -
Строчной внутри блочного
Доброго времени суток. В css: overflow: auto; в body: <div class="***"> <img src="****" /> а а а а а а а а а а а а а а а а а а а а а а </div> дело в том, что мне нужно чтобы при масшабировании появлялась полоса прокрутка у картинки. и что бы картинка была справа. вроде бы как все просто, у img указываем align="right" да, картинка справа, но полоса прокрутки не появляется. а если в <div align="right"> то тогда все что в элементе div становится справа, но зато появляется полоса прокрутки. я пытался просто картинку взять в <div> но это же блочный элемент, и текст становится под картинкой. что делать? что бы полоса появлялась только у фото, и …
0 votes3 answers -
Русские буквы и пробелы в пути
Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?
0 votes2 answers -
Верстка "слайдера"
Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.
0 votes3 answers -
Большая площадь ссылки при наведении курсора
Помогите, пожалуйста с таким вопросом: Есть горизонтальное меню, при наведении мыши на ссылку цвет меняется, но также и меняется площадь действия ссылки, по высоте уходит прилично вниз. Это особенно хорошо видно на IE 8.0 при нажатии на ссылку. Ссылка на сайт Эридан Аудио Пробовал анализировать код при помощи Chrome, нахожу этот участок, но никак не пойму откуда эта площадь берется
0 votes2 answers -
в ie6 не появляется фон и рамка
Подскажите ,пожалуйста, почему в ie6 не появляется фон и рамка? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css"/> <title>ФОРМА</title> <style type="text/css"> #ya{ width: 300px; height: 300px; border: 4px solid #cc0000; background-color: #cc0000; } </style> </head> <body> <div id="ya">…
0 votes3 answers -
горизонтальная полоса прокрутки при уменьшении окна браузера
Я создала несколько страниц,но когда я уменьшаю окно браузера, все элементы на странице налегают друг на друга в хаотичном порядке. Попробывала в стилях к body задать минимальную ширину (100%,1024 px...),но это не помогло,уменьшаю окно и всё опять накладывается друг на друга. Неужеле минимальную высоту нужно задавать к каждому элементу на странице отдельно? Или всё-таки можно к body? Или есть другой способ? Может я не те размеры задаю?
0 votes3 answers -
несколько элементов в строку
не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.
0 votes3 answers -
Таблица
Здравствуйте. К примеру есть таблица: <table> <tr> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> Вверху одна колонка, внизу две. Если все эти три колонки чем-нибудь заполнены то верхняя располагается слева, а с права от неё пустое пространство. Как сделать так чтобы она располагалась справа а пустое пространство было слева? P.s. Добавить пустую колонку не предлагать.
0 votes3 answers -
0 votes3 answers
-
Небольшая кучка вопросов
Совсем недавно начал изучать Css и html, но там в общем все просто гугл спасает, основы выучил, нужен только опыт. Но верстая сталкиваюсь с js так вот первый вопрос про него. Что бы выучить Jquery обязательно надо знать само js? (подозреваю что да надо) Тут тогда сразу несколько вопросов на каком уровне надо знать js что бы в последствие сразу перекинутся на jquery ( ну и продолжить изучение js подрабатывая верстальщиком), за сколько можно выучить, полезные ссылки будут восприняты на ура. Каким инструментами вы пользуйтесь для проверки кроссбраузерности? Верстать легко, но верстать кроссбраузерно сложно, до каких версий браузеров ( требуют заказчики) верстают до сих…
0 votes6 answers -
Как можно сэмитировать браузерный zoom-in zoom-out
Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте? При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится. Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом? Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах ...
0 votes1 answer -
Маска стрелки
http://jsfiddle.net/Zverushka/FxGXC/2/ Можно ли сделать подобное через маску (с применением в том числе свг для кроссбраузерности), но чтобы так - чтобы по сути мы вырезали только низ - чтобы слой обрезался так - чтобы была лишь стрелочка внизу и все - а по ширине и высоте могли быть любые размеры? Потому как сейчас для маски используется фиксированных размеров квадрат - не бесконечный по ширине и высоте (и если блок будет больше высоты и ширины маски - он просто обрежется и все ...
0 votes7 answers -
Фон для страницы
Здравствуйте гуру сайтостроения, хотелось бы узнать, каким способом можно сделать такой фон, в частности аквалангист ( код http://jsfiddle.net/n7W6p/ )
0 votes6 answers -
Линия - рисунок с градиентом
Здравствуйте! Подскажите пожалуйста как сделать линию над меню http://prntscr.com/4n04y7 ,, но чтобы она подходила к адаптации сайта отображалась на планшетах и ПК. Нужно сделать через background или есть другие приёмы? Спасибо
0 votes2 answers -
Позиционирование блоков с наездом
Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?
0 votes4 answers -
Резиновая карусель и резиновый контент внутри
Подскажите как сделать Jcarousel резиновой, так что б весь контент внутри ресайзился пропорционально?
0 votes1 answer -
float не работает как мне надо
Уважаемые коллеги как сделать так чтобы заголовок Два пипеца был не под col-left а в col-right только под ссылками? http://jsfiddle.net/qqkut1e3/
0 votes2 answers -
Заголовок с горизонтальной линией по центру
Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?
0 votes5 answers -
hover эффект
Есть два адаптивных изображения При наведении должно быть так: Как это сделать? http://codepen.io/anon/pen/VLdpvN
0 votes3 answers -
неправильная реакция браузера Mozilla Firefox на media query
В шапке у меня прописан вьюпорт <meta name="viewport" content="width=device-width, initial-scale=1">в css у меня прописано свойство body{ background: coral;}@media screen and (min-width: 480px){ body{ background: green; }}Но, смена фона происходит не на 480 пикселе, а на 463px. В хроме все в порядке. Может кто сталкивался, подскажите в чем причина? я хочу, чтобы изменения происходили четко после 480px
0 votes1 answer -
Прозрачный цифры на фоне
Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-