HTML Coding

29,542 questions in this forum

1. практика вёрстки

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

   Asked by egrom92, February 18, 2014

   0 votes
   5 answers
2. Нужна помощь по ТАБЛИЦЕ

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

   Asked by myRoot, February 18, 2014

   • таблица
   • ширина
   0 votes
   5 answers
3. Помогите переместить меню

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

   Asked by dimka92, February 18, 2014

   • переместить меню под шапку
   0 votes
   2 answers
4. Галерея

   Нубу нужна Ваша помощь, мне нравиться галерея в htmlkickstart, но у нее есть некоторые недочеты. Допустим в блоке у меня есть png изображение с заданным hover, необходимо чтобы при нажатии открывалась другая картинка заданного размера, открывалась в этом же окне с возможностью закрыть, желательно без лишней анимации Подскажите с помощью какого скрипта это можно реализовать ?

   Asked by drevil37, February 18, 2014

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

   Здравствуйте. С такой вот задачкой столкнулся - как сделать, чтобы сайдбар был по центру контента? Дело в том, что на сайте есть очень длинные тексты. Вот надо чтоб в центре была реклама в сайдбаре например. Структура сайта <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
6. Вопрос визуализации

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

   Asked by Nagoran, February 18, 2014

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

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

   Asked by Sergey410, February 18, 2014

   0 votes
   4 answers
8. Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?

   Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что есл…

   Asked by klierik, February 18, 2014

   • html
   • css
   • js
   • учитель
   • наставник
   • вёрстка
   • кодинг
   • обучение
   5 votes
   117 answers
9. Выпадающее меню

   Делаю выпадающее меню, должно выглядеть так: При ховере на пункт меню появляется подменю. Ширина основного меню - резиновая. При наведении на Пункт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
10. При наведении на ссылку, остальные должны темнеть (становится серыми) / 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
11. Как вывести на страницу не сам символ, а его код?

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

    Asked by massef, February 17, 2014

    • символы HTML
    • коды символов
    0 votes
    5 answers
12. Фоновое изображение

    добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение 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
13. Размещение заголовка новости и даты создания новости на одной строке

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

    Asked by Delat, February 17, 2014

    0 votes
    5 answers
14. как убрать косяки в меню у разделителей?

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

    Asked by DivMan, February 17, 2014

    0 votes
    2 answers
15. Не работает код CSS для тега SPAN, для P работает

    В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?

    Asked by Омск, February 17, 2014

    0 votes
    3 answers
16. Размещение 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
17. не робит полноценно сайт на осле

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

    Asked by egrom92, February 17, 2014

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

    Здравствуйте! Вот как я подключаю шрифты. @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
19. bxSlider вопрос по поводу функционала

    Захотелось запихать в страницу 2 слайдера разного внешнего вида. Используется bxSlider. Вопрос как это реализовать? Написать стили для второго слайдера в html коде, а первый берет стили из bxslider.css ?

    Asked by CroaToa, February 17, 2014

    0 votes
    4 answers
20. Как лучше реализовать?

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

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

    0 votes
    21 answers
21. Странное поведение ссылок

    Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).

    Asked by alleclf, February 16, 2014

    0 votes
    7 answers
22. Всплывающее окно для планшета

    в общем уже голову сломал. нужно оптимизировать сайт для планшета. http://liderventfasad.ru/ нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг). на компе при клике это работает, а на планшете нет. что делать? помогите CSS .thumbnail{ position: relative; z-index: 0; } .thumbnail:focus{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; border: 1px solid white; visibility: hidden; color: white; font: 12px 'Tahoma'; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px …

    Asked by Linblack, February 16, 2014

    0 votes
    0 answers
23. min-height не работает при float:left

    Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…

    Asked by brussnika, February 16, 2014

    0 votes
    4 answers
24. Не срабатывает отрицательный margin-top (в IE,FF)

    Добрый вечер всем! Воспользовался бесплатным шаблоном, так как я далеко не верстальщик, скачал отсюда: http://w3layouts.com/factory-industrial-mobile-website-template, взял только шаблон из папки web. Поменяв пути для src и href на правильные, я встроил данный шаблон в админку. Но, как оказалось, шаблон не кроссбраузерный. Есть 1 косяк, и он проявляется во всех браузерах кроме Chrome, а именно: .top-header { margin-top: -456px;}суть в том, что меню и блок, следующий за ним (из 3 колонок), которые отображаются поверх слайдера в Chrome и Safari, отображаются после слайдера в IE, FF и OPERA. Самое обидное, что уже весь шаблон перелопатил под себя, изменив стили, иконки и пр…

    Asked by kumirska, February 16, 2014

    • отрицательный отступ
    0 votes
    1 answer
25. не получается сделать меню горизонтально

    добрый день. недавно, менее 2ух недель я изучаю хтмл и цсс. Решил сделать сай, пробный. пытаюсь сделать у сайта горизонтальную меню, для этого я вставляю [i]display: inline.[/i] и вроде всё гуд, но не то немного. у меня элементы подстраиваются под размер содержимого. как мне сделать так чтобы оно оставалось тем же размером что было?? я уже подумываю каждой кнопке делать отдельный блок где будет прописан своё местоположение. я надеюсь что не криво изложил свою мысль и проблему)) ниже сам код

    Asked by egrom92, February 16, 2014

    • меню
    0 votes
    3 answers