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. Проблема в IE v6

    адресс сайта http://atzond.ru/ Переделываю шаблон,в какой-то момент появилась вот эта фигня в IE,когда наводишь на меню,под него залезает логотип и часть рисунка шапки При этом #button a:hover { background-image: url(../images/btn-bg-h.gif); color: #2E7E0C; } срабатывает нормально,т.е. рисунок под эту строчку подлезает более светлый,чем он без наведенного курсора, но + в IE еще лезет рисунок логотипа. Подскажите примерно куда копать? И еще странность,естли я теже страницы открываю на своем компе в ИЕ тоже все нормально,а в инете глюк. css вот body { margin:0; padding:0; background:#ffffff; } p,td { font-family:Arial, Helvetica, sans-serif; font-size:14px; ma…

    Asked by net,

    0 votes
    9 answers

  2. Растяжка 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

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

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

    Asked by suvenirclub,

    0 votes
    1 answer

  4. 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

  5. Перескок с 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

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

    доброго времени суток! у меня такая проблема: пишу меню, по нажатию на ссылку должен менять положение "плавающий блок" див. Так вот в ие вроде работает, в опере видно как блок на секунду передвигается, а потом обратно на исходную, в мозиле вообще не реагирует 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

  7. как заставить переносится линейный элемент на следующую строку

    Необходимо застравить несколько тегов "а" (которые являются линейными) переносится на следующую строку. Сразу отметаются решения: 1) display:block 2) оборачивать тег "а" блочным элементом <a href="">Раз</a> <a href="">Раз</a> <a href="">Раз</a> <a href="">Раз</a>

    Asked by imolodec,

    0 votes
    9 answers

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

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

    Asked by banyman,

    0 votes
    3 answers

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

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

    Asked by Rebroid,

    0 votes
    7 answers

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

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

    Asked by extruder,

    0 votes
    6 answers

  11. Отображение в 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

  12. Создание покупательской корзины

    Всем привет. Подскажите плз. скрипт корзины

    Asked by sol,

    0 votes
    1 answer

  13. отображение рисунка в ie

    Здравствуйте! Строю сайт пока на своем компьютере. В FF все нормально, в IE вместо первой картинки подпись из alt Код: <table align=left width=90%> <tr align=center> <td align=center colspan=3> <img src="zagolovok.jpg" border=0 alt="Компьютер педагога - музыканта" width=1024 height=189 align=center valign=top> </td> </tr> Что-то не так написано, или проблема с браузером, подскажите, пожалуйста!

    Asked by matana,

    0 votes
    1 answer

  14. Подскажите с чего начать верстать шаблон

    Дали задание тествое. необходимо сверстать шаблон из psd рисунка, подскажите плиз с чего начать

    Asked by parfeon,

    0 votes
    5 answers

  15. Ещё одна проблемка

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> #div1 { position: relative; } #div2 { position: absolute; background: red; left: 40%; width: 5%; top: 20%; height: 10%; } </style> </head> <body> <div id="div1"><img src="http://www.unity.freenet.kz/map/proekcia3.jpg" width="100%"> <div id="div2"></div> </div> <script> alert (document.getElementById("div2").parentNode.offsetHeight + " : " + document.getElementById("div2").offsetHeight); </script> </body> </html> Во всех браузерах работает, к…

    Asked by lazybaby,

    0 votes
    6 answers

  16. Как создать сагрузку

    Как создать типа окна загрузки до полной загрузки страницы! Типа как на http://www.trywarcraft.com/index_ru.html Но можно и проще то есть просто по центру

    Asked by angelShlesser,

    0 votes
    3 answers

  17. Спасите!

    Спасите!!!Я решила написать свой первый сайт.....и вот уткнулась в такой элементарной(наверное) штуке... Я использую программу adobe dreamwear cs3.... программа очень нравиться,но проблема в создании flash объектов.... ...При сохранение flash элемента выскакивает окно где написано: "Button 1.swf" является недопустимым именем фаила. Выберите другое имя фаила. Вот и не могу разобраться что от меня хотят..... имя меняла... все тоже самое выскакивает....уже не знаю что и делать....

    Asked by mnm.87,

    0 votes
    2 answers

  18. IE 7 не поддается выравниванию

    Помогите плиз..Мучаюсь вот уже который день...есть код.... <!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" /> <title>BusWorld 2010: Нижегородская область</title> <style type="text/css"> body { background-color:#7c7057; margin: 0; padding: 0; color: #000; text-align: center; font: normal 13px/1.4em Verdana, Arial, Helvetica, sans-serif; } img { vertical-align: top; border: none; } div { margin: 0; …

    Asked by LLIo6oH,

    0 votes
    2 answers

  19. IMG width в %

    Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?

    Asked by lazybaby,

    0 votes
    32 answers

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

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

    Asked by gelo-n,

    0 votes
    6 answers

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

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

    Asked by parfeon,

    0 votes
    5 answers

  22. Проблема с "резинкой"

    Здравствуйте! Есть задачка: нужно красиво оформить отображение картинок. Сделал вот так. В нормальных браузерах отображается корректно, а вот в эксплорере все поплыло. Объясните пожалуйста, где косяк? HTML код: CSS код: java script:

    Asked by Iron_Snake,

    0 votes
    0 answers

  23. Верхний регистр

    Здравствуйте! У меня возникла проблема: в одном столбце таблицы необходимо указать площадь в квадратных километрах (км 2). Как мне цифру "2" перевести в верхний регистр? Таблицу делаю в dreamweaver 8.

    Asked by Рося,

    0 votes
    14 answers

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

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

    Asked by dyadya,

    0 votes
    8 answers

  25. Для желающих получить опыт верстки

    Для всех желающих поверстать для души, Антон Иванов (@ontozhka) поделился PSD'шником, который он потерял пару лет назад. Шаблон несложный, но и не шибко элементарный. Учитесь и набирайтесь опыта. А вот и сам PSD'ник. Только помните, что автор не вы, и разрешения использовать этот макет никто не давал - вёрстка, для набора опыта, не больше.

    Asked by Dimitry Wolotko,

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