HTML Coding

29,542 questions in this forum

1. Input не работает по краям

   Не работает кнопка если нажать по бокам. Если по тексту то работает Вот скрин. На скрине видно что есть отступы в 20px, из-за них как раз таки и не работает вот код <div><a class="post" href="#"><input type="submit" name="new_answer_btn" id="new_answer_btn" value="Отправить"/><em></em></a></div> и стили .new-answer .post, .new-private-answer .post { position: relative; display: inline-block; margin-top: 20px; padding: 0 20px; height: 27px; background: url(/design/main/images/btnbg.png) -12px 0 no-repeat; color: #fff; text-decoration: none; line-height: 26px; font-weight: bold; font-size: 1.167em; } .new-…

   Asked by Modestes, April 25, 2012

   0 votes
   6 answers
2. Как сделать горизонтальное меню со звуком?

   Подскажите пожалуйста, как сделать меню со звуком. Звук при наведении курсора на кнопочку. Можно ли добавить звук к уже готовому меню на CSS?

   Asked by Terakota, April 26, 2012

   0 votes
   6 answers
3. Таблица с квадратными ячейками.

   Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!

   Asked by 9EVIL, April 26, 2012

   0 votes
   6 answers
4. Кроссбраузерный SVG

   Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…

   Asked by alexandr_v-vich, April 27, 2012

   0 votes
   6 answers
5. flash в слайдере

   Не знаю в эту ли тему сообщение. flash ролики в html слайдере воспроизводятся все сразу, разом. Как заставить их проигрываться один за другим, т.е. при чтобы ролик воспроизводился, только при смене слайда

   Asked by npofopr, April 28, 2012

   0 votes
   6 answers
6. Горизонтальное меню

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

   Asked by Rubik, May 1, 2012

   0 votes
   6 answers
7. Не растягивается блок

   Доброго времени суток! Есть такая проблема. Нужно сделать так чтобы блок тянулся в зависимости от контента. Пример: <div id="main"> <div id="content">привет привет привет привет привет привет привет привет привет привет привет </div> </div> CSS: #main{ width: 70px; height: 100%; } #content{ width: 50px; height: 100%; } Результат: Ввожу в контент 11 "приветов" а в браузере появляется только 9. Подскажите пожалуйста как быть. Буду очень благодарен! P.S. overflow: hidden - не помогает.

   Asked by Digidie, May 7, 2012

   0 votes
   6 answers
8. как нарисовать линию

   пишу js слайдер и возник вопрос как внутри блока div нарисовать простую линию с определенной высотой и шириной?

   Asked by cyber_ua, May 8, 2012

   0 votes
   6 answers
9. Никак немогу разобраться с Фоном сайта

   Все принципе устраивало, пока не сел за 17 дюймовый монитор, оказалась, что у сайта не растягивается фон до конца границ справа(он обрывается и вместо него появляется пустая белая область, как будто либо лишний блок или неправильный размер где-то), при чем если уменьшить масштаб в браузе все нормально. Сайт http://i-t-master.com/

   Asked by slimmy, May 11, 2012

   0 votes
   6 answers
10. нежелательный скролл

    помогите пожалуйста на странице расположить блок .search так чтобы он имел постоянное смещение вправо на 100px относительно правой границы блока .header . и при этом горизонтальный скролл появлялся только когда ширина блока .wrap станет меньше 960px если я смещаю .search при помощи position: relative; right: -100px; то горизонтальный скролл появляется до того как ширина .wrap станет меньшей 960px. это мне не подходит если позиционирую при помощи position: absolute , то горизонтальный скролл так же появляется преждевременно(немнотря на то, что .search исключается из потока) возможно ли в принципе решить мою задачу? может быть стоит использовать другой способ? подскажит…

    Asked by cyklop77, May 14, 2012

    0 votes
    6 answers
11. Контейнер по центру

    Привет. Каким тегом выравнивается по центру контейнер. вот отрывок из ксс: div#container { background: #fff; width: 600px; nargin: 0 auto;

    Asked by ghrd, May 15, 2012

    0 votes
    6 answers
12. как решить проблему с ссылками...

    Доброе время суток всем! Начал создавть свой сайт и столкнулся с такой проблемой:границы ссылок и надписей очень большие,можно ли как нибудь их уменьшить? п.с.искал в справочниках и не только но увы... Благодарю за внимание!

    Asked by Анатолий23, May 20, 2012

    0 votes
    6 answers
13. Проблема с выводом статей на сайте при добавлении с помощью панели администрирования

    Не знаю в тот ли раздел пишу, не ругайте сильно. Есть сайт http://srub-profi.ru/index.php?param=article&title=%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8 на нем статьи. Добавить статьи можно с помощью небольшой администраторской части, где указывается название статьи в input, картинка, и текст статьи в textarea. Данные попадают базу и оттуда подгружаются на сайт. Как видно, если провалиться в "читать далее" в статью, то текст выровнен не по всей ширине и более того большой отступ справа, а там где картинка еще и какие-то непонятные переносы строк. Вопрос: Как исправить ситуацию, чтобы текст при добавлении из администраторской части при выводе на сайт корректно вел себя?

    Asked by KoDA86, May 21, 2012

    0 votes
    6 answers
14. header в середине блока

    скажите пожалуйста не будет ли ошибкой размещение <header> в блоке-родителе после части контента? например так <article class="article_2"> <img class="img" src="images/aside_left/img2.jpg" alt="img" width="63" height="63" /> <header> <h1>Donec lobortis purus vel</h1> <strong>Donec lobortis purus vel urna.</strong> </header> <p class="text">Nunc laoreet lacinia nunc. In volutpat lorem ipsum</p> </article>

    Asked by cyklop77, May 21, 2012

    0 votes
    6 answers
15. выравнивание абсолютно позиционированного блока по центру

    Здравствуйте! Есть логотип, размером 300 на 100, неровной формы gif без фона, который должен размещаться по верх верстки шапки ровно по центру страницы. Я его разместил следующим образом: <div class='logo'><a href='#'><img src='/img/logo.gif'></a> div.logo {position: absolute; top: 12px; width: 100%; text-align: center;} И все бы ничего, но под 100% ширины слоем оказались ссылки, которые находятся на одной горизонтальной линии с логотипом, слева от него. В IE ссылки работают, а вот в хроме и мазиле нет, т.к. оказались под слоем. Как сделать слой шириной не 100% а 300px и разместить его по центру. В идеале параметр left: 50% - 150px Либо вообще н…

    Asked by fiver, May 22, 2012

    0 votes
    6 answers
16. @font-face для разных начертаний шрифта

    Доброго времени суток! Подскажите, пожалуйста, как правильно подключать разные начертания одного шрифта? Допустим, есть файлы шрифтов Font1-reg.ttf, Font1-mediumitalic.ttf, Font1-lightitalic.ttf, Font1-bold.ttf, Font1-blackitalic.ttf. Конвертирую и подключаю следующим образом: @font-face { font-family: 'Font1'; src: url('../fonts/font1-reg-webfont.eot'); src: url('../fonts/font1-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font1-reg-webfont.woff') format('woff'), url('../fonts/font1-reg-webfont.ttf') format('truetype'), url('../fonts/font1-reg-webfont.svg#Font1') format('svg'); font-weight: normal; font-…

    Asked by Catherine, May 24, 2012

    0 votes
    6 answers
17. Помогите улучшить кнопку "Наверх"

    Здравствуйте, друзья. Задался вопросом создать кнопку "Наверх" на чистом CSS для сайта с черным фоном. Вот, что у меня получилось (по этой ссылке можно увидеть результат воочию), и дальше я зашел в тупик: HTML <div class="background"> <div class="to_top"> <div class="title"><a href="#">to top</a></div> </div> </div>? CSS .background { background: black; height: 300px; } .to_top { display: table; position: relative; width: 70px; height: 70px; background: #ffdd00; border: 1px solid #fff; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius:…

    Asked by Subcomandante.A, May 24, 2012

    0 votes
    6 answers
18. Проблемы с <title>

    Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.

    Asked by DartBein, May 24, 2012

    0 votes
    6 answers
19. Нужно открыть текст из display: none

    Здравствуйте, прогеры Я seo-оптимизатор, а не разработчик, но ввиду тесной связи оптимизации и html-кода часто приходится сталкиваться с его редактированием. Проблема следующая, в html я хоть немного ориентируюсь, чего не могу сказать о java script. Сразу предупреждаю, я нуб, и если что не так напишу, не обессудьте. Впервые дали сайт, как мне сказали написанный на флэше. В коде index.html есть текст, но он якобы закрыт display: none. Подскажите, как можно открыть его, потому как везде на странице одни java скрипты. Хотя бы, наталкните на правильную мысль. Спасибо. Ссылка на сайт: http://turbo-s.com.ua/ Если нужно дам ссылку на файл index.html Он лежит на хостинге dump.ru…

    Asked by M1ke_06, May 25, 2012

    0 votes
    6 answers
20. Помогите создать тень

    Пробовал по-разному, уже и трики разные перечитывал...но не получается достигнуть нужного эффекта: Т.е. имеется блок. Надо задать ему внутреннюю тень, так, чтобы она была только с одной стороны, в начале (вверху) и в конце(внизу) блока заканчивалась плавным изменением прозрачности вплоть до 0 (именно это не получается).

    Asked by nickostyle, May 25, 2012

    0 votes
    6 answers
21. вёрстка в html5

    Всем привет! Друзья нужен совет, ибо изучение html5 на практике зашло в тупик делаю главную страницу сайта так: <header>шапка</header> <nav>навигация</nav> <div>???</div> <footer></footer> вопрос вот в чём: в этом месте <div>???</div> я хочу расположить основной контент станицы - слайдер - блок: новинки (картинка - название) - блок: хиты продаж (картинка - название) В каких тегах правильно это разместить - слайдер и блоки?

    Asked by vadim525, May 27, 2012

    0 votes
    6 answers
22. Как всегда проблема IE

    Всем день добрый!, у меня такая проблема, разъехались все элементы, находящиеся в тэгах li(т.е. все показывает в столбик, а не в строку), применял display: inline-block - не помогает, помогает только float:left, но и то не слишком корректно все отображается, при этом, у меня двухуровневое меню на css, так там все пункты в развернутом виде отображаются, без background и свойст шрифта...? что делать? подскажите пложалуйста..? Ну, говорить, что во всех других браузерах всё отображается отлично, я думаю не стоит.!! Посмотреть как выглядит можно http://itmag.es/5iNxx и как оно выглядит в рабочем варианте http://itmag.es/5rheU CSS .hor li, li.hor {display: inline-block;} …

    Asked by tree85, May 29, 2012

    0 votes
    6 answers
23. Не работает 'background-color' у Div'а

    Необходимо чтобы отображался фоновый цвет, у Div'а (id="1") в который вложено еще два Div'а (id="a" и id="b") с плавающей высотой (блог и сайдбар). html <div id="1" > <div id="a" > </div> <div id="b" > </div> </div> css #1 { background-color: #e8e8e8; } При таком коде, цвет не отображается. Если задать цвет отдельно для #a и #b, то, поскольку они постоянно разной длинны, окрашивается не вся область #1. P.S. Решение через таблицу принципиально не хочу. Но можно php.

    Asked by eniks, May 30, 2012

    0 votes
    6 answers
24. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и С были определенного размера, а B занимал всю центральную область? Вот мой вариант, но он глючит (С съезжает вниз): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a,.b,.c{ padding: 1em; border: 1px solid black; } .a{ width: 10em; float: left; } .b{ overflow: hidden; } .c{ width: 10em; float: right; }

    Asked by Kenshi24, May 31, 2012

    0 votes
    6 answers
25. Главная страница joomla 2,5 в виде блога

    У меня появилась проблема с отображением элементов на главной странице в виде блога. проблема цифрами 1 обозначена проблема, т.е. не могу убрать этот серый фон и сделать его прозрачным. не могу найти где это менять. Сайт стоит на шаблоне designwerks. Цифрой 2 обозначено то, что у модуля фон я могу сделать прозрачным. Что делать? Куда смотреть? Где копать? Спасибо за помощь ) Смотрел в настройках шаблона, ничего похожего не нашел (

    Asked by FreeL, May 31, 2012

    0 votes
    6 answers