HTML Coding

29,542 questions in this forum

1. [Решено] Почему не работает анимация keyframes?

   http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;

   Asked by d0ublezer0, April 19, 2019

   • icomoon
   • keyframes
   • rotate
   0 votes
   0 answers
2. zend optimizer

   Подскажите пожалуйста как правильно установить zend optimizer при том условии что denwer уже установлен? Я видел (в инете) что есть версия для denwera специально, а есть просто дистрибутив..., вот дистриб у меня как-то криво устанавливается, а для denwera все ссылки в инете уже дохлые. :/ P.S. нужна версия з.з, на официальном сайте уже был, но там как-то непонятно, вроде пишут что она бесплатно распостроняется, а в тоже время выставляют ее на скачку пробник. :/

   Asked by rus, January 21, 2008

   0 votes
   12 answers
3. Буквы разных цветов в одной строке.

   Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?

   Asked by Red Planet, August 11, 2010

   0 votes
   1 answer
4. Как сделать картинки в столбик без отступов?

   Добрый день. Подскажите, пожалуйста, как вставить картинки в таблицу так, чтобы получилось одно слитное изображение в шапке? http://jsfiddle.net/pzRxf/1/

   Asked by Gogumba, March 25, 2014

   0 votes
   2 answers
5. Начальная ширина мобильного дизайна

   Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?

   Asked by Alarr, June 19, 2017

   • мобильная версия
   • дизайн
   • mobile
   • design
   0 votes
   5 answers
6. wrap=hard

   Собственно по сабжу, не хотит работать wrap в форме: <form> <b>Введите ваш отзыв:</b><br> <textarea wrap=hard rows=10 cols=45 ></textarea> </form> может знает кто альтернативные способы? т.е. надо чтобы текст переносился автоматически, если не влезает в поле вот так вот:

   Asked by JIucky, May 15, 2009

   0 votes
   6 answers
7. Стандартные шрифты

   Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.

   Asked by DrSol, December 12, 2007

   0 votes
   1 answer
8. Как правильно сделать скругленные углы?

   Скругляю углы у дива с помощью -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:30px; -moz-border-radius-topright:10px; background:#777777 url(img.png) repeat scroll 0% 50% !important; Цвет отображается нормально по форме скругления, а картинка-бэкграунд во весь див. Можно ли как-то картинку отображать (обрезать по краям скругления) как цвет?

   Asked by alexpts, April 3, 2009

   0 votes
   12 answers
9. 2 таблицы, одна position:absolute, нужно уровнять высоту

   Здравствуйте. Вот такая вот система: <table style="height:100%; background-color:#c70000" border="1"> <tr> <td height="100%"> </td> </tr> </table> <table style="position:absolute; top:0; left:0" border="1"> <tr> <td height="2000px">content</td> </tr> </table> Первая таблица играет роль фона, но но растягивается только на высоту экрана без скролла потому, что вторая таблица, которая и вызвала появление скролла имеет position:absolute Есть идеи как растянуть первую таблицу, не используя javascript и с учетом, что высота второ1 таблицы не предопределена? Заранее спасибо.

   Asked by viod, October 2, 2009

   0 votes
   20 answers
10. Влетело из головы(, подвал наезжает на контент

    Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html"…

    Asked by cmndr_alexgreen, April 1, 2014

    0 votes
    3 answers
11. Div при уменьшении окна браузера IE рядом стоящие дивы прыгают в низ что делать

    Добрый день ! Вот стили div.title { height: 101px; width: 100%; } .logo { float: left; height: 101px; width: 265px; } .top_line { float: left; height: 101px; width: 500px; } вот код HTML <div class="title"> <div class="logo"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> <div class="top_line"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> </div> начинаю сужать окно браузера и вдруг правая картинка пропадает точнее прыгает вниз пробывал дать минимальный размер тоже самое в IE в FireFox все хорошо помогите плиз не хочу табл…

    Asked by bgraf, March 5, 2009

    0 votes
    5 answers
12. Как сделать отступ текста от верха в header?

    Как сделать отступ текста от верха в header? Допустим надпись Скидки должны быть по центру(имеется ввиду от верха) Какая команда отвечает за это?

    Asked by Emelean, March 1, 2013

    0 votes
    7 answers
13. Как упорядочить DIV?

    Здравствуйте. У меня скрипт формирует блоки с данными, я их помещаю при формировании страницы в ДИВы. Блоков может быть разное количество, и букв в них тоже. Если див в стиле: .col1 { background-color: #C0C0C0; padding: 5px; margin: 1px; float: left; width: 150px; } то картинка будет такая: а как сделать чтобы было так: ?

    Asked by ARCH, October 11, 2009

    0 votes
    5 answers
14. Не срабатывает height

    Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}

    Asked by IrkaLulka, September 13, 2011

    0 votes
    39 answers
15. Фреймы в Div'e и Body

    Никак не могу совершить задуманное. Есть сайт, есть страница. На этой странице задумал разместить все мои видеоролики с Ютуба, понаставлял кучу object-кодов через , выглядит громоздко, к тому же страница тяжелая и с 20 плеерами грузится крайне тяжко. Решил сделать следущее. Взять, понаштопать скринов с каждого видео, и из этих скринов сделать гиперссылки к определенному видео. Но задумал еще интереснее, чтобы страница каждый раз не обновлялась со всеми скринами и плеером, а чтобы обновлялся чисто плеер. Сделал еще одну страничку, назвал "1", впихнул туда следущее: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head&g…

    Asked by Пятница, March 31, 2008

    0 votes
    5 answers
16. Динамический CSS

    Пришла ко мне идея,чтобы CSS автоматически подгружался при нажатии на кнопку.То есть без перезагрузки,сам css.Только я не знаю,в каком направлении искать.С помощью Аякса что ли.Сталкивался ли кто-нибудь с этим.

    Asked by user, October 21, 2008

    0 votes
    5 answers
17. Вертикальное выравнивание в форме

    http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" i…

    Asked by Launder, July 24, 2015

    • label
    • form
    • input
    • select
    • flexbox
    0 votes
    23 answers
18. Флексбокс. Неправильное отображение в Firefox

    Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …

    Asked by R45H, October 8, 2016

    • flexbox
    • ff
    • mozilla
    • firefox
    • флексбокс
    • bug
    • косяк
    • неправильное отображение
    0 votes
    2 answers
19. по какому браузеру ориентироваться?

    в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?

    Asked by avishka, November 3, 2008

    0 votes
    6 answers
20. DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?

    Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!

    Asked by Горыныч, February 1, 2010

    0 votes
    6 answers
21. Не могу сверстать карусель картинок. Нет идей

    Ребята, помогите. Не могу придумать как сверстать карусель красиво, валидно, и семантично. Картинку приложил

    Asked by PaLyCH, September 16, 2008

    0 votes
    14 answers
22. Firefox, высота таблицы и размер содержимого

    Добрый день! Есть таблица, в которой 1 строка произвольной высоты. Все остальные - фиксированные. В ячейке этой строки находится дивка. У неё может быть произвольное содержимое и надо, чтобы появлялись полосы прокрутки. Всё работает в ие6, опере, хроме. Но фф просто растягивает таблицу так, чтоб уместить всю дивку в ней, полосы прокрутки появляются тлько если фиксировать её размер (а надо, чтоб она была на всю ячейку, т.к. у ячейки может быть произвольная высота). по коду получается так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title…

    Asked by prichvm, February 10, 2010

    0 votes
    16 answers
23. Style.less Unrecognised input

    Здравствуйте!У меня такая проблема в коде в style.less style.less @main-color: red; @main-bg-color: lightgray; @base-size: 24px; body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: @main-color; background-color: @main-bg-color; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sq { height: @base-size * 15; width: @base-size * 15; background-color:darken(@main-bg-color, 50%) .bordered; } style.css body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: red; background-color: lightgray; } .bordered { -webkit-border-radius…

    Asked by Akbar, November 15, 2019

    0 votes
    4 answers
24. Большая SWF на заднем плане

    Собственно сабж. Хочу использовать swf-ку размером 800х800 в качестве бекграунда в окне контента. Если использовать этот код, то при наполнении дива контентом, ячейка таблицы, в которой он находится, не растягивается. <div style="position:absolute;z-index:2;"> content </div> <div style="position:absolute;z-index:1;"> <object align=bottom> <embed src="twin.swf" wmode="transparent" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="800"></embed></object> </div> Можно ли это сделать без position:absolute?

    Asked by MTandi, December 4, 2008

    0 votes
    4 answers
25. Кроссбраузерная flash

    Заверстал flash через SwfObject но вот никак не могу найти материала по тому как сделать так чтобы flash ролик растягивался под размер окна <!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" lang="ru" xml:lang="ru"> <head> <title>[(site_name)]</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" /> <script type="text/javascript" src="assets/media/swfobject.js"></script> <script type="…

    Asked by Small_man, April 26, 2009

    0 votes
    9 answers