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. Нужен совет по Photoshop`y

    Подскажите как в фотошопе сделать так, чтобы границы слоя были размытыми, т.е. у меня к примеру есть овальный логотип и мне надо, чтобы его края ОЧЕНЬ сильно был размыт (на расстояние около 30% от его длины). Стандартным размытием (инструментом) это не сделать, а вот как по-другому?

    Asked by Alexx,

    0 votes
    7 answers

  2. Ограничение минимальных размеров div

    Здравствуйте. Обращаюсь с вот такой проблемой, для которой никак не могу подобрать решение. Есть "резиновая" страница, состоящая из двух колонок на базе div: правая фиксированной ширины для меню навигации, а левая - с основным текстом, горизонтальные размеры которой подстраиваются под размеры окна браузера. Под текстом находится форма обратной связи. Можно ли как-то ограничить горизонтальные размеры левой колонки оредел?нной величиной, скажем, 300px? Пока никакого решения (без использования таблиц) не наш?л. Просто если совсем сузить окно браузера, элементы формы залезают на меню навигации, а мне этого не нужно.

    Asked by serzh,

    0 votes
    10 answers

  3. Как заставить :hover работать в IE6?

    Нашла похожие сообщения, но так и не поняла как это сделать. Напишите, пожалуйста, конкретно, что и где прописать, чтобы заставить такое: "произвольный_тег" :hover{} работать в IE6!!!

    Asked by Slashka,

    0 votes
    2 answers

  4. Закругл?нные углы у дивов

    Подскажите как сделать

    Asked by Elendor,

    0 votes
    3 answers

  5. Как у списка (ul) увеличить размер точки

    Как у списка (ul) увеличить размер точки ( та что вылазиет с боку автоматом )

    Asked by antonP,

    0 votes
    6 answers

  6. ссылки глюк

    Запарился уже искать причину ! Вобщем тема такая ! На странице две одинаковые ссылки с применением к ним стилей css пока она одна стили для нее применяются как только вписываю вторую стили применяются не полностью (неработает ховер) одновременно с этим откл стили на всех страницах с этой ссылкой. Меняю название страницы в урл ссылки например добовляю 1 или любую букву работает. Самое интересное что этот глюк относится не ковсем одинаковым ссылкам на странице. Что может быть? Если кто сталкивался выручайте ! Спасибо! вот ссылки название ссылки название ссылки вот стили A.mm { text-decoration: none; color:#191970; } A.mm:hover { text-decoration:underline; color:red; } A.mm:…

    Asked by evgenyi,

    0 votes
    2 answers

  7. Помогите. Слой не тянется в ИЕ6 по высоте.

    Проблема в том что в ИЕ6 если жестко не пропишешь высоту блока в px то вложенный слой "height: 100%" тянуться не хочет. А в FF, Opere, Safari (в других не смотрел) все ок. Я делаю рамку для дивного блока, следующим образом: (страничку можно посмотреть по адресу: http://www.sevstar.net/downloads/project/music.sevstar.net/) <!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> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta http-equiv="content-language" content="r…

    Asked by bmv,

    0 votes
    3 answers

  8. Главная страница >...> Рамка вокруг изображения-как это делается?

    друзья, нужна помощь! хочу сайт сделать по уму, поэтому интересуюсь как автоматически выставляются маршруты типа: "Главная страница > Статьи > Изображения > Рамка вокруг изображения"

    Asked by Vega,

    0 votes
    1 answer

  9. Валидатор выдает ошибку

    Доброго дня! Подскажите пожалуйста ответы на пару вопросов. 1. Валидатор выдает ошибку такую: td.stran Parse Error { background-image: url("/images/04.jpg"); BACKGROUND-POSITION: left top; background-repeat: no-repeat; background-color: #ffffff;} И также при таком коде в Мозиле и Опере эта фоновоя картинка не отображается! 2. Также Мозила не понимает следующий код: td.kontakt { font-size: 10pt; color: #f5f5f5; background-color: #89B2A3; text-align: center; font-weight: bold; } В IE и Опере все ок. Заранее всем спасибо!

    Asked by Loed,

    0 votes
    12 answers

  10. Проблема в Explorer 6 с параметром overflow

    Здравствуйте! Заметил странный баг в Explorer`e. Если слой с параметром overflow лежит внутри таблицы, то в Explorere параметр overflow просто не действует. Вот например код: <div style="width: 100%;"> <table style="width: auto"> <tr> <td> <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0"> СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйт…

    Asked by Andrey_rus,

    0 votes
    6 answers

  11. Спрятать полосу прокрутки

    Здравствуйте! у меня следующий вопрос, можно ли спрятать полосу прокрутки(чтобы е? не было видно) вот в этом div: <div align="left" style="width: 694px; margin-top: 20px; height: 456px; overflow: auto; padding-right: 15px;"> </div> Причем чтоб прокурутка содержимого его(колесом мыши) все же осуществлялась. Это вооще возможно? Заранее спасибо!

    Asked by 4ert,

    0 votes
    9 answers

  12. Ошибка в IE при верстке картинками

    Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!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> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…

    Asked by Tigrish,

    0 votes
    3 answers

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

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

    Asked by okunev2,

    0 votes
    8 answers

  14. Не работает перекат изображенияв FireFox

    Здравствуйте! Прочитала статью на этом сайте про перекат изображения - смена картинки под ссылкой при наведении курсора. В Opera и IE вс? работает хорошо, а в FireFox'е - почему-то нет. Может, кто подскажет, в чем проблема может быть?

    Asked by Margooo,

    0 votes
    11 answers

  15. Проблемы с комбинированием селекторов в IE6

    ДД! след. конструкция: Пытаюсь показать пользователю в какой части меню он находиться в данный момент, проблема с неверным отображением в IE6 HTML <div id="list"> <ul> <li class="page_item"><a href="#">Раз</a></li> <li class="page_item current_page_ancestor"><a href="#">Два</a></li> <ul> <li class="page_item"><a href="#">One</a></li> <li class="page_item current_page_item"><a href="#">Two</a></li> <li class="page_item"><a href="#">Three</a></li> <li class="page_item"><a href="#">Four</a></li> </ul&gt…

    Asked by rts,

    0 votes
    2 answers

  16. Проблема в float

    стили: #pad_fonsmall1 { padding-top: 0; padding-left: 0; padding-top: 0; padding-right: 10px; padding-bottom: 17px; float: left; } /* НАЧАЛО - Оформленая прокрутка*/ #mycustomscroll { width: 293px; height: 291px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: none; margin: 0 auto; padding: 0px; } /* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ .scrollgeneric { line-height: 0px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbar { width: 15px; cursor: pointer; height: 74px !important; background: #bbb699 u…

    Asked by okunev2,

    0 votes
    6 answers

  17. Работа с HOVER

    Доброе время суток! Подскажите, пожалуйста, новичку, а то уже намучалась вся.. Хочу сделать 2 блока так, чтобы при наведении мыши на блок?1 менялся его цвет (всего блока, а не только текста, как у меня получается) и одновременно блока?2. html: <!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=windows-1251" /> <link href="style_of_page_menu.css" rel="stylesheet" type="text/css" /> <title>Page2</title> </head> <body> <div class="col1"&gt…

    Asked by Slashka,

    0 votes
    6 answers

  18. XHTML: innerHTML в IE исполняется, а в FF нет.

    Всем привет. На странице доктайп XHTML не подскажете почему строка ArrowLeft.innerHTML=""; в IE нормально исполняется, а в FF нет или innerHTML вообще не стоит использовать в XHTML в?рстке?

    Asked by iluha,

    0 votes
    6 answers

  19. Выравнивание внутри div'а

    Здравствуйте всем, есть простое меню, в нем слева отображается картинка, справа - ссылка на соответствующую страницу. Код следующий: HTML <div class="newline" style="width:100%"> <div class="accitem"></div> <div class="acclabel"> <a href="#">ПЕРСОНАЛЬНЫЕ ДАННЫЕ</a> </div> </div> CSS .newline { clear:both; } .accitem { width:13px; height:18px; overflow:hidden; float:left; background-image:url(../img/bg05.jpg); background-position:center; background-repeat:no-repeat; } .acclabel { padding-left:2px; overflow:hidden; height:18px; float:left; } .acclabel a { color: #FFFFFF; font-family: Verdana; font-size:8px…

    Asked by a_web,

    0 votes
    1 answer

  20. Класс и стиль

    Задать class и style для одного тега. Это, наверное, считается плохо?

    Asked by Колос,

    0 votes
    14 answers

  21. Опять robots.txt

    Насколько знаю, есть возможность в robots.txt отключить индексацию поисковиками определ?нного каталога. вот что у меня в robots.txt User-agent: * Disallow: что дописать, чтоб каталог ./too который лежит в корне, не индексировался. p.s. рекомендованый на форуме ресурс http://robotstxt.org.ru/ не доступен

    Asked by Шейла,

    0 votes
    3 answers

  22. Button сделать ссылкой

    Подскажите кто знает. Как добится, чтоб кнопка стала ссылкой? Пробую конструкции: <a href="http://mysites/index.html"><button> Кнопка </button></a> <button><a href="http://mysites/index.html"> Кнопка </a></button> Опера и Фокс нормально понимают, а Эксплорер нехочет, как его(Эксплорер) убедить в этом?

    Asked by Шейла,

    0 votes
    11 answers

  23. Синтаксис ul li Как сделать так чтобы и картинка и текст были ссылкой?

    Все три картинки и ссылки заключены в синтаксисе ul li ↓ проблема! Как сделать так, чтобы и картинка и текст были ссылкой? Я пробовал абсолютно спозиционировать ссылку тупо по координатам на каждую картинку, но это извращенность. Можно конечно сделать все это дело уже просто ссылками + img, но как правило, чередование более двух связанных между собой слов, является списком. Можно посмотреть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style> #about { } #about ul { height: 7em; margin: 20px 0; } #about ul li {…

    Asked by Sotnikov,

    0 votes
    3 answers

  24. изменение стандартных элементов html.

    Здравствуйте! Очень хочется сделать select, с возможностью отоброжать в нем картинки. Я даже не знаю с чего начать((.. посдкажите пожалуйста хоть в какую сторону копать? Заранее спасибо.

    Asked by 4ert,

    0 votes
    6 answers

  25. Высота 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

  • Обсуждения

    • 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