HTML Coding

29,542 questions in this forum

1. Несколько градиентов возможно накладывать в одном слое?

   Здравствуйте. Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов. Вот такой код не работает: background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%); Может назначить вложенному элементу один градиент,а обертывающему - второй?

   Asked by borus, April 21, 2013

   0 votes
   4 answers
2. Подскажите пожалуйста почему уехала таблица?

   Здравствуйте! Не могу понять из-за чего съезжает таблица, на скрине видно, что таблица ниже выравнена нормально...

   Asked by ILSIM, April 21, 2013

   • table
   0 votes
   2 answers
3. Не открыть SWF, а сохранить

   Хочу спросить у тех кто может помочь. На сайте лежит .SWF фаил (флеш игра), как сделать стобы пользователь мог его скачать? На данный момент делая ссылку на этот файл он просто открывается в окне браузера.

   Asked by runmy, April 21, 2013

   0 votes
   4 answers
4. Проблема с отображением сайта на Mozilla Firefox

   Всем доброго дня. Возникла проблема с отображением сайта dvizhokcar.ru на браузере мозилла. на других браузерах никаких проблем не наблюдается. Подскажите где в коде ошибка и как добиться кроссбраузерности.

   Asked by Psyhochtec, April 21, 2013

   0 votes
   1 answer
5. Проблема с отображением input type="submit"

   Здравствуйте. Прошу помочь более опытных, никак не могу сам справиться, и проблема вроде маленькая но спать не даёт Суть в том что по каким-то причинам кнопка "Отправить" не так отображается. Еще один скриншот с кодом тут на радикале. Собственно и сама страница. Буду очень благодарен за сон

   Asked by nomid, April 20, 2013

   0 votes
   1 answer
6. Адаптация сайта к мобильному виду

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

   Asked by kanaris, April 20, 2013

   • pda
   0 votes
   4 answers
7. Съезжает блок в Google Chrome

   После вёрстки возникла проблема: когда первый раз заходишь на сайт через chrome - блок съезжает. Нажимаешь обновить и всё становится на свои места. В остальных браузерах всё норм (даже в IE7). В чём может быть проблема? Вот html код: <div id="header"> <img id="site_name" src="/img/site_name.jpg" width="465" height="51"> <div id = "reg"> <form> <p align = "center" id = "input">Вход</p> <p id="surename"><input type="text" placeholder="Фамилия"></p> <p id="password"><input type="password" placeholder="№ читательского"></p> <input type="image" class="login" src="/img/login.jpg"> <a href="" …

   Asked by Diman410, April 20, 2013

   0 votes
   2 answers
8. проблема с боковой панелью!

   Всем привет я новичек во всем этом подкажите почему когда нету текста боковая панель переползает на место текста как исправить? вот код css html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #000000; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #878787; } h1, h2, h3 { margin: 0px; padding: 0px; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; font-weight: normal; color: #101010; } h2 { padding-bottom: 30px; letter-spacing: -1px; font-size: 2em; } p, ol, ul { margin-top: 0px; } p { line-height: 180%; } strong { } a { color: #FE801C; } a:hover { text-decoration: none; } a img { border: none; } img.border { } …

   Asked by Виктор146, April 20, 2013

   • CSS
   • html
   0 votes
   1 answer
9. изменение цвета фона активной ссылки

   Добрый вечер! Есть меню, в нем 6 кнопок. Цвет меню, предположим черный. Текст кнопок белый. При наведении курсора мыши на кнопку меню, цвет background-color выделяется зеленым цветом. Вопрос: как сделать так, что бы не только при наведении курсора мыши на кнопку менялся ее цвет, но и активная кнопка была всегда зеленой. В прикрепленном изображении на кнопку "Главная" наведен курсор мыши. Если я его убираю и перенашу, например, на кнопку "О нас", то кнопка "Главная" стоновится опять черной, даже в том случае, если данный момент активна Главная страница. Мне необходимо прописать что бы активная кнопка была всегда выделена зеленым цветом. Вот пример HTML кода: <u…

   Asked by Sotnya, April 20, 2013

   0 votes
   9 answers
10. Добавление звукового эффекта при наведении курсора мыши на ссылку

    Добрый день! Подскажите плз, каким образом мне добавить в таблицу стилей CSS свойство, позволяющее проиграть звук при наведении курсора мыши на любой из разделов меню? К сожалению не смог найти указанное свойство в справочнике. Вот так выглядят на данный момент стили к моему html документу при наведении курсора мыши на меню: #gor-menu a li:hover { background-color:#7bc706; } Мне хотелось бы сюда вписать стиль, позволяющей вопроизвести звук при наведении курсора мыши на любой из элементов строки меню. Например, звук переворачивающейся страницы. Подскажите плз, каким свойством это можно осуществить? Спасибо!

    Asked by Sotnya, April 20, 2013

    0 votes
    1 answer
11. Резиновый DIV

    Здравствуйте! Очень нужна помощь по одному вопросу: Правая колонка сайта имеет ширину 260px. Дивы которые справа при фиксированной ширине выглядят на месте, но когда изменяется ширина окна браузера в меньшую сторону дивы смещаются вниз страницы. Так и должно быть. Вопрос в том, что блок1 должен становится на всю ширину центра страницы если окно браузера не на весь экран, остальные дивы не меняя размера становятся под ним. Если я пытаюсь задать ширину дива1 min-width:240px; max-width:660px;, то этот див не лезет в ширину правого столбца 260px, а сразу перескакивает вниз, несмотря на то, что браузер на весь экран. Если задать фиксированно 240px, то всё ок. Как сделать так, …

    Asked by WhitELinE, April 20, 2013

    0 votes
    1 answer
12. font css

    Добрый день всем... Подскажите как правильней будет. 1. Нужно подчёркнутому тексту задать размер, цвет #a4a4a4 и шрифт (из стандартных). 2. Выделенному тексту в теге span нужно задать так же размер, цвет и шрифт только всё будет разное. Вот я набросал что то... Помогите. <style> .letter { color: #a4a4a4; /* Цвет символа */ font-size: 100%; /* Размер шрифта */ } p { color: #a4a4a4; /* Цвет текста */ } @font-face { font-family: Helvetica; /* Имя шрифта */ src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */ } </style> <p><span class="letter">Выделенный——>[b]Мы рады приветствовать вас на нашем сайте[/b]!</span> Подчёркнутый—-->[u]…

    Asked by Dallas, April 20, 2013

    0 votes
    8 answers
13. Проблема с border в Mozilla

    Всем добрый день, только что завершил довольно простой макет, но появились трудности с верхним меню, а именно с нижней границей/подчеркиванием. Готовая верстка тут - http://cssmaniac.com/site7/index.html Проблема состоит в том, что в мозилле нижняя граница .top_menu вылезает на пару пикселей вправо, а по идее должна заканчиваться вместе с последним пунктом меню. Для наглядности: Нужно, чтобы не было лишнего серого подчеркивания справа. Буду очень признателен, если кто поможет. Всем заранее спасибо!

    Asked by ikilldog, April 20, 2013

    0 votes
    7 answers
14. Как делать перенос слов, если не помещается строка в теге <option> ?

    Здравствуйте возникла необходимость переноса слов в теге option. Пробовал word-wrap: break-word. - не работает!. Что делать подскажите. Пробовал задавать вручную ширину и для селекта и для optiona'a не работает перенос. подскажите что делать ? Чем это лечиться вообще. Не работает во всех браузерах. Думал может класс не тот задаю - ан нет все работает нормально.

    Asked by nurik_6, April 20, 2013

    • перенос слов
    0 votes
    1 answer
15. Рамки div

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

    Asked by Delat, April 20, 2013

    0 votes
    1 answer
16. Проблема @font-face

    Подключаю два шрифта к своему сайту с помощью: @font-face { font-family: 'a_bodoninovabrkbold'; src: url('../fonts/a_bodoninovabrk_bold-webfont.eot'); src: url('../fonts/a_bodoninovabrk_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/a_bodoninovabrk_bold-webfont.woff') format('woff'), url('../fonts/a_bodoninovabrk_bold-webfont.ttf') format('truetype'), url('../fonts/a_bodoninovabrk_bold-webfont.svg#a_bodoninovabrkbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'a_machinaortoshtregular'; src: url('../fonts/a_machinaortosht_regular-webfont.eot'); src: url('../fonts/a_…

    Asked by terminotor, April 20, 2013

    • css @font-face
    • шрифты
    0 votes
    1 answer
17. Тег <time> распознает ли дату, если слэши вместо тире?

    Такой вопрос, если написать тег time с правильным форматом даты внутри, то все ок. <time>1957-10-04</time> Воспримется ли как дата <time>1957/10/04</time> или надо уже добавлять datetime? Да и для кого это? Прежде всего для поисковиков? Думаю они должны распознавать разные форматы даты и времени - что слеш, что тире внутри тега. Иль как?)

    Asked by Zverushka, April 19, 2013

    0 votes
    0 answers
18. Поля формы растянуть на 100%

    Здравствуйте. Я вопрос нарисую. Можно ли сделать вот так: Поле формы растягивается на всю ширину, но при этом левый край упирается в метку.

    Asked by Eldarado, April 19, 2013

    • css формы резина
    0 votes
    1 answer
19. Декоративный шрифт

    Подскажите, пожалуйста, какой font-family прописать в css, что бы хотя бы примерно было похоже как здесь, но только русскими буквами. Спасибо!

    Asked by rafaello9, April 19, 2013

    0 votes
    5 answers
20. Перескакивает попап в меню в ie7

    ,,,,,,,,,,,,,,,,,,,,,,,,

    Asked by John Do, April 19, 2013

    • ie7 popup menu
    0 votes
    3 answers
21. Как правильно вставить htm файл с анимацией вместо flash?

    Доброе время суток! Не секрет, что flash уходит из Интернета, на планшетниках он уже не виден. Я воспользовался сервисом от Google https://www.google.com/doubleclick/studio/swiffy/ для конвертирования моих swf файлов в htm файл с анимацией (html5). Как правильно вставить полученный htm файл с анимацией, например в php файл?

    Asked by alexander70, April 19, 2013

    0 votes
    0 answers
22. Как обрезать год?

    Код для валидации даты var day = parseInt(R.substring(0, 2), 10) ; var month = parseInt(R.substring(2, 4), 10); var year = 2000 + parseInt(R.substring(4, 6), 10); var tmpDate = new Date(year, month-1 /* нумерация с 0 */ , day), newYear = tmpDate.getFullYear(), newMonth = (tmpDate.getMonth()+1), newDate = tmpDate.getDate(); if (newMonth < 10) newMonth = "0" + newMonth; if (newDate < 10) newDate = "0" + newDate; var zzz = ' ' + newDate + newMonth + newYear + R.substring(6, R.length); как сделать, чтобы год выводился в формате YY?

    Asked by Самая сладкая, April 19, 2013

    • js
    • date
    • year
    0 votes
    1 answer
23. Ветки дерева

    Добрый день. Подскажите, есть ли какое то "правильное" решение, чтобы сделать такое? Если делать блоки одинаковых размеров, как длину и высоту, то все хорошо. Но интересует именно резиновость по высоте. Линии я делаю через :after :before В случае горизонтальной, это border, а вот у вертикальной картинка стоит, хотя тоже можно через border. Кстати тоже не откажусь от "правильного" решения, как организовать линии. Смотрел много решений, но зачастую все используют картинки, ну и размеры там везде четко определены. Может кто видел решения? Или подсказать есть чем.

    Asked by npofopr, April 19, 2013

    0 votes
    1 answer
24. Списки определений Dl dd dt

    Перерыла много инфы по этим спискам, но она минимальна. На одном сайте наткнулась о проблемах отображения в опере, что ссылка в DD некликабельна и прочее. В общем гемморой. Хотела глянуть на яндексе как реализовано, но внезапно обнаружила новую 12ю версию яндекса, где их уже не было . У меня на сайте есть 4 блока, все они Featured Services. Представляет из себя картинаку слева, заголовок (термин) и внизу краткое описание - по сути определение. Только вот, чтобы сделать такой блок, мне надо запихнуть внутрь DL лишние дивы, сделать ссылки... А можно ли? Ответа на w3.org я не нашла... Получается, если использовать списки я получу следующий код: <dl class="featured_servi…

    Asked by Zverushka, April 19, 2013

    • Стоит ли использовать?
    0 votes
    5 answers
25. Отображение текста на странице в мобильных устройствах

    Есть страница, сверстанная на дивах, с позиционированием и четкими размерами. Допустим есть некий блок для контента, который находиться по середине, в нем есть текст. Сайт проходит валидацию и адекватно отображается во всех браузерах, но есть одно НО: При открытии его страниц с текстом на мобильных устройствах (к примеру на смартфоне), все кроме текста остается неизменным, а текст непонятным образом сжимается. Сжимается не сильно, но из-за чего это происходит не пойму. Аналогичная страница с массивом галереи в место текста, отображается нормально, верхние меню отображаются нормально. Ездит только текст. В чем может быть подводный камень? Сталкиваюсь с этим на многих сайт…

    Asked by cmndr_alexgreen, April 18, 2013

    0 votes
    5 answers