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. Как отобразить в бразуре отформиатированный HTML и CSS?

    ребят как показать на веб сайте код html и css? Но чтобы теги и тому подобное были выдели каждый своим цветом. пример здесь (щелкните на любой картинке): http://www.psd2html.com/examples.html спасибо

    Asked by termoplus,

    0 votes
    4 answers

  2. margin

    Есть часть кода <td align="center"><input type="submit" value="Кнопка"></td> который работает. Но я хочу чтобы align задавался в моём css файле с помочью идентификатора. В html файле примерно так <td><input id="td22" type="submit" value="Кнопка"></td> Как правильно написать код в css файле? Этот код не работает: #td22 { margin: 0 auto; }

    Asked by kenu,

    0 votes
    5 answers

  3. скрыть при условии

    вопщем немогу сам придумать как выстроить такое отношение <div id="rightcolumn"></div> <div id="content"> <table class="contentpaneopencat"></table> </div> нужно чтобы если <table class="contentpaneopencat"> существовал, то <div id="rightcolumn"> был бы {display:none;} нимогу сам сообразить

    Asked by mafinok,

    0 votes
    2 answers

  4. Помогите чайнику!

    Ввела <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML4.01 Transitional//EN”> <html> <head> <title>Наша тестовая страница</title> <meta http equiv=”Content-tupe” content= “text/html “charset=”windows-1251”> <meta name “keywords” content=”учебник, язык HTML”> <meta name “description” content=”Здесь Вы найдете общую информацию по языку HTML и структуре страниц”> </head> <body> Моя первая страница </body> </html> Сказано, что в браузере будет показано только три слова "Моя первая страница", открываю, а у меня весь этот текст со всеми тегами и т.д. Помогите пожалуйста!

    Asked by Svetulina87,

    0 votes
    4 answers

  5. свойство Opacity и его поведение

    Я использую блок контента (1), родительский элемент (2) которого имеет прозрачность 0,5 (выступает в роли заднего фона через который видны другие элементы страницы). Прозрачность с родителя(2) распространяется на контейнер (1). Подскажите пожалуйста, как сделать чтобы родительский элемент был прозрачным, а контейнер - непрозрачным? (Даже если указываю для (1) opacity:1 ничего не меняется)

    Asked by Victor,

    0 votes
    8 answers

  6. Дайте совет, все ОК, только менью . . .

    Вот та страница сайта над которым работаю. t a m c r e d i t . g e / f i n a n c i a l . h t m (без пробелов) Я хочу переделать вес сайт, чтобы все страницы были с такими же играющими цветом меню. Все вроде бы вставила, но вот с шириной не могу справится, как поступит, чтобы и меню было резиновой.

    Asked by Dobo,

    0 votes
    3 answers

  7. Отображение в Internet Explorer 6

    Описание изображения HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } результат: http://www.sohtanaka.com/web-design/exampl...dow/caption.htm так вот, в ИЕ 6 вообще не отображается. для отображения добавил csshover.htc.: http://www.xs4all.nl/~pet…

    Asked by sol,

    0 votes
    11 answers

  8. Всплывающее окно

    есть сайт http://www.wildberries.ru/catalog/120/men.aspx если нажать на любую фоту одежды откроется всплывающее окно (как я понимаю это ява скрипт): Два вопроса: 1) индексируются ли такие страницы поисковиками 2) как такую красоту сделать? пожалуйста подскажите

    Asked by sol,

    0 votes
    7 answers

  9. 3 колонки. Высота

    Есть следующий код: <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; height:100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right; height:100%;} #outer2 {margin-left: 832px; height:100%; } #left {width: 50%; float: left; position: relative; left: -832px; height:100%;} #right {width: 50%; margin-left: -1px; float: right; height:100%;} #main {width: 832px; margin: 0px auto; height:100%;} </style> </head> &l…

    Asked by 1nf,

    0 votes
    1 answer

  10. Высота DIV

    Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Левая - Правая - Центр</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0; padding: 0;} html {height: 100%;} body {height:auto !important; height:100%; min-height:100%; background:#fff url('../Images/bg.jpg') repeat 0 0; min-width: 1000px; position: relative;} * html body {height:100%;} #content {width: 100%; overflow: hidden; } #outer1 {width: 100%; margin-left: -100%; float: right;} #outer2 {margin-left: 832px; min-he…

    Asked by 1nf,

    0 votes
    4 answers

  11. Кнопка регистрации

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

    Asked by Minato72,

    0 votes
    5 answers

  12. Float

    замаялся....уже не знаю что делать.... вот такая таблица: ############## # 1 # 2 # 3 # 77# ########### 77# # 4 # 5 # 6 # 77# ############## 1-7 картинки, причем 7 на 2 строки хтмл: <div id="1"><img src="img/bluzka00304.jpg" height="237" width="180"/></div> <div id="2"><img src="img/bluzka00302.jpg" height="237" width="180"/></div> <div id="t3"><img src="img/bluzka00305.jpg" height="237" width="180"/></div> <div id="4"><img src="img/bluzka00303.jpg" height="237" width="180"/> </div> <div id="5"><img src="img/bluzka00306.jpg"height="237" width="180"/> </div> <div id="6"><im…

    Asked by sol,

    0 votes
    4 answers

  13. Опять раздвигается таблица или крик о помощи

    Добрый день, я замучался с таблицами которые разезжаются как хотят. Возмождно специалист по HTML подскажет мне решение. Есть текст с картинками, если картинке сделать выравнивание по левому краю, то текст пытается влезть справа и раздвигает таблицу (у меня фиксированная ширина должна быть). Как заставить браузер понять что НЕ нужно раздвигать таблицу, а вывести текст по картинкой. Вариант поставить варавнивание по верху - не подходит, Так как у меня проблема у меня в разделе новости а они отображаются в "широкой" таблице (полный текст) и в "узкой" (на главной Интротекст+сжатие картинок), и если поставить варавние по верху то в широкой части будут пробелы огромные рядом …

    Asked by mid,

    0 votes
    7 answers

  14. Рамка в трехколоночном макете

    http://soundtrack.org.ua CSS: #tr { border-top: 1px solid #ccc; clear: both; padding: 10px 0 0; width: 892px; } #col1, #col2, #col3 { float: left; } #col1 { border-right: 1px solid #ccc; padding: 0 10px 0 0; width: 180px; } #col2 { padding: 0 10px 0 10px; width: 490px; } #col3 { border-left: 1px solid #ccc; padding: 0 0 0 10px; width: 180px; } Как сделать, чтобы правая и левая рамка тянулась по всей высоте соответственно левой и правой колонки?

    Asked by Mr.Smith,

    0 votes
    7 answers

  15. Что должен содержать .htacces?

    Подскажите начинающему, какие директивы должен содержать этот файл? Надо-ли запрещать доступ к скриптам? решил что нужно директива: Options -Indexes Кто администрирует реальный сайт напишите пожалуйчта типичное содержание(если так можно выразиться) этого файла.

    Asked by Sserg-135,

    0 votes
    6 answers

  16. Масштабирование текста и "отражённые символы"

    Приветствую, господа. Решил объединить вопросы, чтобы не засорять место. 1. Не подскажете, возможно ли с помощью CSS запретить Safari и IE масштабировать текст (хотелось бы, чтобы не менялся размер текста на панели слева, т. е. как-то "выключить" эту опцию в IE - "размер шрифта")? Вот ссылка на сайт: http://www.turba-philosophorum.narod.ru/ 2. Можно ли как-нибудь заставить символы отображаться "зеркально"? Например, чтобы И выглядела как N? Заранее спасибо.

    Asked by Nailman,

    0 votes
    3 answers

  17. Ломаем мозг :)

    Вобщем сижу маленечко верстаю, и при вёрстке у меня возникла такая задача: расположить рядом 2 блока, один фиксированной ширины, а второй резиновой. Я сумел решить эту проблему только используя таблицы. Интересно найдёт ли кто-нибудь решение с блоками. Обязательные условия: Никаких иллюзий и тп, есть масса способов привести результат к такому виду, но задача именно в том, чтобы всё было по честному, никаких z-index'ов и тп. (Кстати на примере, который свёрстан блоками результат достигнут именно через z-index, но этот результат только для примера он не правильный.) На моём хостиге снова глючит FTP так что залить пример не могу, выкладываю код сюда. Делимся мыслями. <…

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

    0 votes
    28 answers

  18. проблема отображения флеш в ИЕ

    В таблице 2 стоки. В верхней Флеш, в нижней просто рисунок, который должен вплотную прилегать к флехе. Собственно всё идеально в Опере, Хроме, Фоксе и Макстоне.. а вот в ИЕ под флешкой в верней строке отступ непонятный нарисовался пиксела в 4. Причём отступ прозрачный, то есть виден основной фон ячейки. Скрин ошибки здесь: http://ifolder.ru/12270189 У таблицы параметры cellpadding="0" cellspacing="0", так что ничего подобного быть не должно. Пробовала установить параметр valign="top", при любой высоте верхней ячейки флеш прижимается к нижней грани (то есть эффект сам по себе есть), но отступ в несколько пикселов всё равно остаётся. помогите плииииз..

    Asked by Arkada,

    0 votes
    5 answers

  19. Мистика или нет?

    создал галерею с помощью известного плагина lightbox . в режиме офлайн все работает четко, во всех браузерах. но после заливки файлов на сервер, перестал работать. все перепроверил, пару раз перезаливал. никак! есть только одно объяснение, хотя не уверен, поэтому решил спросить. Хостинг бесплатный (залил для теста). линка сейчас нет чтобы показать. может кто сталкивался? спасибо

    Asked by termoplus,

    0 votes
    2 answers

  20. Проблема с текстовым полем

    Такая проблема: мне нужно, чтобы пользователь, который введёт в тектовое поле фразу и после чего нажмёт на кнопку, переходил по ссылке: http://mysite.ru/search/фраза_пользователя Пробовал: <input type="text" name="URL" alt="http://mysite.ru/search/" value="" size="30"> <input type="button" value="Поиск" onClick="location.href = this.form.elements[0].value" name="button"> Но пользователь переходит только по ссылке: http://mysite.ru/фраза_пользователя Очень нужна помощь, заранее спасибо

    Asked by Vic1993,

    0 votes
    2 answers

  21. Разное отображение в разных браузерах.

    Пытаюсь учится HTML и CSS. Для этого создал сайт. Сделал вроде всё нормально, но в разных браузерах отображается по разному. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content=""> <meta name="Keywords" content=""> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>титл</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; text-align: left; padding: …

    Asked by Gardarik,

    0 votes
    6 answers

  22. Для Самых Начинающих ))

    Здравствуйте, Только начал работать с сайтами Не заню как натроить у себя на компе удаленный достпуп с сайту заказчика пароль там нужен и еще что-нибудь... расскажите пожалуиста поподробнее.

    Asked by 2bam,

    0 votes
    1 answer

  23. Курсив italic

    На сайте цитаты в курсивном стиле, сайт резиновый, три вертикальные колонки. Лево - менюшка, право - новости а в середине информация. Средняя колонка по её краям в черной рамке. Из-за курсивного стиля исчезает правая полоса обрамления. Сталкивался кто-то с такой проблемой???

    Asked by :tyz,

    0 votes
    12 answers

  24. обрамленная таблица

    Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо

    Asked by polinka,

    0 votes
    0 answers

  25. обрамленная таблица

    Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо

    Asked by polinka,

    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