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. Правильный новостной заголовок

    Здравствуйте. Я сделал для сайта новостной заголовок сл. типа: <h1 class="title><span>12.03.12.</span>Название новости</h1> Но хочу сделать другой вариант, например: <span>12.03.12.</span><h1 class="title>Название новости</h1> Так как мне надо записать всё в одну строчку, то тег <p> не пойдёт. Какие есть ещё варианты?

    Asked by Sayitright,

    0 votes
    6 answers

  2. Всплывающая подсказка над input полем

    Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…

    Asked by Александр_1989,

    0 votes
    1 answer

  3. Помогите с футером!

    Помогите пожалуста с футером! Знаю, что вопрос детский, но у меня в резиновом дизе не получаетцо! Вот html: <!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=windows-1251" /> <title>GenericBlue by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="st.css" rel="stylesheet" type="text/css" /> <link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" /> <link href="css/dropdown/themes/default/…

    Asked by Glebr,

    0 votes
    6 answers

  4. Присвоить class="current" элменту списка или ссылке.

    Подскажите, пожалуйста, каким образом элементу списка или ссылке присваивается class="current" динамически, при нахождении на странице по данной ссылке. Спасибо.

    Asked by DonTomatos,

    0 votes
    1 answer

  5. favicon

    Всем привет! У меня не большая проблема с favicon, сделал его размером 16х16 на одном из сайтов, скопировал его в корневой каталог и прописал между тегами <head> </head> как там написано <link rel="shortcut icon" href="/favicon.ico"/> <link href="/favicon.ico" rel="icon" type="image/x-icon" /> Но у меня не хочет отображаться почему-то Не подскажете в чем причина?

    Asked by Bismuth,

    0 votes
    13 answers

  6. map и area

    Недавно поручили администрирование сайта, сайт вроде делали профессионалы, но сколько их не просили исправить ошибку, так все и осталось... Проблема в следующем: на сайте навигация представляет собой карту-изображене. В opera и FF все отображается корректно, но в IE ссылки куда-то уезжают и находятся совсем не в том месте, где должны быть. Вот код: <div id="flash"></div> <script type="text/javascript"> var so = new SWFObject("assets/flash/flash2.swf", "flash", "527", "256", "9", "#FFFFFF"); so.addParam("wmode", "transparent"); so.write("flash"); </script> <div style="position:absolute;left:0px;top:0px;text-align:center;z-index:3;width:100%;"&g…

    Asked by zeff,

    0 votes
    4 answers

  7. Стили не полностью загружаются в ИЕ7

    При загрузки страницы с сервера блоки на странице отображаются то правильно, то неправильно. При чём неправильность может быть разная. Если подряд понажимать F5, то результаты могут быть разными. Хорошо видно, что при этом все прописанные в коде блоки присутствуют на странице. Но их оформление и расположение (то есть то, что описывается в стилях) рандомно глючит. То есть очевидно, что не полностью загружаются стили. Проявляется это только в ИЕ7. Может кто-то сталкивался с такой проблемой и есть варианты решения?

    Asked by RoleXXX,

    0 votes
    6 answers

  8. Доктайп

    Добрый день. Не нашёл нужного раздела, извините. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <li…

    Asked by Faran,

    0 votes
    5 answers

  9. Проблема с доктайпом

    Добрый день. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <link href="../style.css" rel="stylesheet" type="text/css" /> </head> Зате…

    Asked by Faran,

    0 votes
    1 answer

  10. Обтекание элементов

    Приветствую. Я сделал контейнер <div id="boxincontainerall"> <div class="bordertheme"> <img src="themes/Tema77.jpg" alt="Тема7777"/> <ul> <li>скриншот</li> <li>Скач</li> </ul></div> </div> Когда вниз я прописываю точно такой же контейнер, то соответственно на странице он под предыдущем контейнером. Где я только не ставил float, всё ломается. Как сделать так. чтобы у меня выходило по несколько контейнеров в один ряд. Заранее Спасибо.

    Asked by Faran,

    0 votes
    8 answers

  11. Стили внутри фрейма

    Возможно ли как то переназначить стили внутри фрейма?

    Asked by AlexKon,

    0 votes
    8 answers

  12. clear: both как то не так работает

    Вот сама страница ОНО Народ, который раз уже встречаю такую проблему и опять те же виллы, смысл таков, есть средняя часть ceenterPart, в нее никоем образом не вложены leftPart и rightPark, centerPart идет по коду после левого и правой части, leftPart и rightPart зафлоачены то есть их вообще как бы в структуре нет, НО почему то начиная с "КАК ЗАПИСАТЬСЯ НА ПРИЕМ?" (перед этим в centerPart стоит пустой див с clear: both, верхние 2 блока с флоатами), вобчем происходит сами видите что, будто левая часть вложена в центровую, весь моск сломал не могу понять в чем дело, схлопыванием границ тут вроде не пахнет - ведь кентрен слой никак и в него не вложены боковые , что то другое …

    Asked by TonKhaO,

    0 votes
    7 answers

  13. Помогите Useru

    Всем привет! Создаю свой сайт, ну точнее пробую, подскажите пожалуйстачто нужно пропичатать на HTML, для того чтоб на сайте пользователи могли осставлять коментарии/сообщения. Заранее спосибо!

    Asked by donin27,

    0 votes
    4 answers

  14. Ячейка теперь не ячейка

    Может кому пригодится, сегодня обнаружил, что если ячейке сказать "дисплей блок", то ее спокойно можно вынимать из таблицы и располагать куда угодно отриц. маргинами, позиционированием. Проверил только в Опере, ФФ и ИЕ: да, да, нет(включая 8).

    Asked by Justnewone,

    0 votes
    2 answers

  15. CSS спрайты PNG в IE6

    Добрый вечер!!! Моя проблема заключается в следующим, я использую для своего меню CSS спрайты. У которого картинка фона сохранена в формате PNG. Для решения проблемы с IE6 я использовал clip для CSS. Но дело в том, что при на ведении на пункт меню в IE6, смена картинки срабатывает лишь в том случае если я навожу на саму букву, а не на прозрачный фон. Как решить данную проблему. Вот моя беда http://u.svoego.net/

    Asked by midzus,

    0 votes
    77 answers

  16. Колонки одинаковой высоты

    Имеем код .column_block { width: 100%; overflow: hidden; } .column { border: 3px solid rgb(150,230,150); width: 30%; margin: 0 1% 0 1%; float: left; } .column .radius_top, .column .radius_top div, .column .radius_bottom, .column .radius_bottom div { background: url(../images/radius_column.png) no-repeat; height: 20px; display: block; position: relative; } .column .radius_top { top: -3px; left: -3px; } .column .radius_top div { background-position: 100% -20px; left: 6px; } .column .radius_bottom { background-position: 0% -60px; t…

    Asked by gesandte,

    0 votes
    53 answers

  17. картинка вниз ячейки таблицы

    Есть таблица в одну ячейку которой помещен рисунок. Как грамотно сделать так, чтобы этот рисунок выравнивался по нижней границе ячейки.

    Asked by nikvah,

    0 votes
    4 answers

  18. В чём отличия открытия php кода <?php от <?

    Интересно.

    Asked by Михаил Кононенко,

    0 votes
    13 answers

  19. Баг 3-x колонок в 6IE

    Есть простой код макета в три колонки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> html, body { margin:0; padding:0; min-width:1000px; } div#navigation { background:#B9CAFF; } div#extra { background:#FF8539; } div#wrapper { float:left; width:100%; } div#content { margin:0 200px 0 200px; } div#navigation { float:left; margin-left:-200px; width:200px; } div#extra { float:left; margin-left:-100%; width:200px; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p> </p> <p>very …

    Asked by AntonSolo,

    0 votes
    10 answers

  20. Не понял

    В этой статье http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/ говорилось о какой-то закругленной пунктирной рамке, у которой пунктир у закругления пропадал, т.е. не попиксельно, а либо показывался полностью либо не показывался совсем. Так как такое реализовать? Я даже не знаю как в гугле точно ввести вопрос о такой вещи))) И как в фотошопе нарисовать закругленную пунктирную рамку?))))))

    Asked by Yahoo!,

    0 votes
    3 answers

  21. ИЕ8, лайтбокс и прозрачный input

    Делаю лайтбокс с затемнением страницы. Кладу на него кастомный инпут. Кастомный = с закругленными краями, с тенями: <div class="myinput"> <div class="left_side"></div> <div class="right_side"></div> <input /> </div> и всё тип-топ везде, кроме лайтбокса в ИЕ8. В нём, из-за того что для инпута прописано background:transparent; (а иначе инпут белым прямоугольником будет перекрывать все закругления и тени) этот самый инпут становится не просто прозрачным, но образует дырку в лайтбоксе. То есть в области инпута становятся доступными элементы (ссылки например), которые лежат ПОД лайтбоксом на недоступной странице . Вот такая ес…

    Asked by RoleXXX,

    0 votes
    1 answer

  22. как диву присвоить высоту другого дава?

    Знаю что на чистом CSS это почти невозможно, так как у меня два дива внутри другого, и один из них float, а вот как это сделать хотя бы через JS?

    Asked by kich,

    0 votes
    5 answers

  23. Вопрос по обслуживанию сайта

    Вопрос наверное вызовет удивление или усмешку, но всё же мне интересен ответ. При планировании своего первого сайта сталкнулся с таким фактом, что сайт который хочу сделать будет иметь более 100 страниц, вопрос о его обслуживании не даёт покоя. По этому хотел поинтересоватся у Вас, как Вы меняете что ли бо на своих сайтах, Вы пользуетесь какими либо программами для его обслуживания или же со временем заказываете у программистов создание CMS для своего сайта, или же всё делается в ручную? Просто меня немного напряг тот факт, что при добавлении одной сылки в меню придётся перелопачивать уйму страниц.

    Asked by DIS,

    0 votes
    6 answers

  24. Свой шрифт

    Здравствуйте, такой вопрос: например указан какой-то шрифт типо font-family:название-шрифта; если этот шрифт не установлен на компьютере посетителя, то у него текст отобразиться тем шрифтом который у него в браузере по умолчанию задан. А можно-ли как-то указать ссылку на нужный шрифт во внешнем файле, или сделать так чтоб он автоматически установился при входе на страницу? какие есть способы?

    Asked by YISHIMITSY,

    0 votes
    3 answers

  25. ссылка на скачивание сайта

    всем привет. перепробовал много вариантов. не качаеться. файлы katalog.zip и katalog.pdf - есть. путь - в папке вместе с index.html как сделать правильно ссылку на скачивание? спасибо <p><a href="katalog.zip"> каталог </a><br> <p><a href="katalog.pdf"> каталог</a><br> <p><a href="file:katalog.zip"> каталог</a><br> <p><a href="file:katalog.pdf"> каталог </a><br> <p><a href="file://katalog.pdf"> каталог </a></FONT><br>

    Asked by sky_master,

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