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. Хитрая форма - "выбрать или ввести".

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

    Asked by Alexey Menshikov,

    0 votes
    8 answers

  2. Подгрузка контента

    Ситуация такая: нужно в какой то контейнер (предположительно div) подгружать контент. Например: на странице есть блок с новостью. под ней ссылка: Читать следующую новость, при нажатии на которую без перезагрузки страницы грузится следующая новость. Браться они могут откуда угодна txt или другой хтмл. Знаю что реализовать это можно с помощью аякса, но можно ли как то обоитись без серверных языков? чистым js или еше как-то? самому в голову пришло две вещи,но они обе не нравятся: 1. создать к примеру 5 слоев, один видимый, а ссылкой управлять видимостью слоев. Проблема: не сделаешь много слоев-увеличивается размер страницы. 2. реализовать на флеш. Проблема: у юзера должен ст…

    Asked by Nird,

    0 votes
    8 answers

  3. Интересная проблема с высотой елемента

    В общем, проблема такая. Есть елемент, который должен растягиваться на высоту всей страницы, то есть height: 100%; Этот елемент генерируется на страницу через JS. Проблема в том, что при первых заходах на сайт, нужный елемент не растягивается на полную высоту сайта, а оставляет небольшие пустые промежутки сверху и снизу елемента. При последующих обновлениях страницы все стабилизируеться. Мои догадки по поводу причины проблемы таковы: Пока все картинки сайта еще не загрузились высота всей страницы меньше, чем она выходит после загрузки всех картинок. И паралельно генерируеться нужный мне елемент с высотой страницы, которая еще не полностью загружена. А когда страница полн…

    Asked by Torkvemada,

    0 votes
    8 answers

  4. div display:inline в мозилле

    Столкнулась с такой проблемой. Когда проставляешь у div свойство display:inline, в мозилле и опере он перестает видеть ширину.. я конечно понимаю что ширина у инлайновых элементов - это несколько неправильно... но все же.. может как-то можно обойти? Вот кусок кода <table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%"> <tr> <td><div style="display:inline;width:300; border:1px solid #00ff00;">Молоко</div> <div style="display:inline;width:300; border:1px solid #00ff00;">Ещ? порция</div> </td> </tr> </table>

    Asked by Lergana,

    0 votes
    8 answers

  5. Параметр height100% + IE+doctype

    Добрый день! У меня проблемка вот в чем (по форуму искал, 100% решения не нашел): Сама страница <html> <head> <title>homepage</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="leftcolumn" rowspan="6"></td> <td class="rightcolumn" colspan="7"> </td> <td class="top" rowspan="6"> </td> </tr> <tr> <td colspan="2"> <a href="#"><img src="images/homepa…

    Asked by Alexwweb,

    0 votes
    8 answers

  6. Нужнен совет по оформлению

    Нужен совет на странице "БРЕНДЫ" (www.naryad.ru/brend.php)при наведении на фото оно становится менее контрастным. Нужно наоборот. Используется эффект opacity. Если задать начальное значение 80% и при наведении делать 100%, то при начальных 80% все выглядет блекло и смотреть вообще не охото. + ко всему сама подложка полупрозрачная, что естественно отражается на картинках. Есть мысли, что можно придумать, чтобы более эффектно смотрелось?

    Asked by SibBear,

    0 votes
    8 answers

  7. Проблемка небольшая

    Вобщем, надо сделать чтобы картинка и текст под ней (назовем это для краткости карточкой) были отцентрированы по центру. Т.е. чтобы карточки распологались друг за другом... Ой че-то я запутался как сказать =). Вобщем вот код. работает только в ИЕ7, Опера и ФФ. Не работает в Сафари и, кажется, в ИЕ6. Как сделать чтоб везде работало? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> <title>Титле</title> <style> body{text-align:center} table{width: 100px; text-align: center; display:inline;…

    Asked by Константин,

    0 votes
    8 answers

  8. не отображаются картинки в IE

    Всем привет! Есть кусок html кода: <ul class="CategoryTree"> <li class="submenu"> <span class="nodeImage" onclick="java script:ajaxOpenCategory(1);return false"></span> <a href="category.html?catId=1">cat-1 id=1</a></li> <li class="submenu"><span class="nodeImage" onclick="java script:ajaxOpenCategory(2);return false"></span> <a href="category.html?catId=2">cat-2 id=2</a></li> <li class="leaf"><span class="nodeImage" onclick="java script:ajaxOpenCategory(3);return false"></span> <a href="category.html?catId=3">cat-3 id=3</a></li> <li class="leaf"&…

    Asked by tipoc,

    0 votes
    8 answers

  9. Проблема с выпадающим меню. Как это реализовать?

    При работе над проектом возник вопрос с реализацией выпадающего меню. А можно ли это реализовать? http://keep4u.ru/full/080403/a3f1b7c9b6ba21f259/jpg

    Asked by Mjfriend,

    0 votes
    8 answers

  10. переопределение стилей, подключение html файла

    Собственно возник вопрос можно ли переопределить стили подключив не просто css а простой документ Html со стилями... собсвенно что то работает что то нет... кто сталкивался или если где почитать. докумет со стилями для P и для заголвка H1.ex <html > <head> <title>Размещение описания стиля в заголовке документа</title> <style type="text/css"> p {color:darkerd; font-size:9px; text-align:right; } H1.ex { font-weight:normal; font-style:italic; font-size:10px; } </style> </head> <body> <h1 class="ex"> Заголовок первого уровня</h1> <p> Пример описания стиля для стандартного элемента HTML - разметки </p&gt…

    Asked by ProGGGer,

    0 votes
    8 answers

  11. Float и подчеркивание у ссылки

    <html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.

    Asked by dimitrich,

    0 votes
    8 answers

  12. Тянем шаблон от 800 px до 1280 px

    Вобщем у меня задача такая, задать ширину дива от 800px до 1280px, все бы ничего, но не получается у меня сделать блок внутри дива таким, чтобы он изчезал при разрешении 800px, появлялся полностью при разрешении 1280px или появлялся частично при разрешении, например 1024px. Блок стоит по середнине, между 4-мя блоками, которые никаким образом изменяться не должны.

    Asked by alkapone,

    0 votes
    8 answers

  13. Нужна помощь

    Строго меня не судите если не в тему просто более подходящей темы ненаш?л!!В общем создал я сайт www.lpmoscow.ru и столкнулся с проблемами!в основном обратился к одному человеку с помощью в проблеме с оптимизацией сайта под все браузеры,однако он заметил множество ошибок в коде помимо этого!После этого он направил меня сюда)))Как с ними разбираться незнаю!НЕРУГАЙТЕСЬ А ПОМОГИТЕ ЧЕМ СМОЖЕТЕ ПОЖАЛУЙСТА!!!ПОДСКАЖИТЕ ГДЕ ПРО ЭТО МОЖНО ПОЧИТАТЬ!просто я в этом деле "лузер" но просто мечтаю поскорее вс? это изучить ибо мне это очень интересно!!!

    Asked by CLIFF,

    0 votes
    8 answers

  14. Ошибка 404.

    Посмотрел описание создания страницы с ошибкой 404 на http://htmlbook.ru/faq/?a=29, сделал вс?, как там написано, но ничего не работает. Пробовал и относительные, и абсолютные пути, но денвер вс? равно выда?т свой вариант 404. В ч?м подскажите, в ч?м проблема?

    Asked by Shuranka,

    0 votes
    8 answers

  15. Проблема с прозрачностью .png IE6

    Читала темы, разные методы, но ни один не помог( Что можно сделать чтобы png был прозрачным и тянулся в IE6, html <div id="order_selection"> </div> css #order_selection { background: url(../i/line_order.png) repeat-x left bottom; height: 235px; width: 60%; margin: 0 0 0 0; float: left; } *html #order_selection { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/line_order.png', sizingMethod='scale'); }

    Asked by Mary_RND,

    0 votes
    8 answers

  16. Авто ограничение ширины div

    Правая колонка используется для навигации, е? ширина зада?тся width: 350px; /*Width of right column in pixels*/ margin-left: -350px; /*Set left margin to -(RightColumnWidth) */ Левая колонка, основная (c контентом), зада?тся кодом: #contentwrapper { float: left; width: 100%; } #contentcolumn { margin-right: 350px; /*Set right margin to RightColumnWidth*/ } При вставке таблицы в основную колонку (левую) блок растягивается в полный размер экрана, что правой колонки вообще не видно. Поэтому есть кросс браузерный код для ограничения ширины блока: max-width: 650px; width: expression(this.offsetWidth > 650 ? "650px" : this.offsetWidth); Как сделать, чтобы максимальная ши…

    Asked by leogee,

    0 votes
    8 answers

  17. Как создать форма с отправкой на почту

    Помогите пожалуйста У меня есть таблица с формами и заполненными ячейками, как отправить полость всю таблицу на почту? (у меня получается только введенные данные) заранее спасибо

    Asked by JENYTAVR,

    0 votes
    8 answers

  18. Поле для ввода e-mail и строки поиска

    Подскажите как вписать в поле для ввода строки поиска или e-mail`a (для подписки) текст типа "Поиск" или "E-mail" но так, что при постановке курсора в поле текст бы пропадал?

    Asked by Alexx,

    0 votes
    8 answers

  19. ссылки

    прошу помощи. можно как-нибудь прописать ссылку на какую-либо страницу в css файле. если да, то как? спасибо

    Asked by rvital,

    0 votes
    8 answers

  20. list-style-type - возможно ли изменять диаметр?

    Возможно ли как то прописать размер маркера? А то по-умолчанию они такие большие и неказистые

    Asked by Rhema,

    0 votes
    8 answers

  21. AlphaImageLoader и ссылка

    Есть div, в котором есть ссылка. Фоном для этого слоя задан PNG с прозрачными областями. Для отображения его в IE использую AlphaImageLoader. Ссылка при этом, хоть и отображается, но перестает быть ссылкой - не реагирует на наведения и клики. Вопрос. Это поведение фильтров IE каким-либо образом можно исправить, или лучше плюнуть и оставить ссылку как есть?

    Asked by extruder,

    0 votes
    8 answers

  22. Высота div

    Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…

    Asked by Sever87,

    0 votes
    8 answers

  23. Проблема с меню

    Меню сделано на основе картинок, все браузеры кроме IE6 реагирует нормально на вариант вертикального меню этим способом При наведение на меню оно начинает убегать вверх из-за #second .s-menu a:hover { background-position: right 0 !important; } без него все нормально, но не работает как надо css #second .s-menu { background:#9f1e26; padding:30px 0 20px 30px; } #second .s-menu a { display:block; margin:0 0 18px 0; } #second .s-menu a#s_7 { background:url(/i/s_m_rest.gif) no-repeat; width:116px; margin-bottom:18px; height: 11px; } #second .s-menu a#s_804 { width:31px; margin:0 0 10px 0; background:url(/i/s_van.gif) no-repeat; height: 9px; } #second .s-menu a#s…

    Asked by Mary_RND,

    0 votes
    8 answers

  24. воспроизведение видеофайла на странице HTML

    я не очень-то разбераюсь :/, потому у меня вопрос: при использовании тега EMBED для открытия видеофайла его загрузка происходит автоматически, сразу же после входа на страницу html...... - как убрать такое автоматическое воспроизведение? Можите предложить свой вариант подобного расположения экрана проигрывателя на странице для загрузки видео - буду презнателен....

    Asked by Evil_In_Hades,

    0 votes
    8 answers

  25. Публичная папка

    Как на хосте сделать чтобы когда заходишь по пути http://сайт/папка/ все е? содержимое было видно любому пользователю? chmod 777 на каталоге стоит, что ещ? сделать?

    Asked by okunev2,

    0 votes
    8 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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