HTML Coding

29,542 questions in this forum

1. Background и аккардеон

   Здравствуйте. Делал аккордеон и столкнулся с неожиданной проблемой, не отображается background в виде картинки, в тоже время если задавать просто цвет, то всё отлично работает. Html: <div id="eventaccordion"> <h4 class="mooblock-title mb1_1t">Заголовок</h4> <div class="mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px;">Скрытый текст</div> <h4 class="mooblock-title mb1_2t">Заголовок</h4> <div class="mooblock-el mb1_2e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0…

   Asked by param, March 1, 2012

   0 votes
   16 answers
2. Чем заменить iframe?

   Посмотреть В выезжающем блоке находится фрейм. Прогружается почему то на середине страницы смещая остальные div'ы. Теги проверял. Все в порядке. Что можно сделать чтобы панель грузилась за видимой границей экрана? Замена на object ничего не решила. С помощью jquery тоже все глухо. Я так понимаю что решается аяксом. Но что то нужной инфы не накопал. Блок: <script> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', pathToTabImage: 'images/contact.gif', imageHeight: '122px', imageWidth: '40px', tabLocation: 'left', speed: …

   Asked by salat, November 21, 2012

   0 votes
   1 answer
3. Форма обратной связи

   Добрый день! Столкнулся с такой проблемой - сделал лендинг в Adobe Muse, но форма обратной связи не работает. Написал в службу поддержки хостинга. Мне там ответили, что нужно в коде указать вместо content-type: text/html, так content-type: text/plain. Где именно в коде, в index.html или в самом файле формы PHP? Попробовал заменить в Index.html, но на сайте выскакивают кракозябры. Ведь нужно изменить код в данной строчке : <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>, я правильно понимаю? Благодарю за ответ!

   Asked by Zakonoposlushniy, March 26, 2016

   • форма связь
   • php
   0 votes
   3 answers
4. frD-float - откуда белая полоса?

   Приветствую. Верстаю сайт. Решил по возможности сделать на div-ах. Одна из проблем - фон. <div style="padding: 5; background-color: #808080;"> <div style="width:300;float:left;">Строка Еще строка</div> <div style="width:100;float:left;"><img alt="" src="/ico/counter.png" height="31" width="88" /></div> <div style="width:100;float:right;">Написать письмо</div> <!--<p style="clear:all;"> --> </div> </body> </html> Почему использование float приводит к появлению (все браузеры) на сером фоне контейнера белых (ой?) полос? Что дает эту накладку? Закоментированых фрагмент все приводит в норму, н…

   Asked by Cron, June 24, 2007

   0 votes
   1 answer
5. При ресайзе окна из-зи границы выступает слой.

   Господа, вот следующий код: <div style="overflow:hidden; width:100%;"> <div style="width:400%; position:relative; left:-300%;"> <div style="width:25%; background-color:#FF0000; float:left;"> </div> <div style="width:25%; background-color:#00FF00; float:left;"> </div> <div style="width:25%; background-color:#0000FF; float:left;"> </div> <div style="width:25%; background-color:#FFFF00; float:left;"> </div> </div> </div> Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript…

   Asked by smashercosmo, October 9, 2008

   0 votes
   4 answers
6. Не обновляются стили.

   Добрый день. Есть сайт http://www.vborovets.ru Если заходить под ИЕ, то при первом заходе верстка нещадно ползет. Потом если нажать на любую ссылку то все в порядке все на месте если с внутренней выйти на главную то все в норме. Такое ощущение, что он откуда-то берет старую css, раньше все там так и было, задача была все это безобразие подправить я подправила. Но при первой загрузке опять вылезает. Все ссылки на старые css в коде так же как и сами старые стили с сервака убрала. Этот глюк в тока в ие 6 и 7. Если кто знает в чем проблема, буду очень благодарна.

   Asked by savushka, December 12, 2008

   0 votes
   6 answers
7. допустимые символы в якорях href="#Слово" и id="Слово"

   Вздумалось сделать видимым в адресной строке длинной страницы _ttp://site.ru/file.html#Название-Главы <!-- именно русскими буквами --> Не во всех браузерах это работает. Какие могут быть варианты использования русских букв? Например кто-то оставляет ссылку, в FF при наведении курсора в строке состояния видно русские слова. Поисковики понимают %D0%A4%D0%BE%D1%80%D1%83%D0%BC как слово. А что (не только из вышеупомянутого) в навигации по сайту понимают все браузеры?

   Asked by злец, November 21, 2009

   0 votes
   3 answers
8. Блочная верстка + картинка в background

   Доброго времени суток всем! Помогите советом как быть? Нужно сверстать макет, в background`е будет большая красочная картинка. Возник вопрос как лучше сделать? Можно конечно забацать таблицами и попились общий фон на куски. А как сделать если верстать блоками? Картинку всю целиком в фон пихать? просто картинка здоровая и если целиком вставлять, то будет достаточно тяжелая, мне кажется, и будет долго грузиться. Заранее благодарен за ответы.

   Asked by pro1rock1, March 29, 2010

   0 votes
   3 answers
9. Хочу написать блог

   Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…

   Asked by Juster, December 29, 2010

   0 votes
   10 answers
10. explorer некорректно тянет ячейки таблицы

    Есть вот такая таблица <table width="100%" height="408" border="1" cellpadding="1" cellspacing="1"> <tr> <th colspan="3" scope="row">1</th> <td colspan="2">1</td> </tr> <tr> <th width="5%" rowspan="5" scope="row">kjk</th> <td width="21%" >1</td> <td width="39%">1</td> <td width="29%">1</td> <td width="6%" rowspan="5">kk</td> </tr> <tr height=1> <td height=30>222</td> <td rowspan="3"> Новости 22.03.2008 defr Короче, сказка братьев Гримм. В некотором царстве, плановОм государстве, жил был король Облом Второй. Государство, …

    Asked by loki, March 23, 2008

    0 votes
    5 answers
11. Резиновый макет.

    Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка

    Asked by Red Planet, January 16, 2011

    0 votes
    8 answers
12. Горизонатльное меню с равными по ширине пунктами в процентах без таблиц

    Никак не соображу откуда в Хроме, Сафари, Опере и IE 6 берётся отступ в последнем пункте. В IE 7 и 8 нормально, в ФФ 3.6 и 4 тоже. /*тут куча тегов*/{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } body { width: 100%; max-width: 960px; font: 14px/18px Arial, Helvetica, sans-serif ; margin: auto; } ul { border: 3px solid #f60; overflow: hidden; zoom: 1; margin: 6px 0; background: #f90; font: 16px; } li { float: left; width: 20%; } a:link { color: #000; } a:visited { color: #c30; } li a { text-align: center; display:block; border-left: 1px solid #f…

    Asked by KooL, March 23, 2011

    0 votes
    15 answers
13. Bootstrap и twitter bootstrap

    Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи? (если что, bootstrap -- только недавно начала изучать)

    Asked by Alfa2015, September 30, 2015

    0 votes
    16 answers
14. растянуть inline-block до конца строки

    помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview

    Asked by FeelUs, February 16, 2016

    • inline-block
    0 votes
    1 answer
15. Как грамотно сверстать?

    Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.

    Asked by LittleGoose, May 14, 2018

    0 votes
    12 answers
16. Фоновый рисунок в IE6 и IE7

    У меня на сайте вставлен рисунок в таблице как фон - .В эту ячейку вставлена табличка со своим фоном (через ID) В IE6 вс? прекрасно. А вот IE7 эти фоновые рисунки не отображает. Никакой информации что загружено с ошибками нет или что что-то недогружено нет. Символов незагруженных картинок на страничке нет. При просмотре HTML-кода в браузере - вс? на месте. Остальные рисунки прекрасно отображаются. Подскажите в ч?м дело? Специально сходил в Интернет-кафе, наш?л комп. с такой же версией браузера, там такая же пустата на месте фона.

    Asked by toro, May 8, 2008

    0 votes
    6 answers
17. Не работают ссылки

    Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img …

    Asked by vzdrizd, December 8, 2012

    0 votes
    2 answers
18. Некоректно отображаеться содержимое в браузерах

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

    Asked by ruslanlizogub, May 28, 2013

    • html
    • css
    0 votes
    15 answers
19. Сколько денег можна взять за верстку этого сайта ?

    Сколько денег можна взять за верстку этого сайта ? http://bmdekor.ru/

    Asked by Shenia132, May 6, 2014

    • сайт
    0 votes
    15 answers
20. адаптивная высота контентного блока

    Доброго дня. Стоит задача реализовать, чтобы хедер был вверху, футер всегда прибит к низу (всегда виден), а контент растягивается на оставшееся между хедером и футером место. Чтобы это работало на разных разрешениях, т.е. если контента текста меньше чем блок контент по высоте, то блок все равно тянется до футера, а если текста больше, чем блок контент по высоте, то у него появляется прокрутка. В идеале, чтобы хедеру и футеру не задавать высоту, но можно и с сатичной высотой. Можно ли это реализовать без javascript? Вот здесь накидал верстку: http://jsfiddle.net/digitalmedia/jubjbaLL/

    Asked by vip, April 28, 2015

    0 votes
    4 answers
21. Media queries самые ходовые

    Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо

    Asked by Alex_, May 19, 2016

    0 votes
    5 answers
22. Простое позиционирование DIV, а куча проблем!

    Доброе время суток! Нашел в инете такую идею реализации блоков. Пытался ее реализовать 2 дня, не все получается, что хочется. Можете помочь кодом? Дело в том, что она еще и резиновая. Спасибо большое.

    Asked by sergey-starostenko, May 6, 2015

    • div
    0 votes
    16 answers
23. Проблемы с отступами в DIV

    Добрый день. Работая с дивами иногда возникают проблемы: 1. Текст Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы. 2. текстИногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5). Сталкивался ли кто-нибудь с подобным, и как с этим бороться? Заранее благодарен.

    Asked by bond84, November 27, 2007

    0 votes
    2 answers
24. Ben,это Данила! I need help!

    Уважаемые профи и начинающие товарищи!понимаете в каком разделе я пишу, поэтому не судите строго следующий код. вот у меня трабл (хотя может и не трабл совсем), написала код, проверила через IE-отображается так, как мне надо...но FF!!!он меня св?л с ума!упорно не отображает изображения. что я не так сделала?оч прошу помочь, потому что больше не кому, а сайт надо сделать )))) ***************************************************************************************** <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <STYL…

    Asked by jmncherry, April 10, 2008

    0 votes
    5 answers
25. Проблемма с dreamweaver 8!!!

    Помогите пожалуиста, у меня такая проблема. В общем вставляю картинку в редактор как положено, копируется в папку с саитом, а когда я сайт выкладываю в инете то в место изображении пустои квадратик с крестиком в левом верхнем углу!

    Asked by lexa123, April 17, 2008

    0 votes
    9 answers