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
-
Несколько div в ряд
Как сделать несколько div'ов, в ряд, так, чтобы А и С были определенного размера, а B занимал всю центральную область? Вот мой вариант, но он глючит (С съезжает вниз): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a,.b,.c{ padding: 1em; border: 1px solid black; } .a{ width: 10em; float: left; } .b{ overflow: hidden; } .c{ width: 10em; float: right; }
0 votes6 answers -
CSS-стили не работают при загрузке с файла
Перестали обрабатываться файлы стилей, НО только те, которые загружаются с файла .css, если же прописывать стиль внутри .php-файла, то все идеально работает. Дело не в путях - это 100%, т.к. с этим уже экспериментировал. В чем может быть причина? Располагаю VDS, подключено gzip-сжатие. ДО переустановки nginx все прекрасно работало, сейчас - нет. Файлы .css располагаются НЕ в корневой директории а в папке с шаблонами. Кэш чистили, как скриптовый, так и кэш браузера.
0 votes10 answers -
сжать картинку из блоков
есть картинка к примеру 1920 x 1200 , она разрезается на блоки кусок кода <div id="IMG-map"> <div class="wrapper_parts"> <img src="delete/0.png"> </div> <div class="wrapper_parts"> <img src="delete/1.png"> </div> <div class="wrapper_parts"> <img src="delete/2.png"> </div> </div> но вот в чем проблема в блоке у нее должен быть размер 1600 х 1000 и по этому она вылазит за пределы блока, есть идеи как ее можно сжать на css?
0 votes2 answers -
CSS и Joomla
Здравствуйте , помогите разобраться :есть шаблон Joomla ( jvwinto) Моя ссылка , хочется сделать чтоб такой эффект , как показан в примере 2 Моя ссылка, хочется чтоб в итоге все выглядело вот так : Моя ссылка
0 votes0 answers -
помогите с квадратными блоками
Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg
0 votes6 answers -
3 колонки
Никак не могу выровнять колонки "right" по горизонтали с остальными html: <!DOCTYPE html> <html> <head> <title>Співаник|Головна</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"> </head> <body bgcolor="#388b30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="header"> asdasdas<br>sdffsdfsd<br>sdffsdfsd<br>sdffsdfsd </div> …
0 votes1 answer -
position:fixed
как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!
0 votes2 answers -
Помогите подключить шрифт
Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.
0 votes1 answer -
Резиновое меню не очень резиновое
Здравствуйте. Окажите помощь, пожалуйста, начинающему верстальщику в разработке резинового меню. <nav id="top"> <ul id="menu"> <li class="main"><a href="#">Главная</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul class="drop"> <li><a href="#">Service 1</a></li> <li><a href="#">Service 2</a></li> <li><a href="#">Service 3</a></li> <li><a href="#">Service 4</a></li> </ul> </li> <li><a href="#">Каталог</a></li> <li>&…
0 votes2 answers -
display:table и overflow: hidden
Добрый день Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки. Спасибо.
0 votes3 answers -
Телепрограмма тв
подскажите как можно добавить телепрограмму себе на сайт на подобие как на сайте canaltv.ru
0 votes1 answer -
Кнопка "наверх" на разных сайтах работает по разному
Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!
0 votes2 answers -
Наложение слоя
Иконка New накладывается на товар, как товар наложить на иконку? http://jsfiddle.net/ZLEV2/
0 votes5 answers -
Конфигурация меню
Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .css но цвет меняется там на все пункты меню, а мне нужно только для одного, но как я понял, отдельно для пунктов меню по умолчанию нет css классов. Менял в css ul.top_menu_lvl1 li a{ значение color Вот код файла template.php для меню: Код <?if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); if(!empty($arResult)): ?><ul class="top_menu_lvl1 clearfix"> <li><a class="home_icon<?if($arParams['SELECT_MAIN']):?> selected<?endif;?>" href="<?=SITE_DIR?>"…
0 votes1 answer -
как работает margin-top ?
Добрый день! Я новичек в деле верстки, много не ругайте) Мне надо сделать так, чтобы синий прямоугольник был опущен максимально вниз, к зеленому блоку. Пишу margin-top и пускается все вместе, хотя в описании margin написано что отступ идет от родительского элемента т.е. от предыдущего блока div. подскажите как исправить и что я делаю не так? https://jsfiddle.net/traxenbruxen/2yjh09sp/
0 votes4 answers -
Слайдер
Добрый день! Имею вот такой десктоптый слайдер http://prntscr.com/97jveb. Естественно, диз мобильный вариант макета не предоставил, приходится включать смекалку и соображать адаптивную версию самостоятельно. Во всех знакомых мне сладерах, которые нужно подключать(например, тот же bx slider) он просто резиново уменьшается и в большинстве представленных вариантов нет текста. Может, в этом случае на мобилке лучше скрывать какие-то элементы, или по другому представлять или просто убирать его на мобильной версии...не знаю. Ребят,а как такой слайдер лучше отобразить на мобильной и планшетной версии?Буду рада вашим предложенным вариантам!
0 votes1 answer -
Связать блоки
Здравствуйте! Есть текст и картинка, у которых стоит прозрачность 50%, при наведении прозрачность 100% Как связать текст и картинку, чтобы при наведении одного из этих элементов, прозрачность менялась и у текста и у картинки? https://jsfiddle.net/19cwsr5j/
0 votes1 answer -
Разные картинки
Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?
0 votes2 answers -
Задать одинаковую скорость анимации
Чтобы увидеть проблему нудно подождать анимацию. Ничего страшного что картинок не видно, главная суть в том чтобы скорость перед тем как картинка исчезла, и с конца передвинулась на своё место была одинаковая скорость. https://jsfiddle.net/ysggq4pf/. получается так: картинки двигаются налево, после того как появляются в конце начинают двигаться медленнее.
0 votes3 answers -
Максимальная ширина страницы в CSS
Уважаемые форумчане, просьба помочь новичку разобраться в CSS. Создал сайт в конструкторе для чайников MOBIRISE. Все устраивает, кроме пары моментов. Сайт растягивается под разные разрешения экрана. Некоторые блоки имеют максимально допустимую ширину, а некоторые – нет, и растягиваются слишком сильно на Full HD и 4к мониторах. Особенно интересует, блок с 4-мя картинками и 4-мя кнопками под ними. Ссылки из html идут на несколько файлов css. Разобраться, где именно надо прописать максимально допустимую ширину данных блоков, мне, как новичку в данном вопросе, очень тяжело. Если укажите – где именно и как надо задавать этот параметр, буду очень благодарен! Сайт (одностраничка…
0 votes1 answer -
Как изменить стиль соседним элементам?
Задача такая: есть слайдер. если включен первый слайд (первый блок owl-page с классом active), тогда все другие owl-page сделать одним цветом. Т.е. стили только для тех элементов которые идут после первого активного, так как если слайдер поменяется, то цвет изменится.
0 votes1 answer -
Пространство между блоками
Здравствуйте, я столкнулся с проблемой. Это белое пространство между header center footer, подскажите как убрать? (P.S Начинающий веб-разработчик, учиться начал 2 недели назад) index.html style.css
0 votes3 answers -
Как переместить ?
Вот есть страница index: <?php include('inc/header.php'); ?> <div class='columnwrap'> <div class='spacer'> <table cellpadding='0' cellspacing='0'> <tr> <td class='newsboxtopleft'><img src='images/blank000.gif' width='41' height='35' alt='' style='' /></td> <td class='newsboxtopcenter'> Краткое описание и информация </td> <td class='newsboxtopright'><img src='images/blank000.gif' width='44' height='35' alt='' style='' /></td> </tr> </table> <table cellpadding='0' cellspacing='0'> <tr> <td class='newsboxleft'><img src='images/blank000.gif' width='8' height='1' alt=…
0 votes0 answers -
Проблема со ссылками
Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href=" "><img src=" " /></a> </div> Стили для блока заданы следующие: div#colleft { position: ralative; float: left; top: 0px; left: 0px; width: 120px; height: 635px; padding-right: 20px; padding-top: 0px; border-right: 1px solid #878787; } #colleft img { width: 50px; padding: 5px; } Почему-то Firefox и Google Chrome эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…
0 votes5 answers -
Линейка
Я знаю, что есть линейка которой можно мерить расстояние между элементами прямо в браузере, подскажите откуда взять данную вещь.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-