HTML Coding

29,542 questions in this forum

1. Порядок наложения border border-color

   Существует li блочного типа и на его 4х сторонах есть различный border по 1px, на 3х сторонах одно цвета и на 4й другого. Мне надо определить порядок наложения цветов друг на друга. ul.MenuBarHorizontal li { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #889180; border-right-color: #282e22; border-bottom-color: #889180; border-left-color: #889180; } В разных местах отображает по разному: В Dreamweaver CS6 верхняя и нижняя выше боковых. В Opera 12.15 не понятно вообще как.

   Asked by Kailo, May 1, 2013

   0 votes
   2 answers
2. Меню со стрелкой навигации

   Необходимо сверствать вот такое меню: Само меню более-менее сверствать удалось, но не знаю как быть со стрелкой, где, куда и каким образом её разместить? Если бы она была внутри блока можно было при помощи background: url() no-repeat bottom; но bottom оставит её лишь внутли блока, а нужно вынести наружу. #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { he…

   Asked by NightHawk, May 1, 2013

   0 votes
   2 answers
3. Веб-плееры на HTML5

   Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков…

   Asked by zlodeev, May 1, 2013

   • html5
   • ccs3
   • js
   • audio
   0 votes
   1 answer
4. Вопрос по cellspacing

   Тут прочёл что у cellspacing: Значение по умолчанию 0 (когда нет атрибута border); 2 (когда атрибут border установлен). вопрос в следующем: в моём коде вообще border нигде нету так почему же 2 пиксела задаются в cellspacing?

   Asked by Arthur, May 1, 2013

   0 votes
   2 answers
5. Верстка диагонального меню

   Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.

   Asked by justwhite.design, May 1, 2013

   • меню верстка
   • HTML
   • диагональное меню
   • верстка vty.
   • нестандартное меню
   • верстка нестандартного меню
   0 votes
   33 answers
6. Как добавить верхнюю и нижнюю тени?

   Здравствуйте. Пробую на сайте добавить тени сверху и снизу от div с id citation следующим образом: не выходит. Как бы вы поступили? Дать тень выше стоящему div-у плюс добавить еще один обертывающий для задания второй тени? Благодарю

   Asked by borus, May 1, 2013

   0 votes
   6 answers
7. Вертикальное выравнивание

   Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.

   Asked by smirn0ff, April 30, 2013

   0 votes
   3 answers
8. Помогите сделать чувствительный (responsive) div container

   Нужно чтобы аккордеон был всегда в одном месте (под локтем на скриншотах) и оставался там же, когда сжимаешь окно браузера. http://i.imgur.com/OM9vMQm.jpg http://i.imgur.com/ZB5FD3T.jpg (надеюсь понятно проиллюстрировал свою мысль) Кто-нибудь может помочь написать код CSS для этого? Буду очень признателен за помощь! http://podstrigis.com/%D0%BF%D1%80%D0%B0%D0%B9%D1%81-%D0%BB%D0%B8%D1%81%D1%82/

   Asked by msk1, April 30, 2013

   0 votes
   1 answer
9. IE padding в input не учитываеться

   Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?

   Asked by Viper, April 30, 2013

   • IE
   • padding
   • bug
   • input
   0 votes
   3 answers
10. Рамка вокруг сайта

    Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…

    Asked by xaxazi, April 30, 2013

    • рамка div
    • слои
    0 votes
    2 answers
11. Генерация рандомного значения на Javascript

    Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?

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

    • js
    • javascript
    0 votes
    20 answers
12. onclick

    Всем привет. Подскажите, как заставить вот это <a href="all/hearing.html" TARGET="frame"></a> заработать в onclick="" заранее спасибо.

    Asked by Vladlen, April 30, 2013

    0 votes
    8 answers
13. скрыть часть контента при разрешении, допустим меньше 640*480

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

    Asked by barracuda116, April 30, 2013

    0 votes
    4 answers
14. "Всплывающие" элементы

    Здравствуйте. Помогите пожалуйста понять почему при наведении курсора соседние блоки "прыгают" вниз (на ширину строки как я понял из практики меняя все местами, добавляя и удаляя элементы). http://freelesson.ru...cheb/matem.html ссылка на исходник там же. Как их зафиксировать или может страницу переверстать в более "красивом" исполнении и отображении. Может быть есть более "правильное" решение ... php не вариант так как хостинг бесплатный со всеми вытекающими последствиями. js сам по себе выглядит массивно и весит чуть ли не больше(если не больше) чем html.

    Asked by Mirovich, April 29, 2013

    • hover div
    0 votes
    2 answers
15. <body> или отдельный <div>

    Уважаемые профессионалы, прошу вашего разъяснения: Общепринято, для выравнивания содержимого страницы по центру - создавать обертку страницы (<div id="обертка">) и задавать ему автоматическое выравнивание по горизонтали. Я попробовал выровнять содержимое страницы по горизонту, без обертки - не посредственно внутри тега <body>. Задал ему position: relative; margin: 40px auto; padding: 0; width: 970px; и все работает как и с оберткой. Возможно я просто еще не наткнулся на косяки, или это уже просто специфика нового html5, пока не понял. Поясните насколько "кошерно" работать в таком стиле с боди.

    Asked by cmndr_alexgreen, April 29, 2013

    0 votes
    13 answers
16. Слайдер

    Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.

    Asked by aquapasha, April 29, 2013

    • слайдер
    0 votes
    4 answers
17. Пожалуйста, помогите с меню

    Всем Доброго времени суток! У меня возникла проблемка которую надо срочно решить . Вот сверстал пример меню (чтобы вам было понятно наглядно) http://youtime.hol.es/ который будет на сайте При наведении на новости выпадает подменю. Так вот нужно чтобы при фокусе на подменю , цвет ссылки высшего уровня (новости) оставался золотым. Сам додуматься не могу(

    Asked by sashakee, April 29, 2013

    • меню
    0 votes
    3 answers
18. Программа для создания сайтов

    Здравствуйте! Подскажите, пожалуйста, какие еще есть программы для создания сайтов с нуля по типу Dreamweaver cs6? Чтобы можно была прописывать код и подключать css, или прописывать стили внутри html, чтобы тоже всплывали подсказки и подсвечивались буковки))?

    Asked by Pantera12, April 29, 2013

    • сайт дрим
    • ноутпад
    0 votes
    14 answers
19. Как быть? (div)

    На сайте используется div. есть левое меню, правое и по середине. Слева меню(карта) сайта. Хочу, чтобы при нажатии на подменю обновлялось только меню по середине с контентом. как быть?

    Asked by homyone, April 29, 2013

    • div css
    0 votes
    11 answers
20. работа с inline элементами

    Доброго времени суток! Сталкнулся с проблемой выравнивания inline элементов по вертикали пример _http://jsfiddle.net/n4eWe/6/, в данном случае работает, как хотелось бы(визуально) но хочется уйти от подгонки размеров вручную, а чтобы оно всё же позиционировалось само, не зависимо от #topmenu{ height: 40px; ... } Работает в таком варианте, как есть, но приходится подгонять при смене высоты topmenu значинием #topmenu ul { padding-top: 20px; } или topmenu ul убераем вообще и раскомментируем #topmenu li { /*vertical-align: bottom;*/ /*line-height: 56px;*/ ... } тогда приходится играть значением 56px... 1. Как же всё таки правильно пользоватся выравниванием? 2. полупро…

    Asked by EDIsaev, April 29, 2013

    • css
    • inline
    • vertical-align
    0 votes
    11 answers
21. простая форма отправки с файлом

    Здравствуйте, уважаемые форумчане! Собственно после прикрепления файла *.zip (до 2х мегабайт) и заполнения формы, мне приходит на почту пустой архив размером 0 байт. в чем проблема? <!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"> <head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /></head> <body> <?php // Если кнопка submit не была нажата, то выводим форму $submit = $_POST['submit']; if( !$submit ) { ?> <form ENCTYPE="multipart/form-data" name="form1" method="post" action="<?ph…

    Asked by jazzic, April 29, 2013

    • форма прикрепление файла
    • простая форма
    0 votes
    0 answers
22. worpdress как сделать такую строку? (читать далее и т.п) фото внизу

    Asked by hatabush, April 28, 2013

    0 votes
    3 answers
23. padding проблемы

    у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…

    Asked by robo1500, April 28, 2013

    0 votes
    8 answers
24. html страница для продажи

    Здравствуйте! Чтобы понять о чем я говорю для наглядности откройте файл (html) Я сделал простой калькулятор (а точнее переделал) для продажи некоторых продуктов. Немного ранее у меня присутсвовал простой селектер: 1 шт = 10$, 2 шт = 20$ и т.д., и все работало идеально Сейчас же я добавил еще один селектер и четбокс, т.е. должно получиться: селектер №1 / 1 шт = 10$ селектер №2 / 1 шт = 15$ четбокс №3 / 10$ итог нужно вывести к оплате (на ликпей через интеркассу, но там очень все просто): 35$ Сам калькулятор получился, но мне нужно вывести общую сумму к оплате с именем /name="ik_payment_amount"/ и параметром value (итоговой суммой) Подскажите пожалуйста ламеру, как это сде…

    Asked by jazzic, April 28, 2013

    • html
    • калькулятор
    0 votes
    5 answers
25. Горизонтальное резиновое меню.

    Использую display:table; и display:table-cell. Подскажите,пожалуйста,что делать,если в некоторых пунктах меню два слова,а в некоторых одно??"Двухсловесные" пункты при изменении размеров браузера скачут очень не красиво. При разрешении от 1024 и больше все хорошо:http://s41.radikal.r...19dc3cb1c98.jpg Когда сужается меньше 1024px происходит следующее: http://s018.radikal....f2c078a8d48.jpg Задала white-space:nowrap для li, помогло,слова перестали уходить друг под друга. Но теперь при сужении окна появляется огромная полоса прокрутки: http://s017.radikal....8b2ac1a4496.jpg Как сделать так,чтобы меню плавно сужалось и расширялось в зависимости от разрешения?? html: <nav&…

    Asked by eleonore, April 28, 2013

    0 votes
    5 answers