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. удаление ссылки с хедера шаблона Joomla 1.5

    привет всем. не могу удалить с шаблона Joomla 1.5 ссылку в шапке от автора шаблона. простое удаление ссылки из index.php не помогает - рушится верхнее меню именно в ИЭкспл. более того любое изменение в этом файле ведет к этой проблеме. если ко времени ответа ничего не смогу сделать, вот сайт aqua-maris.ru заранее спасибо

    Asked by aleksZGR,

    0 votes
    0 answers

  2. Перекрытие div-om di-va

    Требуется чтоб внутри дива кнопка был див кнопка_линия, который бы был с бэкграундом строго внизу слева и тянулся вправо при растягивании дива кнопка, как на картинке #but { background:url(img/orange_33.gif) no-repeat top left; float:left; height:77px; margin-right:2%; min-width:170px; width:22%;overflow:hidden; } #but_line { background:url(img/orange_42.png) no-repeat bottom left; width:inherit;height:20px;} У меня и при задании позиции и при задании отступов, отступает от текста основного div-a.

    Asked by Winni,

    0 votes
    0 answers

  3. Сложный бекграунд!

    Здравствуйте! Дизайнер прислал шаблон со сложным бекграундом. История такая: В стайлах укажу css директивы которые относятся к теме. html: <body> <div style="height: 300px; z-index: 1;">Этот блок я сделал для того чтобы залить в него бекграунд, основной блок сайта должен наехать на него</div> <div style="z-index: 2; top: -300px;">этот блок содержит сам сайт, блок выровнен по середине</div> </body> Проблема в том что внизу страницы появляется пробел в 300px от этих махинаций и как его убрать я не знаю( Проблема решается если указать высоту body в пикселях но как ее узаешь то... высота блока с контентом меняется постоянно. Вообще для спра…

    Asked by demarko,

    0 votes
    6 answers

  4. Проверка верстки в различных браузерах

    У мя такой вопрос: "Какие браузеры стоит установить для проверки кросс-браузерности верстки. Может есть какие-либо секреты облегчающие эту проверку?" И еще. Поделитесь опытом. Кто как достигает эту самую кросс-браузерность? У мя всё

    Asked by Chebas,

    0 votes
    4 answers

  5. h1 и span в одной строке

    Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…

    Asked by SergeyVM,

    0 votes
    7 answers

  6. Неправильно отображение картинки при уменьшении окна браузера

    Вот сделал скриншоты проблеммы. Посомтрите пожалуйста, скажите как избавится от такого, а то я уже замучался. Проблемма показана на скриншотах. http://www.sharemania.ru/0175738

    Asked by people2010,

    0 votes
    1 answer

  7. Полупрозрачность фона div

    Например <style type='text/css'> .test{ background-color: #666666; opacity: 0.5; } </style> <div class="test">CONTENT</div> При таком раскледе не только фон имеет прозрачность но и весь контент, (а нужно только к фону применить прозрачность), как это сделать?

    Asked by slavok47,

    0 votes
    8 answers

  8. position relative

    Привет всем! Какие ошибки и чем может грозить если для всех div на странице задать position relative?

    Asked by vector7,

    0 votes
    4 answers

  9. CSS и Sharepoint

    когда пытаюсь придать свойства некоторым объектам в Sharepoint, то программа создаёт и применяет стили ыtyle1 и т.д. пролазил настройки но так и не нашёл, как можно отключить эту функцию, чтобы свойства объекта были присвоены в самом объекте без создания стилей? думал, что на вкладке CSS можно поменять. поменял и это не помогло. тогда какой смысл настроек на той вкладке: встроенные стили и классы? поскольку удалить тему нельзя, то сам себе и отвечу. надо открыть панель "применение стилей" и в окошке конечное правило сделать создать встроенный стиль.

    Asked by Rilo,

    0 votes
    0 answers

  10. Картинки не затемняются в FireFox и Google Chrome!

    Парни, подскажите почему у меня на http://mnart.ru/portfolio/ не затемняются картинки при наведении в FireFox и Google Chrome? Хотя в Опере и даже в IE всё работает!

    Asked by CrazyFrog,

    0 votes
    12 answers

  11. Помогите решить задачу!

    Нужно сделать два разных дизайна одной странички и кнопки переключения между ними. В первом дизайне таблица а под ним текст а во втором эта же таблица но вместо текста две такие же таблицы но разумеется с другим содержанием. За идею и мысль буду премного благодарен!)))

    Asked by Alexsays,

    0 votes
    8 answers

  12. Таблицы в DIV

    На странице используется двухколонная верстка: #center { margin-right:230px; } #right { float:right; width:220px; } Нужно вставить таблицу, чтобы она растягивалась по ширине на всю центральную колонку. Если я задаю у таблицы свойство - width='100%', то во всех браузерах отображается как надо, а в IE верстка ползет, и таблица растягивается на весь экран закрывая и правую колонку. Как пофиксить?

    Asked by ololo686,

    0 votes
    6 answers

  13. Всплывающая CSS-подсказка поверх всего контента.

    На странице надо отобразить всплывающую подсказку средствами CSS, причём чтобы она была поверх всего остального контента. Казалось бы, z-index в зубы - и вперед! Но не тут-то было... Примерная структура проблемной страницы такова: <img id="engrave" ...........> <div id="article" > <p> Всякий текст... <span class="title">**<em>Текст подсказки.<i></i></em></span> </p> </div> CSS в общем виде такой: #engrave { margin: 10px; position: relative; z-index: 1; cursor: pointer; } #article { margin: 10px; opacity: 0.7; background-color: #ffffff; float: none; } .title{ position:relative; …

    Asked by ASGAlex,

    0 votes
    7 answers

  14. Крякозябры в IE

    Помогите пожалуйста. Есть кусок кода и в IE, в программке IETester русский текст отображается каракулями, собственно почему? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> h2 { color: #000; font-size: 24px; font: normal 16px/100% Microsoft Sans-serif; } #sidebar h2 { background: url(images/side-h2-bg.png) repeat-x left top; height: 26px; ma…

    Asked by Mal4ishnik,

    0 votes
    15 answers

  15. Большое фоновое изображение Для сайта.

    Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.

    Asked by taran,

    0 votes
    14 answers

  16. Как сделать элемент на всю ширину страницы с прокруткой

    Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…

    Asked by clavin,

    0 votes
    4 answers

  17. Формы+Шрифт в разных браузерах

    Обычная форма: <html> <style type="text/css"> body { color:#a2a4a3; font:12px/18px Arial, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: normal; } </style> <body> Тут текст<input type="text" name="login" size="11" maxlength="20"> тут идет тоже текст<input type="password" name="password" size="12"> <br><br> <textarea name="textarea" cols="43" rows="20">111111111111111111111111111</textarea> </body> </html> Но у меня возникает две проблемы: 1. Разный шрифт в Opera и Firefox. Хотя как мне кажется я все верно указал. Из-за этого расстояние меняется. Как его верно установить что бы он был…

    Asked by Olegs2,

    0 votes
    6 answers

  18. Возникли проблемы

    Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…

    Asked by gelik,

    0 votes
    4 answers

  19. Абсурд с position! И тем не менее, работает...

    Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…

    Asked by Мое Яблоко,

    0 votes
    18 answers

  20. подскажите ламеру)

    подскажите плиз html тег для выравнивания текста на всю ширину строки, либо css тег. Заранее с пасибо

    Asked by Romario1985,

    0 votes
    3 answers

  21. Как провести правильно техническое обслуживание сайта

    Здравствуйте. Подскажите пожалуйста, как правильно проводить технические работы на сайте либо на форуме. К примеру возникла ситуация, когда нужно сменить движок сайта, либо подкорреткировать базу данных, либо еще что-то. В данном случае, обычно делают специальную заранее подготовленную страницу, информирующую о технических работах, и перенаправляют туда всех посетителей через htaccess . А поисковым ботам, отдают ошибку 503, чтобы они не посчитали все страницы за дубль, и не повыкидывали их из индекса. Вот собственно вопрос. Как это осуществить в htaccess. Что нужно прописать, чтобы перенаправить всех посетителей на заранее подготовленную страницу, а поисковым роботам отд…

    Asked by bigferumdron,

    0 votes
    3 answers

  22. Клоны меню и текста на другие страцици

    Ребята я незнаю как правельно сформировать вопрос.. каждый сайт есть кнопки например: Главная Кантакты ..... так же есть такие элементы котрые будут на каждой странице одни и тежее папример: возмем HTMLBOOK.RU этот логотив одинаков на каждой страницу как сделать так что бы если нужно мне допустим что то изминить оно клонировалась на все другие страницы? может я как то не так обьяснил извиняюсь туговато мне идет все это дело ..... и еще мне нужно что бы это все было HTML то сервер непотдерживает PHP

    Asked by olegubs,

    0 votes
    9 answers

  23. Звук в формате Ogg Vorbis

    Как внедрить на страницу звук в формате Ogg? Пробовал в Опере и IE - никак не реагируют они на этот формат, тишина. Может, дополнительные кодеки надо в систему или в броузер ставить?

    Asked by Pinguin,

    0 votes
    2 answers

  24. Проблема с IE6

    Так должно быть (и есть во всех приличных браузерах) - А так происходит в не приличном браузере ИЕ 6 - HTML <!-- content --> <div id="body" class="clearfix"> <div id="leftCol"> <div id="menuUL"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">О нас</a></li> <li><a href="/">Новости</a></li> <li class="current"><a href="/">Меня беспокоит</a></li> <li><a href="/">Прайс лист</a></li&…

    Asked by Eirene,

    0 votes
    4 answers

  25. неправильное отображение в IE 6

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…

    Asked by Mal4ishnik,

    0 votes
    6 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