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
-
Зазор между "плавающими" div'ами
Задача: Сделать 2 "резиновых" дива с заданным цветом и родительским дивом. Первый див прижат влево, второй вправо. Проблема: В opera, chrome, safari между дивами появляется зазор в 1 пиксель сразу или при масштабирование окна браузера по ширине. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru" /> <title>The table</title> <style type="text/css"> html, body { margin:0px; padding:0px; } #div0 { width:100%; background-col…
0 votes2 answers -
Белые квадраты вместо флеш-плеера.
Доброго времени. Я делаю маленький сайтик, обязательным элементом которого являются флешролики. Почитав немного в интернете, я составил вот такой код: <div align=center> <script type="text/javascript" src="swfobject.js"></script> <div id="player_4">Ошибка: плеер не загрузился. Возможно, у Вас не включен flash в браузере. </div> <script type="text/javascript"> var so = new SWFObject('player1.swf','mpl','800','200','9'); so.addParam('allowfullscreen','false'); so.addParam('flashvars','file=plist/plist_1.xml&playlist=bottom&autostart=false&repeat=list&backcolor=#ccccdd'); so.write('player_4'); </script> </div> …
0 votes1 answer -
Вставка логотипа в флеш плеер на сайте
Всем привет, подскажите пожалуста, может кто сталкивался с такой проблемой, я у себя на сайте установил видио плеер, и теперь хочу чтоб когда человек заходит на страницу сайта на незапущеном плеере видел мой логотип, а не черный экран с стрелочкой запуса видио.Как можно такую идею воплотить в жизнь? Плеер находится на Пример работы плеера
0 votes5 answers -
<h1>Помогите с ссылками</h1>
Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь a:hover) но проблема заключается в том что бы при нажатии на другую ссылку фон меняется, а перед этим нажатая первая ссылка цвет не меняла то есть я знаю что нужно использовать a:visited но мой браузер не воспринимает его что ли.. я не понимаю Google Chrome..................... Можно ли решить эту проблему каким то путем??? мой css стильul.navigation { width: 270px; list-style: none; margin: 0; padding: 0; text-align: left; } ul.navigation li { display: inline-block; margin: 0px; padding: 0;} ul.navigat…
0 votes6 answers -
Помогите убрать отступы у сайта справа и слева
Никак не могу найти где эти отступы задаются, т.к и у тега html и * и у body поставил маргин и паддинг=0 но отступ все равно остался. Тестовый сайт http://rlfur.ru/ для того чтобы увидеть отступы сузьте монитор до 990 и увидите скрол, хотя у сайта задана ширина как раз 990 http://prntscr.com/31eknu. На айпадах также видно http://prntscr.com/31ek3d, что сайт справа не прижат к краю справа, чего быть не должно как бы.
0 votes3 answers -
Как лучше всего сделать галерею?
С помощью чего (библиотеки, инструменты) лучше всего делать такой слайдер? То есть, картинки должны перемещаться при нажатии на кнопки сверху
0 votes2 answers -
Выравнивание по центру элемента, который шире, чем его родитель
Возникла подобная задача, нужно было сделать ряд из элементов (логотипов компаний) неизвестного количества, который выровнен по центру макета с фиксированной шириной и уходит за границы документа. Задачу решил (почти случайно, поиск в интернете натолкнул на мысль), но если честно, до сих пор не могу понять до конца, как это работает (и точно ли работает, вдруг где-то очевидный косяк?). Такого решения задачи в сети не находил (плохо искал, уверен, что есть), нечто похожее - http://www.greywyvern.com/?post=323, но там требуется дополнительный враппер. Работает вроде бы везде. Фишка в одинаковых отрицательных маргинах с обоих сторон (нужно, чтоб они были достаточно большими,…
0 votes1 answer -
Помогите сделать элемент верстки
Нужно сделать так как в приложенном файле. Знаю что можно сделать тремя блоками, но проблема в том что нужно растянуть на всю ширину экрана. По ссылке код как удалось реализовать, но одна проблема когда маленький текст то появляются лишнеи линии http://codepen.io/anon/pen/edqOPP#anon-login Спасибо за помощь!
0 votes1 answer -
Phaser.js как вращать объекты группы?
Создаю группу объектов и загружаю слой из Tiled this.saws = this.game.add.group(); this.saws.enableBody = true; this.map.createFromObjects('saws', 4, 'saw', 0, true, false, this.saws); В update задаю угол вращения и хочу чтобы пила вращалась вокруг свои оси. this.saws.angle += 1; Но группа объектов позиционируется относительно начала координат и пила начинает крутиться вокруг (0, 0) и вокруг своей оси. Как сделать так, чтобы она оставалась на своем первоначальном месте? Если загружать просто спрайт и ему прописывать угол и координаты, затем вращать, то все нормально, но если я собираюсь несколько десятков объектов загружать? Хотелось просто р…
0 votes0 answers -
Помогите выровнять текст в потоке float
https://codepen.io/romanmaksimov/pen/MBMGjo?editors=1100 Cмотрите тут моя работа . Подскажите пж как Departure сделать над временем (3:45am,Dec.15)?
0 votes1 answer -
Текс на картинке
Здравствуйте! Помогите пожалуйста в решении следующей проблемы. Есть не большая разметка: <div id="gallery"> <div class="container"> <h2>photos</h2> <figure class="photo"> <a href="img/pic1.jpg"></a> </figure> Подскажите пожалуйста можно ли поместить текст на картинке? Я читал про элемент figure, но нашёл что только снизу можно текст оформить.
0 votes1 answer -
Вставка новых позиций модулей
Оранжевая позиция занимает ширину всей таблицы шириной 880. А мне нужно чтобы три позиции разделили поровну эту ширину. Подскажите в чем я ошибаюсь. <table width="900" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td><p> </p> <table width="880" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="293" valign="top"><?php mosLoadModules ( 'user13' ); ?></td> <td width="293" valign="top"><?php mosLoadModules ( 'user14' ); ?></td> …
0 votes1 answer -
проблема - растягивающийся button в FF
Хотел сделать кнопку которая растягивалась бы под текст по горизонтали и столкнулся с непонятным отображением этого всего в FF3.0.8. По какой то причине FF правильно не понимает конец блока хотя опера и ие8 все понимает замечательно. Нашел способ с использованием хака, но это не валидный вариант. Может кто подскажет вариант без использования хака. Заранее спасибо!! код ниже <!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"/>…
0 votes2 answers -
Бэкграунд в IE 6
Подскажите, пожалуйста в чем трабла с бэкграундом, который прописан в <div id="right_bg"></div> (правая колонка). В 6 эксплорере почему то на 10 пикселей бэк выдается вправо. http://test.prostokitay.ru/glossary/ Спасибо заранее
0 votes3 answers -
Из нескольких изображений одно
Здравствуйте. Давно интересовал вопрос, почему в большинство сайтов (напр. bigtorrent.at.ua (не реклама, скинул то, что было открыто) заглавное изображение состоит из нескольких. Разве не проще одним изображением?
0 votes1 answer -
Абсолютное позиционирование. Где ошибка ?
Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.
0 votes3 answers -
Блок не тянется в высоту
Здравствуйте! Есть сайт: http://frendlix.ru В правом нижнем углу над футером есть блок, так вот, я поднял его чуть повыше задав ему отрицательный маржин в 100px, и притянув его ближе к шапке сайта, что бы левый и правый блоки отображались на одном уровне. Но вот не задача, притянув этот блок к шапке сайта, снизу (как я и говорил выше) появился этот самый отступ в 100px, то есть сам блок тянется, в зависимости от кол-ва текста на странице, но этот отступ никак убрать не получается. Помогите если есть у кого время) Спасибо!
0 votes4 answers -
Проблема с меню на css
В общем суть заключается в том, что я пока ещё новичёк в этом деле и уже второй день как не могу правильно сделать позиционирование в sub_menu, все элементы li в нём отображаются в строку, но не как не получается отоброзить li списком. <ul id="menu"> <li> <a href="#">Пункт 1</a></li> <li> <a href="#">Пункт 2</a> <ul id="sub_menu"> <li> <a href="#">Под Пункт1</a></li> <li> <a href="#">Под Пункт2</a></li> <li> <a href="#">Под Пункт3</a></li> <li> <a href="#">Под Пункт4</a></li> …
0 votes4 answers -
На дворе конец 2012-го года. Что у нас по круглым картинкам?
Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало
0 votes9 answers -
Макет
Вот думаю как лучше всего сделать макет с таким расположением элементов(как на скрине). Подскажите пожалуйсто...
0 votes3 answers -
вертикальное выравнивание с text-overflow:ellipsis;
Привет. Почти как обычно: выровнять блок вертикально по центру родителя, высота блока зависит от контента, родитель должен реагировть на переполнение по Y (переполняет выравниваемый блок) увеличением высоты или появлением скролла. Можно использовать продвинутый (-webkit) css. Проблема в том, что блок содержит детей с overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; из-за чего стандартные способы ломаются: 1. display:table-cell; + vertical-align:middle; http://jsfiddle.net/7Ewfx/7/ не срабатывает overflow:hidden; . 2. display:flex; + align-items:center; http://jsfiddle.net/7Ewfx/8/ не срабатывает text-overflow:ellipsis; и блок с текстом смещается влево. 3. …
0 votes1 answer -
Вопрос по таблице
Добрый вечер. Прошу извинить, если вопрос не там создал. Создаю большую таблицу. Проблема в том, что высота некоторых ячеек больше относительно других ячеек. Проще говоря, вот код (в правой части ячейки выше ячеек из левой части): <table id="mtab" cellspacing="0" cellpadding="0" border="1" style="min-width: 350px; max-width: 2500px; padding: 5px; font-size: 10pt; height: 100%; overflow-x: auto;"> <thead style="height: 10%;"> <tr> <td width="1%" rowspan="3">N</td> <td width="6%" rowspan="3">чЙДЩ ЪБЗПМПЧЛПЧ Ч</td> <td width="1%" rowspan="3">ззз</td> <td align="center" width="auto" colspan="12">рПФТЕВОПУФЙ ПУОБУФЛ…
0 votes3 answers -
Сайт+чат
Задача - создать сайт на бесплатном хостинге и добавить к нему вот такой чат - https://frug.github....creenshots.html Насколько осуществима такая затея? какой хостинг для этого подобрать? Возможно будет проще создать только чат? Буду благодарна за советы)
0 votes4 answers -
Обход ограничения
Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…
0 votes2 answers -
Помогите сверстать плейлист!
Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float. Нарисовал картинку для лучшего понимания вопроса. То, что есть сейчас <ul class="playlist"> <li> <i class="play_button">▶</i> <span class="artist">Seekae</span> <span class="track">Void</span> </li> </ul> li { line-height: 2px; font-size: 15px; list-style-type: none; height: 50px; } ul …
0 votes3 answers