HTML Coding

29,542 questions in this forum

1. Тег video

   Прочитал что в хтмл5 появился новый тег video. Попробовал заюзать, не показывает видео. В конфиге апача вставил такие строки. AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm Файл 1.mp4 лежит прямо, рядом с index.php В файле index.php такой код не пашет, показывает окно проигрывателя но не проигрывает. :-( <video width="320" height="240" controls> <source src="1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> </video>

   Asked by super-php, July 26, 2013

   0 votes
   5 answers
2. Выравнивание меню по горизонтали в ие7

   Всем привет. Уже несколько часов пытаюсь выровнять меню по горизонтали в ие7. Для решения проблемы использовал css хак для ие7: *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } В ие7 изменений не произошло, зато в ие8 все стало на свои места . Вот полный код, к сожалению разместить на хостинге пока не могу: /**General**/ * { margin: 0; padding: 0; } img { border: 0; } body { font-family: Arial; background: #f1f1f1; min-width: 960px; } header,nav,section,footer,aside { display: block; height: 1%; } *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } /*…

   Asked by IvanRu08, July 22, 2013

   0 votes
   5 answers
3. Помогите с видом меню.

   Всем доброго времени суток! Подскажите плиз, как сделать такой вид кнопки в форме. Заранее спасибо

   Asked by Xalson, July 22, 2013

   0 votes
   5 answers
4. Насколько верное решение задачи?

   Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar

   Asked by ianton, July 24, 2013

   0 votes
   5 answers
5. Быстрая и синхронная подгрузка картинок.

   Добрый вечер. Недавно у меня появился проект на котором требуется, что бы вся графика на странице появлялась(при загрузке страницы) одновременно и без особых задержек. Вопрос: Какие механизмы на сегодняшний день существуют в этом плане? (можно ли это организовать спрайтами или при помощи JS что-нибудь придумать?)

   Asked by Yamaradg, July 24, 2013

   0 votes
   5 answers
6. Картинка в слайдере при первой загрузке в IE8 выходит за границу элемента.

   Картинка в слайдере при первой загрузке в IE выходит за границу элемента. Через секунду возвращается в "нормальное состояние". CMS JOOMLA 2.5 Слайдер Vinaora Nivo Slider. Подскажите как исправить.

   Asked by bbsalex, July 29, 2013

   0 votes
   5 answers
7. Проявляющийся блок при наведении мыши. Как реализовать.

   Как реализовать идею такую как на сайте Розетки http://rozetka.com.u.../185/index.html. При наведении мыши на блок открывается полное его представление. Не могу понять в какие дивы и с каким позиционированием обернуть информацию чтобы получить такой эффект. Буду благодарен за помощь.

   Asked by themanwho, July 29, 2013

   0 votes
   5 answers
8. Почему не рекомендуется использовать идентификаторы?

   Доброго всем времени суток! В последнее время все чаще слышу (в основном, на Хабре), что оформлять элементы следует только с помощью классов, но никак не с помощью идентификаторов. Учился я основам верстки давно, во всех книжках тогда предлагалось верстать так: если одинаковых элементов более одного, то используем класс. Если один на страницу - id. В связи с чем такие изменения в сознании?

   Asked by FRUTALITY, July 31, 2013

   • CSS
   • ID
   • CLASS
   0 votes
   5 answers
9. Как бы это не оказалось каким-нибудь вредоносным script'ецом

   Всем джамбо друзья. Прошу вас гляньте страничку http://arhistudio.com/proektirovanie (хотя эта хренб почти на всех зстраницах) , непонятно откуда появилось непонятно что) Какие-то блоки с надписью "Расширение заблокировало отправку запроса на сервер", может кто сталкивался, ну или просто догадывается откуда это могло появиться. Заранее спасибо.

   Asked by CatInTheBread, July 31, 2013

   0 votes
   5 answers
10. nth-child

    http://jsfiddle.net/6jsY9/1/ я не тру с псевдоклассами,но почему .menuleft li a:nth-child(1) продолжает стиль для 2 ссылки ? задано только для 1, а работает на всех, ну или выкрутиться из ситуации?

    Asked by Struggle, August 3, 2013

    0 votes
    5 answers
11. убрать верхнюю полосу

    Всем привет, Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но также будет серый прямоугольник сверху страницы - который нужно убрать. Для вывода этой ошибки выводится код <div class="ErrorLine margin"> Enter email and password! </div> с описанием в стилях .ErrorLine{ color:red; margin:0 auto 13px; width:356px; height:20px; background-color:#eeeeee; text-align:center; padding-top:4px; position:relative; top: 260px; left:0px; } Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели. На странице только 1 эле…

    Asked by mstdmstd, August 15, 2013

    0 votes
    5 answers
12. Английские и русские термины.

    Какие существуют правила употребления терминов? Например слово "валидация" является калькой английского слова "validation". С одной стороны нехорошо засорять русский язык и перевести как например "проверка синтаксиса", но с другой стороны при чтении документации на английском языке нужно будет сделать обратный перевод и угадать с точным термином. Может писать русский термин и в скобках английский вариант?

    Asked by АнатолийМ, August 5, 2013

    • перевод термин
    0 votes
    5 answers
13. Сильно растягивается таблица

    http://nt-reklama.ru/prajs-list-karmany-pod-pechatnuyu-produktsiyu Поясните почему таблица себя так ведет, хотя текст абсолютно нормально выглядит.

    Asked by aquapasha, August 5, 2013

    0 votes
    5 answers
14. запутался в изучении совсем

    Добрый день. Вопрос скорее относится к тем, кто уже достиг определенных высот в изучении веба. Предыстория. Первый раз с HTML я столкнулся когда сестра училась в универе на первых курсах(разница 6 лет), я лазил по столу и обнаружил зеленую книженцию, это была методичка по HTML. Полистав ее, я смотрел словно в пустоту, но код и картинки под ним, подсказывали что написав это, мы получаем то, что показано на картинке. Мне показалось это интересным и я спросил у сестры что это. Она объяснила и даже показала что они делают по этой методички. Интернета тогда в доме еще не было, так что я не сильно понимал, что вообще происходит на страничке, но смотрелось все забавно и меня с…

    Asked by maxsnw, August 12, 2013

    0 votes
    5 answers
15. Неправильно отображается на планшетах (полосит)

    Всем привет) обнаружил тут небольшой баг.. никак не могу понять в чём дело.. может кто сталкивался? делаю так таблица в виде рамки растягивается на весь экран пример тут http://lexo.info/x/ имет вид: по углам уголки по бокам фон: лево, право, верх, них если смотреть планшеты apple/samsung появляются полосы вот пример: http://lexo.info/x/Screenshot.jpg код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46" height="49" nowrap="nowrap"><img src="files/topleft.png" width="46" height="49" /></td> <td width="100%" nowrap="nowrap" background="files/top.png"></td> <td width="46" height="…

    Asked by Lexo, August 7, 2013

    0 votes
    5 answers
16. Верстка из HTML в PSD

    Вопрос неординарный конечно,но... Как можно сверстать тему из Html файла в фотошоп? КАК? Пожалуйста помогите! Буду очень рад.

    Asked by SKSKSS2013, August 14, 2013

    • Html в PsdHtml to Psd
    0 votes
    5 answers
17. Ширина одного блока зависящая от присутствия соседнего блока

    Приветсвую. Имееются 4 блока расположенные сеткой, в 4м блоке имеются еще два блока, изначально расположенные друг под другом. Все блоки не имеют фиксированой высоты, ширина блоков изначально одинаковая, во всех блоках текстовое содержимое. Встала следующая задача: При отсутствии блока №2 на его место встает блок №3. а место 3го блока заполняет блок №4 и его дочерние блоки встают горизонтально. Проблема в 4м блоке, не получается оперировать расположением внутренних блоков и самим 4м блоком. Подскажите пожалуйста как решить задачу. На кодпене пытаюсь реализовать, CodePen, у класса .div2 стоит display: none; поставьте block и увидите что 4й блок не уменьшается.

    Asked by AndreyB, August 12, 2013

    0 votes
    5 answers
18. :hover и меню

    Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…

    Asked by Struggle, August 15, 2013

    0 votes
    5 answers
19. 3 колонки в одном диве

    здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!

    Asked by devid89, August 18, 2013

    0 votes
    5 answers
20. проблемы с letter-spacing

    Доброе утро. Помогите, пожалуйста, решить проблему. Есть сайт http://test.roganov.kharkov.ua/lamp В шапке сайта слоган (продажа светодиодов...) и номер телефона по разному отображаются в Mozilla и Coogle chrome. Если в Mozilla всё нормально отображается, то в Google chrome расстояние между символами в слогане и номере телефона меньше. Пытаюсь указать значение letter-spacing, в этом случае ситуация меняется, в Google crome нормально отображается, а в Mozilla слова и номер телефона выходят за границы элемента. Подскажите, как решить данную проблему?

    Asked by slo_nik, August 18, 2013

    0 votes
    5 answers
21. Подключение скрипта

    Доброго времени суток . подскажите пожалуйста как подключить скрипт textShadow? На этом ресурсе нашел сам скрипт и синтаксис к нему.http://potapov.com.ua/library/34/ Делаю все как сказано <!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="styles/ie8.css" /> <script type="text/javascript" src="js/jquery.dropshadow.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(".spit").dropShadow({color:"#000",left:1,top:2}); }); </script> <![endif]--> где .spit -это ссылка к которой я пытаюсь применить свойство . При запуске страницы вылезает сообщение Line 118 jQuery определение отсутствуе…

    Asked by Borka, August 18, 2013

    • TextShadow
    0 votes
    5 answers
22. Табы с косыми углами возможно ли сделать на CSS

    Возможно ли на CSS сделать косые стороны табам ?

    Asked by ilyas, August 20, 2013

    0 votes
    5 answers
23. Непонятные отступы

    Здравствуйте. Столкнулся с проблемой. Над и под текстом "404" есть большие отступы, при том что паддинг равен нулю. Они мне не нужны и даже мешают. Что это и как этим управлять/убрать? http://cssdeck.com/labs/full/jb72htly

    Asked by Johnney, September 26, 2013

    0 votes
    5 answers
24. Шаблоны для блоков

    Почти сверстал весь сайт и вопрос который я оставлял на потом встал передо мной чертой, которую не перейдя нельзя продолжить разработку. Мне нужно что-бы при активации определенного элемента, в другом див блоке выводился другой шаблон дивов. Подскажите как реализуется и\или с чего начать изучение. Спасибо.

    Asked by jontsk, September 30, 2013

    0 votes
    5 answers
25. IE 8

    Добрый день. Я тут говнокожу потехоньку, и столкнулся со следующей бедой: страница нормально отображается на следующих браузерах: IE 10 FireFox Chrome и выглядит так но на IE 8 она почему выглядит так: (самое странное что в textarea залез кусок html.) Подскажите плз как это можно поправить? Заранее спасибо. Исходник можно посмотреть по адресу http://bizon4ik.zz.mu/Contact/

    Asked by Bizon4ik, September 30, 2013

    0 votes
    5 answers