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. position: absolute

    Есть <div id='script' style='position: absolute; top: 50%; left: 25%; background: #C4F254; border: 1px solid black; visibility: hidden; padding: 10px; width: 700px;' valign='center' align='center'> Теоретически при его отображении он должен отображаться по середине экрана, но фактически он отображается по середине только если страница без прокрутки.. Если же страница длинная и мы вызываем этот див где-то внизу страницы, то он отображается где-то наверху.. Вопрос: как сделать чтобы div отображался по середине экрана, независимо от положения на странице?

    Asked by Беркут,

    0 votes
    7 answers

  2. ie8 body

    Вечер добрый, такой глюк, бьюсь второй день немогу понять, толи explorer глючит толи меня, В общем смысл в том, что не получается отобразить в ie8 картинку фоном к тэгу body(html). Пробовал и без совместимости и доктип менять, все броузеры отлично, ie8 никак, а мне проект надо было сдавать, делался на работе под xp и ff3.5, ie6, opera8 - проблем небыло, а дома win 7 с ie8 и ff3.5 вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"> <tit…

    Asked by StupID,

    0 votes
    10 answers

  3. Скорость загрузки сайта

    Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.

    Asked by qwe!,

    0 votes
    4 answers

  4. Расчёт высоты в IE6

    Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.

    Asked by Игорь Ермаков,

    0 votes
    7 answers

  5. CSS

    Сейчас создаю свой сайт. Сделал несколько страниц. Перенес папку с сайтом с ноутбука, на котором делал сайт, на ПК. И тут выяснилось, что CSS частично не работает на некоторых страницах (т.е. некоторые куски из CSS файла, к которому обращаются все страницы, на некоторых страницах не работают) Причем на ноутбуке сайт работал корректно во всех браузерах, а на ПК одинаково неправильно во всех браузерах. Например: не подсвечивается меню; картинки ведут себя так, как будто между ними не задан промежуток и др. Что это может быть? Заранее спасибо.

    Asked by aalekss,

    0 votes
    1 answer

  6. Дополнение в код?

    Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.

    Asked by romashkaed,

    0 votes
    2 answers

  7. legend по центру

    Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!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"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…

    Asked by tgnet,

    0 votes
    11 answers

  8. Проблема table

    Всех приветствую. В html совсем новичок. Прошу помощи есть такой код: <html> <head> <title>название</title> <link href=/style.css rel=stylesheet type=text/css /> </head> <body> <table border=0 width=100%> <tr valign=top> <td width=30%> это слева </td><td width=50%> это справа</tr></td></table> </body> </html> что в нем не так? Если не использовать table и td то текст в нормальном шрифте, как только начинаешь их использовать шрифт становится в 2 раза больше. Скрин C таблицей Без таблицы

    Asked by vladan,

    0 votes
    3 answers

  9. галлерея

    мне очень нравиться как выполнена галерея на foto.ru есть такие уже готовые? Я искал в гугле, но ни чего похожего не нашел.

    Asked by sh1va,

    0 votes
    1 answer

  10. Вопрос по фоновому изображению.

    Скажите пожалуйста, как сделать часть фонового изображения ссылкой?

    Asked by Willi,

    0 votes
    3 answers

  11. Помогите разобраться с DIV

    Здравствуйте помогите пожалуйста с DIVами, мне нужно левый и правый блок растянуть на 100% по длине а блок между ними сместить на 10px вниз, при попытках все 3 блока смещаются <body> <div id="Conteiner"> <div id="LeftBlock"> LeftBlock </div> <div id="RightBlock"> RightBlock </div> <div id="Content"> <div id="CenterBlueBlock"> CenterBlueBlock </div> <div id="CenterDarkBlueBlock"> CenterDarkBlueBlock </div> </div> </div&…

    Asked by Budulianin,

    0 votes
    3 answers

  12. Отступ красной строки

    Всем привет еще раз! Не дам Вам отдохнуть. Еще раз всех с Новым Годом и грядущим Рождеством Христовым!!! Могу ли я добавить скрипт (если я правильно понимаю) в файл типа default.css для тега <br> что бы после него была красная строка, т.е. отступ типа text-indent: ???? Прошу дать внятный ответ, т.к. я в этом деле еще даже не дуб, а желудь! Спасибо!

    Asked by Vicoff,

    0 votes
    6 answers

  13. Можно ли сократить CSS?

    Пишу: style="border-top: 1px solid #8e99d7; border-right: 1px solid #8e99d7; border-left: 1px solid #8e99d7;" Можно ли сократить? Спасибо

    Asked by klik2,

    0 votes
    2 answers

  14. кнопка поиск

    Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?

    Asked by cardsmoney,

    0 votes
    2 answers

  15. Переход в начало страницы.

    Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…

    Asked by strx,

    0 votes
    5 answers

  16. Помощь со страницей сайта

    Добрый день. Я совсем начинающий создатель сайтов. Подскажите пожалуйста как на этой странице http://www.pokerneo.ru/aboutpoker.html убрать расстояние между картами.

    Asked by dimalm,

    0 votes
    12 answers

  17. Как выровнять форму

    Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…

    Asked by stardel,

    0 votes
    3 answers

  18. как для iframe установить высоту в %?

    <div class="top-frame"> <iframe src="frames/main-frame.html"></iframe> </div> <div class="bottom-frame"> <iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe> </div> body{ height:100%; } .top-frame{ width:100%; height:70%; } .top-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } .bottom-frame{ width:100%; height:30%; } .bottom-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%? Если задавать в пик…

    Asked by Vitrilo,

    0 votes
    1 answer

  19. Как организовать файлы и папки на статичном сайте?

    Появился заказ переверстать несколько десятков статичных страниц. Заказчик против движка. Первый раз верстаю целый сайт на html. Как лучше всего организовать файлы и папки? Все *.html лежат в корне. Думаю, в папке css создать файл main.css, а также отдельные *.css для каждой странице при необходимости. В папке i буду хранить фоновые изображения для всех страниц, а в папке images - картинки пользователей для всех страниц. Может есть какие-то лучшие способы? Была идея создать один файл стилей для всех, а стили для отдельных страниц задавать через класс на body...

    Asked by shvv,

    0 votes
    6 answers

  20. Активная ссылка в разных броузерах

    Всех с наступившим 2010 годом. Удачи, благоролучия и вдохновения!!! Вроде пустяшный вопрос - а решить не могу. Подскажите пажалуйста при таком коде в CSS #tab a span {color:blue;} #tab a:hover span {color:green;} #tab a:active span {color:red;} активная ссылка red только в IE/. Остальные броузеры (от Opera до Chrome) после клика при уводе курсора ссылку ссылку снова делают blue.На сам клик делают red . Это исправимо? Или искать другие способы?

    Asked by olva,

    0 votes
    12 answers

  21. Не могу выровнять по центру картинку и текст

    привет есть следующий код .title /текст/ { font-weight:bold; } .cell /ширина текстового поля/ { float:left; min-width:150px; } .img/картинка/ { border:none !important; float:left; padding:5px 5px 5px 0; } визуально получается картинка прижатая к краю, и с правой стороны обтекается текстом необходимо же чтобы картинка была по центру ячейки, а текст был прописан под ней делаю следующую конструкцию: .title /текст/ { font-weight:bold; display:block; text-align:center; } .cell /ширина текстового поля/ { min-width:150px; } .img/картинка/ { border:none !important; display:block; margin:0 auto; padding:5px 5px 5px 0; } результата нет... что я делаю не так?

    Asked by crazyawm,

    0 votes
    5 answers

  22. Проблема в .css

    Добрый вечер. У меня такой вопрос. У меня сайт dle 8.3, в шаблоне имеется меню которое настраивается в .css Вот в чем проблема: меню имеет 2 столбца. Подкатегории не строго идут под главной категорией а в разброс. как видно имеется главная категория "DataLife Engine" далее подкатегория "Реализы" ушла в правый столбец,"сборки" тоже ушли в правый столбец- хотя они относятся к категории "DataLife Engine" и должны идти под ней, а не перескакивать в правое меню. И так у меня со всем меню. Получилось что меню полностью смешалось и не понять к какой категории относятся подкатегории. Вот сам .css .categories-block {overflow: hidden; zoom: 1; position: relative; width: 470px; pa…

    Asked by schtefan,

    0 votes
    6 answers

  23. Сжатие CSS

    Посоветуйте, пожалуйста, средства для сжатия CSS, к примеру, чтобы лишние пробелы удалялись и т.п. Пользуется кто-то таким? Есть смысл?

    Asked by Mr.Smith,

    0 votes
    7 answers

  24. Помогите с формой обратной связи

    Суть проблемы следующая: Есть форма в которую люди вбивают данные необходимые для регистрации юридического лица, один из пунктов "Добавить учредителя" (вбиваются паспортные данные) дело в том что этих учредителей может быть несколько, изначально их количество неизвестно, как реализовать это в своей форме не могу допетрить, как сделать так чтобы при каждом клике на "Добавить учредителя" открывалась подформа с полями ввода паспортных данных и после ее заполнения можно было добавить еще одного (данные о каждом должны сохраняться) или вернуться к основной форме без потери данных в ранее заполненных полях. Спасибо за помощь.

    Asked by ads77,

    0 votes
    2 answers

  25. Проблемма с swf

    Вставляю флеш меню с прозрачным фоном, отображает нормально в ИЕ, а в фф, опере и хроме - отлько прозрачный фон. Я так понимаю, это из-за того, что флешка находиться посредине, и вниз и вверх еще идет пустой фон. Как можно решить эту проблемму? <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="85" id="FlashID" title="meny"> <param name="movie" value="images/menu.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="9.0.45.0" /> <!-- Этот тег param предлагает пользователям Flash Player…

    Asked by Vitrilo,

    0 votes
    1 answer

  • Обсуждения

    • 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