HTML Coding

29542 questions in this forum

1. как обрезать изображение?

   В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…

   Asked by anton41k, October 27, 2014

   0 votes
   1 answer
2. Проблема с модальным окном

   Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана. Сам сайт с проблемой http://zaprintuem.ru/ До этого, окно всплывало строго по середине ЭКРАНА. Этого и нужно добиться ! Код стилей: .popup_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #211722; z-index: 2000; display: none; cursor: pointer; opacity: 0.75;}.popup_window{ width: 545px; padding: 6px; background: #f6f2eb; border-radius: 5px;…

   Asked by zac, December 14, 2015

   0 votes
   1 answer
3. как располагается верстка при указании только одного девайса

   Всем привет, Читая доку по bootstrap-у, я не совсем уяснил для себя, а как располагается верстка при указании только одного девайса на других дивайсах? Например, если указан только класс для планшетов col-sm- : <div class="form-group"> <label for="name" class="col-sm-3 control-label">Name</label> <div class="col-sm-9"> <input id="name" name="name" value="" size="30" maxlength="100" class="form-control" type="text" > </div> </div> Знач…

   Asked by mstdmstd, May 25, 2016

   0 votes
   2 answers
4. Разное отображение списков у WebKit и НЕ WebKit. Помогите разобраться....

   Здравствуйте! Есть хтмл: <ul class="lister"> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> </ul> и есть ксс к нему: * { margin:0; padding:0; } body { margin:1em; } ul { margin: 5px 24px; } .lister { list-style-type: upper-alpha; } .lister li{ font-family:"Courier New", Courier, monospace; } проблема в том, что у WebKit-браузеров(chrome, safari) маркеры списка чуть-чуть съезжают влево. как это исправить? ато открываешь страницу, например, в фоксе - всё ок, в опере тоже ок, и даже, прости господи, в ие6 всё ок, а вот хром и сафари сдвигают маркеры-буквы…

   Asked by ChesterHTML, August 22, 2011

   0 votes
   2 answers
5. Позиционирование блок

   Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?

   Asked by kent666, September 30, 2011

   0 votes
   1 answer
6. Наложение картины на меню

   Привет всем! Подскажите, пожалуйста, как реализовать такую изюминку "]. Какие свойства прописывать в СSS? Трудность, в том, что картинка заголовка является не правильной прямоугольной формы, а с маленькой выступающей частью, которая и должна налагаться на горизонтальное меню.

   Asked by Dayana_S, February 17, 2012

   0 votes
   1 answer
7. как убрать пробел в ie9

   http://jsfiddle.net/jSwVs/ от есть менюшка и у нее стрелочка в низу в ie9 не соединяется есть ли вариант это исправить. тут проблема еше в том что непроходимо это делать обязательно шрифтами так как пользователи могут менять цвет активной плашки.

   Asked by meded90, April 27, 2012

   0 votes
   0 answers
8. Центрирование элемента!

   Всем привет!Произошла проблемка при верстке.Значит создал элемент с классом "wrapper" и присвоил в стилях атрибут "width:1000px;margin:0px auto;" Но элемент по чему-то не центрируется.В чем может быть проблема? Сори))Проблему решил)

   Asked by ELBegemotos, August 24, 2012

   0 votes
   0 answers
9. Проблема с блоками.

   Нужно сделать так И так .blockContent (БЛОК С КОНТЕНТОМ){ font-size:13px; color:#fff; text-shadow:1px 1px 0 #000; text-transform:none; text-decoration:none; border:1px solid #3399ff; -o-border:1px solid #3399ff; -moz-border:1px solid #3399ff; -webkit-border:1px solid #3399ff; } .blockAva (АВАТАР){ margin:5px 5px; height:100px; width:100px; text-transform:none; text-decoration:none; border:5px solid #fff; -o-border:5px solid #fff; -moz-border:5px solid #fff; -webkit-border:5px solid #fff; } .blockInfo (БЛОК С ССЫЛКАМИ){ float:right; height:170px; width:100px; margin-righ…

   Asked by Guest, September 30, 2012

   0 votes
   1 answer
10. Не хочет отображаться активная ссылка навигации

    Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации: <nav id="nav"> <div class="sticky-nav"> <div class="pages"> <ul class="list"> <li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li> <li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li> <li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span&g…

    Asked by antony, September 24, 2012

    0 votes
    1 answer
11. позиционирование от верха для резинового шаблона

    Доброе время суток! Не удается задать относительное значение для параметра top, чтобы основная часть сайта смогла подстраиваться под разную высоту мониторов. html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: "Verdana"; font-size: 12px; color: #090733; /*основной цвет текста сайта */ /* background-color: #365401; */ } #background{top:0;left:0;width:100%;height:100%;position:fixed;z-index:-1} #wrap { width: 100%; min-width: 980px; position: relative; } /* основное содержимое */ #content { position: absolute; line-height: 19px; top: 560px; left: 32%; /* 32% …

    Asked by devadas, October 20, 2012

    0 votes
    2 answers
12. проблемы с отображением css в opera

    здравствуйте, у меня такой вопрос: я установил cms wordpress на (denwer) подключил тему и сделал несколько изменений в файле stayl.css после этого в браузере opera он стал не корректно отображаться, проявляется это в торможении при загрузке css меню

    Asked by filius667, November 3, 2012

    0 votes
    1 answer
13. Рамки div

    http://prodpak.ru - почему в сайдбаре не получается сделать рамку только слева, а там где написано "ССЫЛКИ" сделать рамку только сверху?

    Asked by Delat, April 20, 2013

    0 votes
    1 answer
14. Почему не появляется тень?

    Собственно, сабж. Мне надо добавить тень к элементам. Так и записал: -webkit-box-shadow: 0 0 0 6px rgba (0,0,0,1); -moz-box-shadow: 0 0 0 6px rgba (0,0,0,1); box-shadow: 0 0 0 6px rgba (0,0,0,1); Но ничего не произошло. В чем обычно бывает дело, подскажите, будьте любезны.

    Asked by binomer, October 17, 2013

    0 votes
    2 answers
15. что это за шрифт?

    столкнулся с проблемкой - не могу шрифт опознать... кто нибудь может подсказать - что это(сам телефон)

    Asked by Николя223, November 27, 2013

    0 votes
    3 answers
16. Как заставить левый див наезжать на правый, при изменении размера внешнего див?

    Всем привет! Как заставить левый див наезжать на правый? http://jsfiddle.net/g3fwatff/5/

    Asked by zvezda_t, August 7, 2015

    • наложение див
    0 votes
    0 answers
17. Высота блока

    На сайте центральный блок почему то очень нижний,он стаёт нормальной высоты только когда ставишь clear:both но тогда не нажимается кнопка подробнее в правом блоке.

    Asked by NeoMurderer, August 26, 2011

    0 votes
    1 answer
18. Как прилепить футер слева внизу страницы

    Доброго времени суток. Перепробовал массу вариантов, может кто тоже сталкивался с такой проблемой. Нужно сделать футер внизу слева, чтоб спускался вместе с резиновым основным блоком или поднимался если текста мало. Но на деле получается он стоит в середине или далеко внизу. Буду благодарен за любые советы, но желательно все это сделать в css, хотя уже начинаю думать что невозможно =) Страницу с кодом можно посмотреть здесь http://promalp-technology.ru/. По ссылке на изготовление рекламы маленький объем текста. Заранее всем спасибо.

    Asked by Makintosh, March 28, 2012

    0 votes
    0 answers
19. печать в браузерах firefox

    <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type='text/css'> *{ margin: 0; padding: 0; } ._TICKET, ._TICKETLAST{ width: 10cm; height: 7.2cm; position: relative; page-break-inside: avoid; } ._PAGEBREAKALWAYS{ page-break-after: always; } ._PAGEBREAKAVOID{ page-break-after: avoid; } ._OBJ{ width: 2cm; height: 2cm; position: absolute; left: 0; top: 0; box-sizing: border-box; } ._V90{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } ._V45{ -moz-transform…

    Asked by zFermer, April 28, 2012

    0 votes
    0 answers
20. Совершенно непонятный баг!

    ...

    Asked by nicafortune, July 6, 2012

    0 votes
    2 answers
21. Резиновая таблица с схлопывающейся колонкой.

    Пишу автоматическую генерацию интерфейса. Есть форма в которой первая колонка это название поля. Вторая колонка это input для ввода. Хочется чтоб форма занимала 100% ширину страницы. Но при этом первая колонка была по ширине самого длинного названия, а вторая резиновая. У меня получается или ширина 50/50 или надо задавать ширину первой колонки вручную. А я её заранее не знаю. Есть идеи как это в CSS сделать?

    Asked by demmsnt, August 14, 2012

    0 votes
    2 answers
22. масштабирование

    такая страница OG.ddns.us/adivo хотелось бы ограничить масштабирование и убрать белое пространство при уменьшении масштаба, буду рад любой помощи.

    Asked by mafinok, October 31, 2012

    0 votes
    0 answers
23. Подскажите

    У меня есть 2 кнопки подписка на новости type="radio" и у меня по умолчанию стоит нет, а нужно что бы было да. ВОТ ПОЛНЫЙ КОД <table class="form"> <tr> <td><?php echo $entry_newsletter; ?></td> <td><?php if ($newsletter == 1) { ?> <input type="radio" autocomplete="on" name="newsletter" value="1" checked="checked" /> <?php echo $text_yes; ?> <input type="radio" name="newsletter" value="0" /> <?php echo $text_no; ?> <?php } else { ?> <input type="radio" name="newsletter" value="1" /> <?php echo $text_yes; ?> <input type="radio" name="newsletter" value="0" checked="checked" /> <?ph…

    Asked by NiCk!, March 19, 2013

    0 votes
    2 answers
24. строчные элементы разбиваются на несколько

    помогите пожалуйста исправить код на страничке я реализовал эффект для ссылок. при наведении курсора ссылка замещается такой же, но другого цвета. первая по счёту ссылка так и работает. остальные разбиваются на несколько строк, это и есть ошибка моего кода

    Asked by cyklop77, April 14, 2013

    0 votes
    3 answers
25. Управлять псевдоэлементом при ховере родителя

    Есть большой элемент, скажем с классом "ololo". У него есть маленький псевдоэлемент. Нужно управлять стилями псевдоэлемента при ховере элемента "ololo". Т.е. имеем: .ololo { some styles } ololo::after { some another styles } Нужно что-то типа такого: .ololo:hover ::after { .... } Но этот вариант селектора не рабочий. Каким должен быть селектор? Или с использованием псевдоэлемента это не возможно?

    Asked by Evkaky, June 12, 2013

    0 votes
    2 answers