HTML Coding

29542 questions in this forum

1. Рамки div

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

   Asked by Delat, April 20, 2013

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

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

   Asked by nurik_6, April 20, 2013

   • перенос слов
   0 votes
   1 answer
3. Съезжает блок в 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
4. Проблема с border в Mozilla

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

   Asked by ikilldog, April 20, 2013

   0 votes
   7 answers
5. 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
6. Резиновый DIV

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

   Asked by WhitELinE, April 20, 2013

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

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

   Asked by Sotnya, April 20, 2013

   0 votes
   1 answer
8. Изображение поверх header

   Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?

   Asked by aaron, May 2, 2013

   • верстка
   0 votes
   2 answers
9. изменение цвета фона активной ссылки

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

   Asked by Sotnya, April 20, 2013

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

    Всем привет я новичек во всем этом подкажите почему когда нету текста боковая панель переползает на место текста как исправить? вот код 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
11. Адаптация сайта к мобильному виду

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

    Asked by kanaris, April 20, 2013

    • pda
    0 votes
    4 answers
12. Проблема с отображением input type="submit"

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

    Asked by nomid, April 20, 2013

    0 votes
    1 answer
13. Проблема с отображением сайта на Mozilla Firefox

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

    Asked by Psyhochtec, April 21, 2013

    0 votes
    1 answer
14. Simple redirect to URL from select

    Подскажите, вот есть код <div class="styled-select"> <form name="musicselect"> <select name="menu" onchange="top.location.href=this.options[this.selectedIndex].value;" value="GO"> <option selected="selected">All Categories</option> <option value="/index.php/music/category/alternative.html">Alternative</option> <option value="/index.php/music/category/blues">Blues</option> </select> </form> </div> Как сделать чтобы при выборе, допустим категории Alternative этот пункт оставался на странице? Более подробно: На главной странице по умолчанию стоит пункт "All Categories" если пере…

    Asked by isamael, April 21, 2013

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

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

    Asked by runmy, April 21, 2013

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

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

    Asked by ILSIM, April 21, 2013

    • table
    0 votes
    2 answers
17. Несколько градиентов возможно накладывать в одном слое?

    Здравствуйте. Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 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
18. Значение картинок на обложках книг?

    Часто на обложках бумажных книг про JS, HTML5, CSS изображены животные: например http://www.ozon.ru/context/detail/id/5904466/ http://www.ozon.ru/context/detail/id/3881079/ это ничем не означающий выбор издательства, или это прямое последствие значений языков разметки, представления содержимого...?

    Asked by Delat, April 21, 2013

    0 votes
    2 answers
19. Почему li не отступает от картинки?

    Вот страница. Подскажите почему li находиться ближе к картинке нежели обычный текст. Пробовал margin и padding - не помогло.

    Asked by smirn0ff, April 21, 2013

    0 votes
    2 answers
20. Выравнивание по центру резины в резиновом div

    Всем привет! Начал верстать свою 3-ю работу и решил взять шаблон посложней а именно этот! и решил себе усложнить задачу, решил сделать резиновую ширину и высоту, но столкнулся с трудностью. Значит есть резиновый div(С заданной мин и макс шириной), в нем ещё 2 дива, один из них фиксированный а другой резиновый(тоже с заданной мин и макс шириной), но проблема в том, что Я никак не смог добиться выравнивания элементов по центру внутри этого div. (Это конечно заметно только при масштабировании и если макс ширина будет меньше чем разрешение на мониторе, но все равно напрягает) И ещё один вопрос, когда мы задаем одному блочному элементу float: left; и Я думал что весь блок нахо…

    Asked by li4e, April 21, 2013

    0 votes
    1 answer
21. Blowfish в php

    До этого я хешировал пароли в md5, в новом проекте я решил использовать алгоритм blowfich для хеширования паролей. Есть такой код $pass = crypt($pass, '$2a$08$8ff3p77rpx5h5u1pdy79p1$'); для теста я захешировал два пароля - qwerty и случайную последовательность буквоцифр длиной примерно в 30 символов. Результат меня немного удивил. В базу записалось две строки - и Видно, что хеши отличаются парой символов. Что я делаю не так?

    Asked by novickOk, April 21, 2013

    0 votes
    2 answers
22. Ширина в ie > 8

    Всем добрый вечер. Сегодня при верстке столкнулся с тем, что в ie 9 и ie 10 ширина li элементов моего горизонтального меню считается, в отличие от всех остальных браузеров (последние версии хром, фф, опера, ie 7, 8), в дробных числах. Это нормальное поведение? Нельзя ли как-то избежать? P. S. Ширину явно не указывал

    Asked by heywait, April 21, 2013

    0 votes
    1 answer
23. Помогите разместить блоки

    Доброе время суток. Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/ Помогите решить следующие задачи: 1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана 2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

    Asked by Bizon4ik, April 21, 2013

    0 votes
    9 answers
24. Видео на сайте

    Здравствуйте! Размещаю на сайте видео через сервис: http://flv-mp3.com/ru/flv/ Не показывается наша заставка. В чем проблема? Код такой: <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" height="495" width="880"> <param name="bgcolor" value="#FFFFFF" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /> <param name="FlashVars" value="way=http://www.protontonnel.ru/video/pts_2_2.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=880&am…

    Asked by Светлана Гр., April 23, 2013

    0 votes
    4 answers
25. выход margin за пределы блока

    объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом .must_read ul{ margin: 0 -5px; } по-моему этого не должно происходить потому что правило .must_read ul li{ width: 25%; } устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка

    Asked by cyklop77, April 23, 2013

    0 votes
    4 answers