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. С оперой не ладное

    Есть сайт http://www.med-i-tex.ru/search/ , так вот на этой странице кнопка поиска, везде все ок , кроме оперы, у поле input type="text" в css прописано , margin-bottom: 10px; опытным путем выяснено, что именно это смещает рядом стоящий input type="submit", так вот вопрос , в чем дело и есть ли решение такой проблема..если нет , будем искать другой способ P.S. Извините , за неправильность написанное слово в заглавие темы

    Asked by rusakov,

    0 votes
    4 answers

  2. Математический расчет на html страничке

    Подскажите, можно ли как-нить сложить 2 числа на страничке, написанной на html? Дело в том, что есть одна прога, которая генерирует шаблонные документы на базе html страницы и подставляет туда данные из своей базы, так вот, задача состоит в том, чтобы выводилась сумма двух чисел, вытащенных из базы, а не сами эти числа.

    Asked by Alexx,

    0 votes
    16 answers

  3. Растяжка div с заданным float по высоте родительского div'а

    Долго мучаюсь, но что-то не выходит. Случай вроде бы распространенный, но найти решение в интернете так и не смог. Структура довольно простая. <div class="main"> <div class="mainleft"> меню </div> <div class="mainright"> содержание </div> </div> вот их стили .main { width: 90%; background-color: #FFFFFF; } .mainleft { width: 200px; background-color: #FF0000; float: left; height: 100%; } .mainright { background-color: #FFFF00; margin-left: 210px; height: 100%; } Задача: при растягивании одного из дивов (к примеру правого), левый должен стать такой же высоты и наоборот. У меня же получается так: правый див растягивается, раст…

    Asked by PCSpeaker,

    0 votes
    2 answers

  4. Помогите с шириной!

    Так вот, у меня изменяется вроде как ширина центрального блока(основной контент) Помогите пожалуйста! Уже как пол месяца не могу понять в чём дело! Огромное спасибо! Вот код CSS body { scrollbar-3d-light-color: black; scrollbar-arrow-color: 333333; scrollbar-base-color: 333333; scrollbar-dark-shadow-color:black; scrollbar-face-color: #ccffcc; scrollbar-highlight-color: white; scrollbar-shadow-color: black; scrollbar-track-color: #77bbff; background-color : #77bbff; } .textg{ font-family: 'Verdana', 'Tahoma Verdana '; font-size:9pt; font-style:italic; font-weight: 100; font-variant:small-caps; } .textm{ font-family: 'Arial', 'Tahoma Verdana '; font-size:11pt;…

    Asked by Glebr,

    0 votes
    10 answers

  5. ИЕ и проценты

    Почему, если в ИЕ задать размеры изображения в %, картинка искажается - смещаются пиксели?

    Asked by dyadya,

    0 votes
    8 answers

  6. Таблица на 100% в диве для ИЕ

    Здрасте В приведеном ниже коде, при таких условиях нужно добиться, чтобы в ИЕ таблица тянулась на 100%, как и прописано для нее в стилях - она не "дотягивает" немножко из-за установленых отступов и полей для body Если это возможно, подскажите, как? Спасибо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <body style="margin:10px; padding:10px"> <div style="border:1px dashed #666; padding:10px; margin:0 20%"> <div style="border:1px solid black; margin:0 0 10px">Te summo feugiat definiebas sea, natum noster mollis ea has.</div> <table style="width:100%; border:1px solid red"> <tr> <td>…

    Asked by Den,

    0 votes
    3 answers

  7. проблема отображения кода в разных браузерах

    Добрый день помогите почему ничепреведенный код в IE работает а FireFox нет я скопировал всю страницу она маленькая СПАСИБО ВСЕМ <!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=iso-8859-1" /> <title>Untitled Document</title> <script language="JavaScript"> function show(num) { if (document.all("showdetailes" + num).style.display=="none") { document.all("showdetailes" + num).style.display=""; } else { document.all("showdetailes" + num).styl…

    Asked by bgraf,

    0 votes
    2 answers

  8. Вместа текста отображаются крокозябры

    Вобщем наверстал сайт со слелующей гарнитурой текста font-family: Arial, Helvetica, sans-serif; У меня на компе всё отображаетскя корректно.Но у друга...у друга вот совершенно нечитаемый текст на древнешаманском языке. Умные люди скажу что ему(другу) нужно установить дополнительный набор языков. Но хотелось бы решить проблему так чтобы у всех без установки каких-либо дополнительных приложений текст на сайте отображался должным образом.

    Asked by Rebroid,

    0 votes
    7 answers

  9. Помогите разобраться, свойства картинок-ссылок

    Привет. На странице несколько картинок являющихся ссылками. 1 Картинки ссылки - имеют border и при наведении курсора border меняет цвет. 2 картинки ссылки - без border и при наведении курсора border нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>INDEX</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> img { margin: 0px; border: 1px solid #999999; } a:hover img { margin: 0px; border: 1px solid #ffffff; } .logo { margin: 0px; border: 0px; } a:hover.logo img { margin: 0px; border: 0px; } </style> </head> <body> <a href="#"><…

    Asked by Ilya,

    0 votes
    2 answers

  10. Всем добрый день.

    Всем доброго времени суток. Уважаемые пользователи "Ресурса". Хотел бы по просить Вас помочь мне в овладение знаний по написанию сайтов. Посоветуйте пожалуйста, книги каких авторов приобрести для изучения кода HTML и СSS? Заранее спасибо... P.S. Уровень знаний "0"

    Asked by Novus,

    0 votes
    4 answers

  11. Выдрать заливку(pattern) из фотошопа

    Как выдрать pattern фотошопа, чтобы сохранить его отдельной картинкой?

    Asked by Пророк,

    0 votes
    0 answers

  12. Не работает Overflow

    Если задать для таблицы или ячейки таблицы стиль overflow: hidden; во всех браузерах выпирающий за границы текст будет обрезаться, а в опере нет, возможно это исправить?

    Asked by Kenshi45,

    0 votes
    5 answers

  13. все остаётся позади FLASHA

    ребят помогите. в диве находится МЕНЮ и ПОИСКовик.......в этом же диве я размещаю ФЛАШ..... . МЕНЮ и ПОИСКовик у меняposition:absolute;и поэтому они остаются позади флаша. КАК СДЕЛАТЬ ТАК ЧТОБ ОНИ БЫЛИ СВЕРХУ ФЛАША? ВООБЩЕ ЭТО РЕАЛЬНО?

    Asked by FenomeN,

    0 votes
    9 answers

  14. Горизонтальное выпадающее меню

    Здравствуйте! Есть горизонтальное выпадающее меню: html <!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" lang="en"> <head> <title>Untitled</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="111.css" media="all" rel="stylesheet" type="text/css" /> </head> <body> <ul class="dropdown"> <li class="top"><a href="#">Level 1 link</a></li> <li class="top"><a href="#">Level 1 link</a> <span>v</span> <u…

    Asked by Great Rash,

    0 votes
    4 answers

  15. Подскажите элегантное решение без таблиц

    Доброго всем! Есть вопрос для опытных.... Есть задача сверстать макет с центральной колонкой фиксированной ширины, растянутой по вертикали -- чтобы она располагалась по центру окна броузера. Приблизительно так, как изображено на этой схемке: ┌───┬───────┬───┐ │ ┤ ├ │ │ ┤ ├ │ └───┴───────┴───┘ Вокруг центрального блока есть хитрая тень-текстура (шириной около 200 пикселей с каждой стороны), нарисованная дизайнером - именно из-за нее весь сыр-бор и приключился. Нужно чтобы эта тень-текстура была именно на фоне (из-за ее ширины появление горизонтального скролла недопустимо), и чтобы вплотную окружала контент-блок -- слева и справа от него. Если применить…

    Asked by abused,

    0 votes
    6 answers

  16. CSS vs DOCTYPE

    Здраствуйте. Есть скрипт вывода окошка на JS и CSS. вот пример - посмотреть Проблема заключается в том, что мне нужно установить doctype с описанием dtd файла, типа <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> но когда я его ставлю - окошко не выводится(исключение- опера, она не обрабатывает страницу через doctype). В ФФ,Хром, и остальные не показывают с doctype и dtd. Пробовал вычислить в чем проблема- выяснилось, что если убираю css - окно выводит, хотя и без стилей коряво, но все же выводит. Возможно, ему чтото не нравится в написании кода css. <style type="text/css"> A:Link…

    Asked by gaolong,

    0 votes
    4 answers

  17. Нужна помощь

    Всем привет. У сеня на странице два фрэйма. Есть вертикальные полосы прокрутки. Не могу вставить горизонтальные полосы прокрутки в html. Мой сайт http://www.suvenirclub.narod.ru. Прошу, кто знает, как это сделать, подскажите, плиз. В мозиле и опере полосы появляются автоматически, а вот в интернет-экспорере нет. Если, что не так объяснила и нужны еще какие-нибудь сведения, то напишите на suvenirclub@yandex.ru

    Asked by suvenirclub,

    0 votes
    1 answer

  18. Что то с кросбраузерностью, немогу понять

    доброго времени суток! у меня такая проблема: пишу меню, по нажатию на ссылку должен менять положение "плавающий блок" див. Так вот в ие вроде работает, в опере видно как блок на секунду передвигается, а потом обратно на исходную, в мозиле вообще не реагирует Sad если убрать тэг "доктип" то начинает работать и в мазиле вобщем неделю убил и ничего не получилось. помогите кто чем может.. вот собственно код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <script> function switchmenu(l_top){ document.getElementById("content").style.top=l_top; } </script> <body marginwidth="0" marginheight="0" leftmargin=…

    Asked by Patch,

    0 votes
    7 answers

  19. Правильный выбор сжатия

    Суть вопроса в том: Есть шаблон psd в нем остров с полупрозрачным берегом, нужно как можно более компактно сжать картинку потому что на весь шаблон наложено ограничение менее 180 кб, а графики там море

    Asked by parfeon,

    0 votes
    5 answers

  20. Перескок с float в IE6

    Здравствуйте Вопрос - как сделать без таблиц не съезжающий ниже бокового float-элемента блок? Вот вырезка из кода <!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"> <style type="text/css"> body { margin: 0 auto; padding: 0;} #bar-vertical { float:left; white-space:nowrap; border:2px solid;width:230px;} #main{ margin-left:235px;} #header blockquote{ margin:0; white-space:nowrap} #bar-horizontal{ border:2px solid; text-align:right; white-space: …

    Asked by nps,

    0 votes
    1 answer

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

    Вопрос 1. интересно почему в IE между таблицами (1) и (2) видна граница? в Фаерфоксе и Опере все отлично <tr> <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="800"> <tr> (1) <td><img name="index_r1_c1" src="img/logo.jpeg" width="228" height="60" border="0" alt=""></td> (2) <td><img name="index_r1_c2" src="img/index_r1_c2.jpg" width="572" height="60" border="0" alt=""></td> </tr> </table></td> </tr> Вопрос 2. значение "margin" в IE отображается иначе(меньше) чем в ФайерФоксе и Опере как быть? <body background="img/fon.jpeg" marginheight="40"&…

    Asked by sol,

    0 votes
    2 answers

  22. Помогите с hover!

    У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....

    Asked by carlositos,

    0 votes
    9 answers

  23. Перевёрнутая кнопка

    Всем привет такой вопрос как расположить кнопки хаотично то есть боком ,под углом 45 градусов, вверх тормашкой и т.д..(Поиском на сайте пользовался)

    Asked by gelo-n,

    0 votes
    6 answers

  24. Opera - при первом открытии не работает margin

    Есть два div, друг от друга отделены margin 40px. Везде работает нормально, кроме оперы. Пробовал и ставить для верхнего слоя margin-bottom: 40px, и для нижнего margin-top: 40px. Без разницы. При первом открытии страницы в опере никакого отступа нет. Слои слипаются. Обновляю страницу - margin появляется. В чем может быть причина, и как решить? Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    6 answers

  25. SMS оплата на сайте

    Всем привет! Кто прикручивал смс оплату к сайту? Поделитесь опытом, какие сервисы использовали....... Несколько дней капаю тему. Нашел ряд сервисов: smscoin, smsonline, smszamok - самые внятные. Но для моей задачи не все подходит. Нужно интегрировать табличку с инструкцией прямо в страницу сайта Поддержка разных язков И звавязать сервис с системой сайта, чтобы выдать покупателю, по факту оплаты, ссылку на е-маил. SMScoin подходит почти по всем параметрам, но его смс ключ не интегрируется с страницу... идет как самостоятельная страница оплаты Может кто встречал аналоги?

    Asked by banyman,

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