HTML Coding

29,542 questions in this forum

1. Проблема с ссылками в Chrome

   Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет вид…

   Asked by Trayanez, October 24, 2011

   0 votes
   4 answers
2. Как можно сделать чтобы <div> был размером с картинку добавленную в стилях ?

   Скажите пожалуйста, как можно сделать в моем случае <div class="comment"> <div class="author"><div> <div> В классе author через свойства background добавлена картинка. Но проблема в том что картинку не видно полностью, как можно сделать чтобы author был размером с картинку.

   Asked by Saturn, October 25, 2011

   0 votes
   8 answers
3. Как проще сделать такое как на картинке ?

   Доброго дня. Знаю что есть много вариантов такой реализации, но скажите, какой лучше всего использовать на чистом CSS или с Javascript? Вот картинка

   Asked by Saturn, November 17, 2011

   0 votes
   5 answers
4. Убрать текст у формы

   Есть стандартная форма поиска: <form id="search"> <input class="s_inputtext" type="text" name="q"/> <input class="s_button" type="submit"/> </form> как у кнопки поиска убрать текст "отправить запрос"?

   Asked by Imperil, January 12, 2012

   0 votes
   2 answers
5. В IE не выпадает второй уровень меню

   Добрый день! Такая проблема: есть двухуровневое меню, при наведении выпадает второй уровень меню, в Ie не выполняется данное действие , во всех остальных браузерах все отлично работает!? Помогите пожалуйста!!! Заранее всем благодарен!! Посмотреть можно здесь

   Asked by tree85, June 25, 2012

   0 votes
   1 answer
6. Блок под размеры изображения внутри

   Здравствуйте, уважаемые. Мне надо создать блок, в котором будет картинка и подпись к ней. Ширина блока должна быть равной ширине картинки + какой-нибудь padding. Я создал пример на котором видно что у меня ничего не получилось http://borber.ru/htmlbook/04072012/1.html — там я попробовал четыре варианта: • Просто блок. Он растягивается по ширине подписи • Попробовал сделать width: 100px (типа пинимальная ширина), но картинка вылезает справа • Попробовал сделать inline — мало ли что • Сделал табличкой — я был изначально уверен что так будет работать, но по-моему табличка неуместна тут. Подскажите, пожалуйста, как это делать правильно?

   Asked by Veseloff, July 4, 2012

   0 votes
   2 answers
7. Скрыть текст

   Есть код <div class="social"> <a href="/#" class="steam">Steam</a> <a href="/lied" class="cake">Cake</a> <a href="/#" class="facebook">Facebook</a> <a href="/#" class="rss">RSS</a> </div> Есть стиль .social a.steam { height:17px; width:17px; text-indent:-9999px; background:url('/template/img/social.png') no-repeat 0 -34px; opacity:0.5; } .social a.cake { height:17px; width:17px; text-indent:-9999px; background:url('/template/img/social.png') no-repeat 0 -51px; opacity:0.5; } .social a.facebook { height:17px; width:17px; text-indent:-9999px; backgroun…

   Asked by Ge1i0N, September 12, 2012

   0 votes
   2 answers
8. Подвал

   Гляньте пожжалуйста сайт: http://kofe.16mb.com/. при разрешении примерно от 1600x1300px и ниже футтер отлипает от низа экрана и отображается как будто на нём стоит position: fixed; Подвал должен лежать всегда после контента. Как это исправить? Сам сайт: http://webfile.ru/6141563

   Asked by vova.a99, September 29, 2012

   0 votes
   2 answers
9. Не могу в меню выстроить блоги горизонтально

   Здравствуйте. Подскажите пожалуйста, как мне выстроить элементы меню вертикально, друг под другом. Сейчас они уезжают право друг за другом. Подробнее на картинке css код следующий .menu { margin:0; padding:0; display: table-row; background: #cccccc; border-bottom-style:solid; border-bottom-width: 3px; border-bottom-color:#666666; display:block; } .menu li { width: auto; display: table-cell; text-align: center; height: 30px; padding-left: 0px; position:relative; } li:first-child { padding: 0; } .menu li a { color: #000; position: relative; width: 1100px; height: 30px; display: table-cell; vertical…

   Asked by ufo44, October 29, 2012

   0 votes
   1 answer
10. Не работает выпадающее меню на CSS в IE8

    Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …

    Asked by qtk, April 26, 2013

    0 votes
    2 answers
11. Не наследуется стиль слоя

    Здравствуйте! Столкнулся со следующей проблемой. У меня в основной слой вложены несколько слоев, которые не наследуют его атрибуты. Код следующий: http://jsfiddle.net/QsxgR/ В принципе, код не длинный, выкладываю ещё и сюда исходники html и css: <div class="about-container"> <div class="threeblocks"> <div class="defaultblock"> <img src="img/book.png" /> asdasdasd asdsdas dad as dasd asd asd as dasd as dasd asd asd asd asd asdasd asd asd </div> <div class="defaultblock"> <img src="img/dots.png" /> asdasdasd </div> <div class="lastblock"> <img src="img/content.png" /> asdasdasd </div> </div> </div&…

    Asked by vladsypchenko, October 21, 2013

    0 votes
    4 answers
12. Небольшая кучка вопросов

    Совсем недавно начал изучать Css и html, но там в общем все просто гугл спасает, основы выучил, нужен только опыт. Но верстая сталкиваюсь с js так вот первый вопрос про него. Что бы выучить Jquery обязательно надо знать само js? (подозреваю что да надо) Тут тогда сразу несколько вопросов на каком уровне надо знать js что бы в последствие сразу перекинутся на jquery ( ну и продолжить изучение js подрабатывая верстальщиком), за сколько можно выучить, полезные ссылки будут восприняты на ура. Каким инструментами вы пользуйтесь для проверки кроссбраузерности? Верстать легко, но верстать кроссбраузерно сложно, до каких версий браузеров ( требуют заказчики) верстают до сих…

    Asked by Animkim, November 25, 2013

    • Вопросы новичок
    0 votes
    6 answers
13. Нужен срочный хелп от кнопки прыгают блоки у заказчика, а у меня нет

    http://zverushka.zz.mu/energy/ Заказчик в последнем файрфоксе (25.0.1) на 7м винде - у него прыгают блоки (у его друга тоже), когда он наводит на кнопку, у меня инчего не прыгает на этих же системах во всех браузерах. Прошу помогите. Форму только не отправляйте плз. Я просто даже не могу отследить в чем ошибка, когда у меня все нормально.

    Asked by Zverushka, December 11, 2013

    0 votes
    11 answers
14. Ищу хороший free bootsrap 3.3 темплейт для форума

    Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!

    Asked by mstdmstd, April 4, 2017

    0 votes
    4 answers
15. Переход по форме

    Как сделать, чтоб менялась форма при нажатие на Crewing Company? <div class="select-wrapper"> <select name="demo-category" id="demo-category"> <option value="1">Seaman / Job Seeker</option> <option value="1">Crewing Company</option> <option value="1">Shipowner</option> </select> </div>

    Asked by khomchenko, May 30, 2017

    0 votes
    1 answer
16. Растягивание diva

    К примеру есть вот такой вот код. <div id="1"> <div id="2"> </div> </div> дело в том что если растягивается div id=1 то и div id=2 тоже растягивается. Но если будет растягиваться 2, то 1 просто останется таким же какой и был по размерам. Как сделать что бы высота обоих блоков зависела от наполнения каждого, у кого высота с наполнением юольше такая высота на обоих блоках.

    Asked by Rockman, August 22, 2010

    0 votes
    2 answers
17. Заполненное поле описание при создании закладки

    При добавлении в браузере Opera закладок на сайты, я обратил внимание, что некоторые закладки имеют поле "описание" уже заполненное полезной информацией. Как этого можно добиться?

    Asked by staindik, November 3, 2010

    0 votes
    2 answers
18. Помогите с меню

    Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!

    Asked by GRstr, August 9, 2011

    0 votes
    7 answers
19. html верстка

    Доброго времени суток уважаемые форумчане ! html версткой занимаюсь года пол, вроде бы всегда справлялся, ничего сложного.. Но сегодняшняя задача меня поставила в тупик. Мне нужно сделать эту страницу без проблем: <!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> <title>test</title> <style type="text/css"> html, body { width:100%; height:100%; } * { margin: 0; padding: 0; } </style> </head> <body> <div id = "1" style = "background-color:red; width: 100%; height: 100px;"></div> <…

    Asked by bloodVIRUS, November 16, 2011

    0 votes
    5 answers
20. padding

    нужно сделать отступы для текста со всех сторон блока на 10px. Пишу padding:10px; слева текст отступает и вместо того чтобы переноситься на новые строчки тупо растягивает блок в стороны. Как исправить?

    Asked by Krote, January 20, 2012

    0 votes
    4 answers
21. Что за шрифт

    Не подскажите, что за шрифт используется в псевдоэлементах в content? Как я понял это не стандартный serif (Times N.R.) и не стандартный sans-serif (Arial)....и очень сомневаюсь, что декоративный или моноспейс) Перебирать все не стал уж. Может кто знает?

    Asked by alexandr_v-vich, March 21, 2012

    0 votes
    3 answers
22. Проблема с высотой

    Здравствуйте. Столкнулся с проблемой вёрстки. Необходимо получить следующий вид: , однако у меня получается такой вид: Привожу код страницы: <!DOCTYPE html> <html> <head> </head> <body> <div id="wrapper"> <header id="header"> <div>Заголовок</div> <nav id="hor_menu"> Меню </nav> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div> <aside id="sideLeft"> <nav id="ver_menu"> Меню </nav> </aside> <…

    Asked by param, March 21, 2012

    0 votes
    7 answers
23. Префикс в названии класса

    Часто вижу такие названия классов, например:.b-logo, .l-foter. Собственно возник вопрос зачем люди пишут эту букву-префикс в названии класса?

    Asked by transerfer, August 29, 2012

    0 votes
    1 answer
24. И снова кодировка и языки.

    Как и положено новичку, я просто обязан задать вопрос о кодировках . Но прежде чем отправлять меня в поход на Гугл (я только оттуда) - гляньте. Это немного не то, что обсуждается в статьях для новичков по кодировке. Зачем мы устанавливаем кодировку в редакторе при сохранении файла понятно - задаем фактическую кодировку документа. Зачем мы прописываем кодировку в мататегах понятно - задаем рекомендацию браузеру, чтоб он ненароком ничего не перепутал. НО. Есть еще такая вещь как <a charset="...">...</a> И она как-бы сообщает браузеру, что "а вот когда нажмешь по этой ссылке, то попадешь на страницу, у которой будет такая кодировка". Вопрос - зачем? Нажмем на сс…

    Asked by Kray Storm, October 14, 2012

    0 votes
    4 answers
25. Можно ли очистить ОДИН из пунктов формы?

    Есть форма, позволяющая загружать несколько файлов одновременно. Вот фрагмент (реально запрашивается около 20 файлов): <tr><td><input name="m[0]" type="file" /> Название: <input name="mn[0]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[1]" type="file" /> Название: <input name="mn[1]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[2]" type="file" /> Название: <input name="mn[2]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td>…

    Asked by Cavabanga, December 15, 2012

    0 votes
    1 answer