HTML Coding

29,542 questions in this forum

1. Как лучше реализовать?

   Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.

   Asked by Багдыч, February 16, 2014

   0 votes
   21 answers
2. Подключение шрифтов

   Здравствуйте! Вот как я подключаю шрифты. @font-face { font-family: 'Elzevir'; /* Имя шрифта */ src: url('fonts/Elzevir.ttf'); /* Путь к файлу со шрифтом */ }Но тут попался css файлик с таким кодом @font-face { font-family: 'LearningCurveProRegular'; src: url('fonts/LearningCurve_OT-webfont.eot'); src: url('fonts/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LearningCurve_OT-webfont.woff') format('woff'), url('fonts/LearningCurve_OT-webfont.ttf') format('truetype'), url('fonts/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg'); font-weight: normal; font-style: normal;}Подска…

   Asked by stan07, February 17, 2014

   0 votes
   4 answers
3. не робит полноценно сайт на осле

   вот сайтик если зайти на него через хром всё нормально отображается но если зайти через осла то не отображаются русский шрифт. что самое интересное, так это то что если по тыкать по меню и нажать кнопку назад то сайт начинать работать так как нужно. помогите пожалуйста, может я в <meta> что то не так прописал??

   Asked by egrom92, February 17, 2014

   0 votes
   6 answers
4. Подключение шрифта helvetica neue cyr roman

   Добрый день, верстаю один дизайн, а тут вот такой шрифт, как его подключить в css? для нестандартных шрифтов я использовал google fonts, а там его нету, как его подключить?

   Asked by lindim3000, March 12, 2014

   0 votes
   2 answers
5. Границы внутреннего блока выходят за границы внешнего

   Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <p id="block">Содержимое блока</p> #block { padding: 10px; margin: 5px; width: 500px; border-style: solid; border-width: 2px; border-color:#faa21a; } У блока с черной рамкой такой: body { border: 2px solid #111111; padding:0; margin: 0 auto; width:500px; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?

   Asked by Омск, February 22, 2014

   0 votes
   4 answers
6. Размещение jQuery слайд шоу в нужном элементе

   Доброго времени суток! Есть тестовая страница http://poligonteam.ru/ Задача: поместить фоновое слайд шоу Supesized v3.2.7 в первый параллакс слайд (Stellar.js). Собственно на данный момент часть слайд шоу помещено в первый слайд (текст и кнопки навигации), но смена изображений происходит в body (Slide1 и Slide4 имеют прозрачный фон). В jQuery (да и вообще в JavaScript) понимаю плохо, но стараюсь разобраться. Просматривая код (Supersized), натолкнулся на такую запись (function($){ /* Place Supersized Elements —————————-*/ $(document).ready(function() { $('body').append('<div id="supersized-loader"></div><ul id="supersized"></ul>'); }); …

   Asked by PR0XY2027, February 17, 2014

   • js
   • jQuery
   • parallax
   • slideshow
   • supersized
   • stellar
   0 votes
   0 answers
7. как убрать косяки в меню у разделителей?

   Разделитель выходит за пункты меню, как его укоротить? http://jsfiddle.net/vf94k/

   Asked by DivMan, February 17, 2014

   0 votes
   2 answers
8. Размещение заголовка новости и даты создания новости на одной строке

   Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался

   Asked by Delat, February 17, 2014

   0 votes
   5 answers
9. Фоновое изображение

   добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение inherit. я не как не пойму как его присобачить к моему коду: .body{ background-image: url(557271-1920x1200.jpg); background-attachment: fixed; }я пробовал и position: inherit;иbackground-image: url(557271-1920x1200.jpg) inherit; не получаетсяподскажите пожалуйста)) заранее вам огромное, человеческое спасибо))

   Asked by egrom92, February 17, 2014

   0 votes
   7 answers
10. Как вывести на страницу не сам символ, а его код?

    Собственно вопрос в сабже. тег <code> не помогает, а <xmp> считается устаревшим нужно вывести код в символьном и десятичном формате

    Asked by massef, February 17, 2014

    • символы HTML
    • коды символов
    0 votes
    5 answers
11. При наведении на ссылку, остальные должны темнеть (становится серыми) / JavaScript

    При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: ur…

    Asked by Dzvene, February 17, 2014

    • Html
    • CSS
    • JavaScript
    • jQuery
    0 votes
    4 answers
12. Выпадающее меню

    Делаю выпадающее меню, должно выглядеть так: При ховере на пункт меню появляется подменю. Ширина основного меню - резиновая. При наведении на Пункт4 и Пункт5 меню привязывается к правому краю. Мой код просто ужасен, подскажите пожалуйста как это сделать. .head_menu{ margin:30px 0 30px 0;}.menu { overflow: hidden; padding: 10px; list-style: none;}.menu li{ float: left; margin: 0;}.menu li a{ text-decoration: none; color: #0076d1; font-size: 14px; font-weight: bold; padding: 10px; display: block;}.menu li a:hover{ display: block; border: 1px solid #d0d0d0;}.menu ul li a:hover{ color: #000;}.menu li ul { display:none; …

    Asked by Dzvene, February 17, 2014

    • HTMl
    • CSS
    • jQuery
    • JavaScript
    0 votes
    3 answers
13. практика вёрстки

    Ребята, подкиньте пожалуйста мне какой интересный и в тоже время не самый трудный шаблон для тренировки. хочу попробовать свои силы)) заранее спасибо)) ах да и ребята, прошу вас подскажите такую деталь, вот ты видишь картинку сайта, что нужно сделать прежде начать верстать?? то есть на что нужно обратить внимание в первую очередь. прошу вас в виде: 1) ... 2) ... 3) ... спасибо)

    Asked by egrom92, February 18, 2014

    0 votes
    5 answers
14. Переопределение свойств в bootstrap?

    Подскажите ребята, нужно переопределять в twitter bootstrap свойства, например .row-fluid .span9? если на моем макете ширина этого блока составляет 68,8%, основная часть, и сайдбар span3 - 26,8%, а в основном файле бутстрапа 75% и 23.4? Как работать с этими колонками, чтоб потом ещё сверстанный макет получился пиксель в пиксель?

    Asked by Sergey410, February 18, 2014

    0 votes
    4 answers
15. Вопрос визуализации

    Прошу направить на путь "где об этом узнать" по такому вопросу: как сделать, чтобы при наведении курсора мыши на главный контейнер (ГК) он становился активным (менялась прозрачность), а при выхода курсора мыши из его области - неактивным. (но при первоначальном открытии страницы ГК активен, а второстепенный контейнер (ВК), как и любые другие объекты - неактивны). При этом, при наведении курсора мыши на ВК - он активен, а ГК и все остальное неактивны?

    Asked by Nagoran, February 18, 2014

    0 votes
    5 answers
16. Как сделать, чтобы сайдбар был по центру контента?

    Здравствуйте. С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента? Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например. Структура сайта <div id="wrapper"> <div id="header"></div> <div id="sidebar"></div> <div id="content"></div></div>стиль сайдбара #sidebar { background:blue; width:160px; height:600px; float: left; left: -50px; position: relative; top: 45%;}если писать в файрбаге top:xx%; то нормально блок уезжает куда надо. но когда в css файл сайта это пишу, то ничего не происходит и он как распологался сверху, та…

    Asked by nikki4, February 18, 2014

    0 votes
    3 answers
17. Помогите переместить меню

    Здравствуйте. Мне очень нужна ваша помощь. Дело в том, что мне поручили сделать сайт для фирмы, а мои познания в этом очень скудны. Кое как, методом проб и ошибок у меня вышло это www.shellservice.com.ua . Но проблема в том, что начальство хочет чтобы меню над шапкой было под ней. Я менял позицию, но меню не сохраняет свою структуру тогда и становиться просто текстом в столбик а не кнопками. Ковырялся в коде, но ничего не вышло. Помогите пожалуйста. Если нужна еще информация от меня, пишите.

    Asked by dimka92, February 18, 2014

    • переместить меню под шапку
    0 votes
    2 answers
18. focus у ссылок<a>

    В htmlbook прочел, что псевдокласс можно использовать для ссылок <a>. Как не старался у меня ни чего не выходит. В .html прописал несколько ссылок, в .css прописал a:focus{color:red;} В браузере не какого красного нет.

    Asked by myRoot, February 19, 2014

    • :focus
    • ссылки
    0 votes
    9 answers
19. Нужна помощь по ТАБЛИЦЕ

    Хотел узнать, можно ли таблице с помощи CSS задать размер колонки так, что бы они всегда оставались равны? Например: 2 колонки, и каждая колонка занимала бы 50% 3 колонки, 33,(3)% 4 колонки, 25% 5 колонок, 20% Притом, чтобы каждый раз при добавление колонки, не пришлось лезть в CSS.

    Asked by myRoot, February 18, 2014

    • таблица
    • ширина
    0 votes
    5 answers
20. Как сделать колонки в каркасе из 3 колонок резиновыми

    Доброго дня.Всем привет.Если кто-то сможет мне помочь, буду очень благодарен.Суть проблемы: Имеется фиксированный шаблон из 3 колонок.Как сделать 2(центральную и правую) колонки в каркасе резиновыми? Т.е. они должны тянуться.В правой колонке фото.Его видно на 30%.Надо чтобы потянув за границу правой колонки можно было открыть все фото.

    Asked by vslukas, February 19, 2014

    0 votes
    14 answers
21. Форма на css/css3

    Здравствуйте. Как сделать подобную форму на css/css3?

    Asked by Jeka778, February 24, 2014

    • css
    • css3
    • форма
    • вёрстка
    0 votes
    11 answers
22. Button. Как убрать рамки у тега <buttton>?

    Тег Button по умолчанию имеет рамку. button { border:none; } Помогло. Но в фокусе всё равно появляется рамка. Псевдокласс не помогает button:focus { border:none; } Что делать???

    Asked by myRoot, February 19, 2014

    • Button
    • Рамки кнопки
    0 votes
    1 answer
23. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan, February 19, 2014

    • Bootstrap
    • бутстрап
    • форма контактов
    0 votes
    5 answers
24. Как добавить элементу свойства фокуса?

    Как добавить любому элементу свойства фокуса с помощи css или html?Чтобы переключаться межу этими элементам с помощи кнопки "TAB" и можно было добавить псевдокласс :focus.

    Asked by myRoot, February 19, 2014

    • Фокус
    • focus
    0 votes
    4 answers
25. Проблема с адаптивным дизайном

    Столкнулся с проблемой адаптивной верстки. Чтобы обьяснить проблему я сделал простой шаблон, для примера http://jsfiddle.net/Vk9qm/1/embedded/result/ Дело в том, что на мобильных устройствах цитата вылазит(то ли из-за увеличения межстрочных или межбуквенных интервалов то ли из-за изменения размера шрифта? http://cssdeck.com/labs/0faolp8r ) за приделы родительского блока.При изменении размеров шрифта на мобильном смотрится хорошо , а на экране монитора не очень, если поместить цитату в резиновый блок портиться композиция,тем более если после цитаты я хочу поместить небольшое изображение. Подскажите как мне добиться сохранения композиции и сделать так чтобы страница см…

    Asked by DD_man, February 20, 2014

    0 votes
    1 answer