Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. удалить скрипт из документа

    скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу

    Asked by cyklop77,

    0 votes
    0 answers

  2. горизонтальное выравнивание блока фиксированной ширины

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

    Asked by cyklop77,

    0 votes
    5 answers

  3. background-image

    Здравствуйте, форумчане, заранее извините за ламерский вопрос: Я создал файл styles.css: html {background-image: url(на_рыбалку.bmp)} Потом создал 2 файла html В первом файле фон Не загружается, а во втором загружается Помогите пожалуйста разобраться

    Asked by VanVino,

    0 votes
    7 answers

  4. Проблема с положением дива position:absolute в IE

    Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…

    Asked by ivnitskiy,

    0 votes
    3 answers

  5. тег html

    интересует такой вопрос: что можно и что нельзя задать тегу html с помощью стилей? вопрос назрел, ибо стала актуальной тема задания диву высоты 100%. добиться этого удалось лишь указанием того же всем родителям, включая хтмл. однако если внутри есть блок с контентом с overflow: hidden; то всё обрезается по высоте страницы. если задать auto - появляются полосы прокрутки внутри дива, что не есть красиво. а собственно тег html хоть и понимает высоту, но на overflow не реагирует. что ещё ему можно таким образом задавать? или только размеры?

    Asked by Peekit,

    0 votes
    0 answers

  6. картинка фиксированной высоты

    делаю свой первый сайт нарисовала в фотошопе дизайн сайта, порезала на слои, начала верстать с помощью DIV но проблема: картинка с основным фонов имеет фиксированную высоту, а мне нужно,чтобы она растягивалась при увеличении контента ПОМОГИТЕ,ПОЖАЛУЙСТА вот ссылка на картинку http://saveimg.ru/show-image.php?id=80182e754f93d5d9c2ba6719cf17cc23

    Asked by nandini,

    0 votes
    5 answers

  7. Вертикальное выравнивание текста

    Здрасте. У меня есть код цсс: body{ margin: 20px; } #logotext{ text-align: left; vertical-align: bottom; } #header{ background:#bdda7e; margin-bottom: 5px; width: 100%; height: 100px; border:1px solid #a4ce60; border-bottom:1.5px solid; } и код хтмл: ... <body> <div id="header"> <div id="logotext">PopStar</div> </div> <div id="leftcolumn"> ... скриншот. Вопрос: почему не происходить вертикальное позиционирование текста "PopStar"? В чем может быть проблема - не могу понять. Может кто разъяснить нюансы?

    Asked by xunicornx,

    0 votes
    1 answer

  8. горизоньальное меню на ul

    как из этого сделать меню на ul li? <ul id="nav"> <li><a href="#">Раз</a></li> <li class="active"><a href="#">Два</a></li> <li><a href="#">Три</a></li> <li><a href="#">Четыре</a></li> </ul> требования: рассредотачивание пунктов по ширине страницы фон из желтых картинок появляется только когда :hover или при .active делаю через before и afrer, не могу сопоставить картинки по вертикали( получается только с точными значениями типа 12px, но если изменить размер шрифта, то картинки опять сбиваются кто вверх кто вниз. это должно быть не сложно! не могу на…

    Asked by panda,

    0 votes
    5 answers

  9. псевдоклассы

    Почему при наведении мышкой на ссылку, она не красится в красный цвет? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ backgound-color:#ffffff; } a{ font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; } a:link{ color:#0000ff; text-decoration:none; } a:visited{ color:#333399; text-decoration:none; } a:active{ color:#0033ff; text-decoration:underline; } a:hover{ backgound-color:#ff0000; text-decoration:underline; } </style> </head> <body> <h1>Стили ссылок</h1> <p>В примере содержится несколько ссылок, с которыми в…

    Asked by DivMan,

    0 votes
    2 answers

  10. Strict Doctype

    Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?

    Asked by Doctype,

    0 votes
    2 answers

  11. Вопрос по кукисам.

    Всем доброго времени суток. Вникаю в то, каким образом сервер задаёт куки клиенту. Set-Cookie: username=aaa13; expires=Friday, 31-Dec-99 23:59:59 GMT; path=/; domain=www.htmlbook.ru; Вот что по имени домену понятно. Если домен указан как "www.htmlbook.ru", то эта кука будет использоваться только при переходе клиента по ссылкам и только данного домена. Если же куку задать так: Set-Cookie: username=aaa13; expires=Friday, 31-Dec-99 23:59:59 GMT; path=/; domain=.htmlbook.ru; То кука будет пользоваться в тех случаях, если домен ссылки будет оканчиваться на ".htmlbook.ru". Следовательно, кука будет отправляться и при переходах по ссылкам других доменов как: www.htmlbook.ru html…

    Asked by SeemaN_tm,

    0 votes
    2 answers

  12. приоритет классов

    Я так понял если к элементу назначить несколько классов, то приоритет будет у того класса, который написан последним? http://jsfiddle.net/wa5Am/ и порядок будет взят из CSS, да? Вот допустим, в HTML вот такой порядок qwer asdf zxcv, а в CSS такой .qwer .asdf .zxcv и браузер будет выбирать последнее не из HTML , а из CSS? я правильно понял? Вот если .zxcv{ color:blue;}поднять наверх, то текст будет красным

    Asked by DivMan,

    0 votes
    3 answers

  13. input. появление фона

    помогите пожалуйста победить явление на сайте если первый раз загрузить страничку и заполнить поле input.fld_emai, то дополнительный фон не появляется. но если повторно загрузить страничку, поместить курсор в поле input.fld_emai,то браузер вывалит список с введенными ранее значениями. далее если выбрать введённое ранее значение, то появляется дополнительный фон при этом в моём css-файле прописано: .input:-webkit-autofill{ background: none !important;}

    Asked by cyklop77,

    0 votes
    5 answers

  14. before для first-child

    добрый вечер, можно ли для первого элемента задать before ну например так. + 38 067 55 55 5 38 067 55 55 5 38 067 55 55 5 так что бы плюс отображался у первого элемента! span:first-child :befor{content:"+";} Спасибо.

    Asked by mrfrunze,

    0 votes
    3 answers

  15. Непонятная авто генерация html кода браузером

    Здравствуйте! ПРощу помощи найти непонятный мне bug который портить верстку. При открытие html файла браузером, браузер каким-то способом генерируеть допольнительные коды которых нет в коде. Вот страничка. Мне кажется что где-то в css накосячил.. Вот мой код: Fiddle

    Asked by parnas,

    0 votes
    3 answers

  16. контент блоков скрывается, если высота блоков в процентах

    Есть такая конструкция: <div class="contaner"> <div class="header"></div> <div class="content"></div></div>html, body, .container {height:100%}.header{height:30%}.content{height:70%}Если сильно уменьшить браузер по высоте, header становиться настолько маленьким, что его содержимое скрывается. Можно ли сделать, чотбы блок по высоте не становился меньше, чем его содержимое.

    Asked by vip,

    0 votes
    4 answers

  17. Не получается бросить якорь в скрытый блок

    Подскажите пожалуйста, имеется шаблон в котором все div блоки скрыты, а открываются только при нажатии на кнопку меню срабатывает стиль display: none, и соответственно при нажатии на какую нибудь кнопку из меню по такой же схеме открывается уже конечный блок с контентом. Проблема заключается в том что мне нужно поставить якорь на конечный контент, а ссылку - на логотип (со стартовой страницы), я так понимаю что ссылка не работает из за того что блок с конечным контентом скрыт. Но если открыть конечный контент кнопочка "services и значок с человечками" ссылка начинает работать. <a name="tab66"></a> якорь <a rel="nofollow" href="#tab66"><img src="…

    Asked by kirpich,

    0 votes
    0 answers

  18. Объясните отличие

    Здравствуйте. Сильно не ругайте, но сколько не читал не могу понять отличия: .class a:hover a.class:hover

    Asked by magwar,

    0 votes
    1 answer

  19. Как рисовать резиновый шаблон

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

    Asked by selevit,

    0 votes
    0 answers

  20. Не работают стили для div

    Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …

    Asked by Vandeko,

    0 votes
    2 answers

  21. Не могу открыть сайт

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

    Asked by F@NTOM,

    0 votes
    5 answers

  22. Оптекане текстом изображения при скролинге

    Здравствуйте, появилась такая идея: есть слой фиксированного размера, в него выводится текст (текста много, поэтому у слоя стоит overflow : Auto). суть задумки: реально ли в верхнем левом (к примеру) углу разместить изображение с фиксированной позицией, так чтобы при прокрутке текста, он обтекал картинку? Как то примерно так, главное чтоб картинка не съезжала и текст не шел поверх нее заранее спасибо!

    Asked by Avalon4eg,

    0 votes
    2 answers

  23. Изменение полосы прокрутки в CSS

    Здравствуйте! Никак не получается изменить цвет полосы прокрутки браузера. Атрибуты scroll* вообще не реагируют.

    Asked by Gambini,

    0 votes
    2 answers

  24. IE8 - скрывает часть контента

    Во остальных всех браузерах отображается нормально, в IE8 зарезает часть контента. Во вложение есть картинка, как это выглядит . А вот ссылка на сайт: _http://si-print.com/index.php/price Коды: index.php

    Asked by iirioterii,

    0 votes
    0 answers

  25. Border gradient

    Здравствуйте, подскажите как модно сделать линейный градиент для границ блок. Нашел не плохой способ http://css-tricks.com/examples/GradientBorder/ (первый блок) но граница устанавливается только для 2 границ, мне нужно для всех?

    Asked by HOG_Seruj,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept