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
-
[Решено] Почему не работает анимация keyframes?
http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;
0 votes0 answers -
Стандартные шрифты
Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.
0 votes1 answer -
Что нужно знать начинающему вебпрограмисту !?
Здравствуйте дорогие форумчане профессионалы и начинающие , у меня возник вопрос после обучения ШАГ за ШАГОМ HTML , CSS , цветов что нужно еще знать начинающему вебпрограмисту !? Потому как SQL Perl Dreamweaver PHP Java наводят на мысль что Nvu и знание HTML тегов и CSS стилей не предел знаний у вебпрограмистов подскажите пожалуйста что нужно еще учить из выше перечисленного и не только заранее благодарен .
0 votes25 answers -
Фреймы в Div'e и Body
Никак не могу совершить задуманное. Есть сайт, есть страница. На этой странице задумал разместить все мои видеоролики с Ютуба, понаставлял кучу object-кодов через , выглядит громоздко, к тому же страница тяжелая и с 20 плеерами грузится крайне тяжко. Решил сделать следущее. Взять, понаштопать скринов с каждого видео, и из этих скринов сделать гиперссылки к определенному видео. Но задумал еще интереснее, чтобы страница каждый раз не обновлялась со всеми скринами и плеером, а чтобы обновлялся чисто плеер. Сделал еще одну страничку, назвал "1", впихнул туда следущее: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head&g…
0 votes5 answers -
Только начинают верстать(WIP)
Всем доброго времени суток. Я начинаю только верстать и хотел бы слышать от вас подсказки и конструктивную критику. В этой теме буду выкладывать свои наработки и ждать ваших отзывов! Вот первое что я сверстал _http://zalil.ru/upload/32134352 Хотел бы узнать вообще можно так верстать и может какие есть ошибки которые можно исправить. html, css код валидный. Задумывалось(плавающий хедер резиновый, основная колонка фиксированной ширины в ней 2 колонки, футер прибит к низу резиновый). Хотел бы узнать такую вот вещь. Когда мы браузер сворачиваем в окно и уменьшаем это окно до таких размеров пока не появиться горизонтальная полоса прокрутки то футер почему то не заполняет всю ш…
0 votes33 answers -
Как правильно сделать скругленные углы?
Скругляю углы у дива с помощью -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; Цвет отображается нормально по форме скругления, а картинка-бэкграунд во весь див. Можно ли как-то картинку отображать (обрезать по краям скругления) как цвет?
0 votes12 answers -
Как сделать ссылку активной когда открыта именнно та ссылка
Здравствуйте, вот у меня такая задача чтобы ссылка была активна тогда когда её урл адрес открыт в браузере, ну не в том чтобы она имела статус active, а в том чтобы её как-то можно было назначить стиль, свойства... С нетерпением жду ответа! Заранее спасибо!
0 votes16 answers -
Как сделать отступ текста от верха в header?
Как сделать отступ текста от верха в header? Допустим надпись Скидки должны быть по центру(имеется ввиду от верха) Какая команда отвечает за это?
0 votes7 answers -
копирование html кода iframe формы.
Приветствую камрады! Появилась у меня задачка: необходимо скопировать часть html кода сгенерированного у пользователя на странице сайта и передать на сервер. Интересующий код является сторонним виджетом js с использованием jquery. Есть ли какая либо возможность скопировать исходный код виджета у пользователя? Можно по запросу разрешения у пользователя. Лично сам рассматриваю примерно такой вариант: Пользователю предлагается форма копирования, в которой находится виджет. Пользователь его копирует в свободную форму и отправляет на сервер. Как этот процесс можно реализовать?
0 votes8 answers -
по какому браузеру ориентироваться?
в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?
0 votes6 answers -
Динамический CSS
Пришла ко мне идея,чтобы CSS автоматически подгружался при нажатии на кнопку.То есть без перезагрузки,сам css.Только я не знаю,в каком направлении искать.С помощью Аякса что ли.Сталкивался ли кто-нибудь с этим.
0 votes5 answers -
Влетело из головы(, подвал наезжает на контент
Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <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"…
0 votes3 answers -
Флексбокс. Неправильное отображение в Firefox
Буду очень благодарен, если вы мне подскажите, как можно решить проблему. Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff. Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности. Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок. Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет). Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме: - пропорциональное уменьшение картинок; - блоки с синей обводкой растягиваются на всю оставшуюся высоту; …
0 votes2 answers -
Не могу сверстать карусель картинок. Нет идей
Ребята, помогите. Не могу придумать как сверстать карусель красиво, валидно, и семантично. Картинку приложил
0 votes14 answers -
Большая 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?
0 votes4 answers -
Кроссбраузерная 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="…
0 votes9 answers -
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 таблицы не предопределена? Заранее спасибо.
0 votes20 answers -
DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?
Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!
0 votes6 answers -
Начальная ширина мобильного дизайна
Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?
0 votes5 answers -
LINK - не показывается иконка
У меня ч?-т иконка не показывается( - правильно ведь? И сама иконка 16х16... В ч?м может быть подвох?
0 votes5 answers -
Пустой узел текста
Творится что-то непонятное (во всяком случаи для меня): Есть тело <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'> <html> <body> <div> <strong>123</strong> <strong>123</strong> <strong>123</strong> </div> </body> </html> Я пытаюсь изменить дочерние объекты div-а, но не могу так как после каждого </strong> он мне создает еще один объект. И в итоге получается что дочерних объектов не 3, а 5!! Средства разработки в IE8 ставит в дереве документа, после каждого <strong>123</strong> объект "Текст - Пустой узел текста". Тоже самое прои…
0 votes22 answers -
внутри div сделать img+p к низу
В общем делаю каталог продукции. Каждая позиция товара находится внутри div. Div имеет фиксированный размер 200x200px. Внутри DIV находится IMG. IMG имеет разный размер, но меньше 200px по высоте и ширене. Также внутри DIV есть P. В общем P нужно прибивать к низу DIV, а потом IMG прибивать к верху P. Но самое главное, все это добро должно быть по центру. <div id="content" class="catalog"> <div><img src="img/okolco.png" alt="" /><p>Обручальные кольца <span>180</span></p></div> <div><img src="img/pechatka.png" alt="" /><p>Печатки <span>78</span></p></div> <div><img src…
0 votes8 answers -
Как упорядочить DIV?
Здравствуйте. У меня скрипт формирует блоки с данными, я их помещаю при формировании страницы в ДИВы. Блоков может быть разное количество, и букв в них тоже. Если див в стиле: .col1 { background-color: #C0C0C0; padding: 5px; margin: 1px; float: left; width: 150px; } то картинка будет такая: а как сделать чтобы было так: ?
0 votes5 answers -
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…
0 votes16 answers -
Центрирование на экране фиксированного элемента
Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;
0 votes13 answers