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. Оптимизация меню

    <style> * { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menudiv { padding-right: 8px; height:17px; border-top: solid 3px #ef3e35; background: #eaeaea; } .menu { width: 100px; margin-left: 1px; float:right; background: #ef3e35; font-size: 11px; color: #fff; text-decoration:none; text-align:center; display: block; } .menu i { display: block; border:#eaeaea 4px solid; border-top-color:#ef3e35; border-bottom-width:0; } .menu:hover { background-color:#007fc3; color: #fff; } .menu:hover i { border-top-color:#007fc3; } </style> <div id="menudiv"> <a href="news.htm" class="menu" onMouseOut="documen…

    Asked by chus,

    0 votes
    1 answer

  2. Заголовок и результаты в разных таблицах

    Делаю таблицу следующего вида: Отдельная таблица заголовков и отдельная таблица резултатов. Вертикальный скроллинг должен скролить только результаты, а горизонтальный скроллинг скролит и результаты и заголовки. <!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>Untitled Page</title> </head> <style type="text/css"> div.HeadersContainer { width:100%; overflow:hidden; position:relative; top:0px; left:0px; } table.Headers { position:relative; top:0px; left:0px; border:solid 1px black; } div.Res…

    Asked by sniffer,

    0 votes
    0 answers

  3. Internet Explorer + FireFox, проблема с css на a img и таблицей

    Проблема изображена на картинке, давите, чтобы увеличить: Как видно, Эксплорер (верхняя)) задает дикие расстояния между ячейками таблицы, к тому же, они разные. Нет красной рамки при наведении на картинку. Мозилла (нижняя) все делает так, как я хочу: и расстояние между картинками (через margin) и красная рамка в 1 пиксель при наведении. Код приведен ниже. В чем может быть проблема, плиз, хелп. Вот мой код: css: /*изображения, на которые можно кликать*/ A IMG{ margin: 2px; border: none; } A IMG:hover { margin: 2px; border: 1px /* Толщина рамки */ solid /* Сплошная рамка */ #DA261E /* Цвет рамки */ } html: <table cellspacing="0" cellpadding="0" border="0"> &…

    Asked by ХОЛОДный,

    0 votes
    5 answers

  4. Линки меню т.д.

    У меня возник вопрос: как сделать свой стиль меню(не обычный подчеркнутый текст), а что-нибудь другое. Насколько мне известно, надо прописать где-то class и название стиля. Этот вопрос затрагивает также и пункты меню ( ), рамки вокруг картинки.

    Asked by Eternal,

    0 votes
    8 answers

  5. Проблема отображения gif в IE6

    Здравствуйте. Описание: Пользователь нажимает создать сайт, данные через javascript (document.create_site.submit() отправляются скрипту. Поскольку создание сайта занимает некоторое время(записи в базу данных, создание папок и т.д. 3-4 секунды) я решил на этом время разместить поверх сайта полупрозрачный див, на котором расположен индикатор. Собственно проблема: После отправки данных из формы останавливается gif анимация в IE7(6). В Опере и FF работает отлично. Вопрос: можно ли как-то без аякса заставить gif и дальше крутится в IE. Спасибо всем кто прочел.

    Asked by dallone,

    0 votes
    7 answers

  6. Zoom & UnZoom (JavaScript)

    <script language="javascript"> function zoom() { if (document.form1.mypict.width < 140) { document.form1.mypict.width=document.form1.mypict.width+1 document.form1.mypict.height=document.form1.mypict.height+1 setTimeout("zoom()", 40) } } function unzoom() { if (document.form1.mypict.width > 130) { document.form1.mypict.width=document.form1.mypict.width-1 document.form1.mypict.height=document.form1.mypict.height-1 setTimeout("unzoom()", 40) } } function zoom2() { if (document.form2.mypict2.width < 140) { document.form2.mypict2.width=document.form2.mypict2.width+1 document.form2.mypict2.height=document.form2.mypict2.height+1 setTimeout("zoom2()",…

    Asked by Marlik,

    0 votes
    4 answers

  7. У рисунка нужно сделать двойную рамку.

    Есть рисунок, ему можно задать одну рамку через border, а как можно сделать ещ? одну через 3 пикселя? <img style src='mult.jpg' alt='' width="135" height="135" hspace="10" align="left" border="2"> Мне делали подсказу, что типа через padding, говорили что нужно использовать стили, но вот хоть убей не понимаю. Поэтому обращаюсь к Вам Профессионалам своего дела. Подскажите плиз!

    Asked by ProSaifer,

    0 votes
    4 answers

  8. "РЕзиновый дизайн

    Как сделать резиновую страницу из 3 векртикальных полос, чтобы левая и правая часть были по 240пикселей а центральная часть задавалась в процентном отношении(всю оставшуюся часть экрана)?

    Asked by Nicca,

    0 votes
    2 answers

  9. Форма без кнопки submit

    Подскажите необходимо организовать поиск по сайту и соответственно создается текстовое поле но без кнопки submit. Тоесть необходимо чтобы данные отправлялись просто после нажатия Enter. Как это реализовать

    Asked by kozakmamai,

    0 votes
    2 answers

  10. Помогите разобраться с формой!

    Привет пипол помогите пожалуйста разобраться с формой, не как не могу включить в ней поля для обязательного заполнения подскажите пожалуйста как мне это сделать, чтобы работали поля на проверку и форма отправлялась на мыло! Вот сама форма. <form action="mailtest11.php" method="POST"> <table width="100%"><!--DWLayoutTable--> <input type="hidden" name="action" value="send"> <p> <td width="100%"> <div align="left"> </p> <table border="0" cellspacing="10" cellpadding="0" bgcolor="#F4F0F0" width="966"> <tr valign="top"> <td width="23%" bordercolor="#C0C0C0"><strong> Контактное лицо (т…

    Asked by Jnger,

    0 votes
    6 answers

  11. Помогите сделать...

    Помогите пожалуйста сделать красивую страницу выбора языка!

    Asked by vvsh,

    0 votes
    18 answers

  12. Подскажите ...

    http://privetgleb.narod.ru/вот ссылка там неотображаеться корректно текст , но суть будет ясна , нужно зделать что-бы сверху и снизу тоже был бордер ... , но чтобы он незалазил на картинки угловые ... P.S - заранее спасибо всем откликнушимся

    Asked by mOnYa,

    0 votes
    21 answers

  13. классы для html и body в одном CSS-файле, но для разных страниц

    object в IE6 осуществляется с рамкой и скроллбаром. для того, чтобы убрать это, нужно прописать в стилях следующее (так это или не так, прошу вас меня поправить!): html,body { overflow: hidden; border: 0px; } допустим, с этой проблемой я справился. однако, сами понимаете, вся страница теперь обделена сроллбаром, который может понадобиться. поскольку в object я помещаю html-страницу, я прописываю этот стиль ей, а не той, где object находится. в таком случае вс? работает как надо (ну или почти. в IE6 при проверке общего скроллбара, когда уменьшаю окошко до обусловленного предела, он появляется, а когда расширяю вновь, он должен исчезнуть, но этого не происходит. исчезает о…

    Asked by brainless,

    0 votes
    2 answers

  14. 2 проблемы

    В общем сайт http://underwhat.mpchat.ru/ Там видно что ? Чаты при поддержке mpchat.ru налезло на картинку. Как это ? Чаты при поддержке mpchat.ru перенести вниз?Непойму никак..смотрела другие коды всеравно там же оста?тся... И как сделать чтобы снег падал до конца документа? Вот код если что... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css…

    Asked by giba,

    0 votes
    6 answers

  15. Сайт резинка

    Собственно как сделать чтобы была такая конструкция сайта резинки, код css + табличная верстка? Нужно чтобы центральная часть была в центре (ширина центра постоянная) , а слева и справа тянулись блоки, верх и низ тоже тянянется. Бывает что даже если эти два блока справа и слева тянутся, то при разрешение например экрана 1440*900 правый блок больше чем левый!

    Asked by okunev2,

    0 votes
    8 answers

  16. Валидность css кода.

    При верстке странички слоями я для того чтобы слои не сьежали один под другой, при уменьшении окна браузера, я применял для Оперы и Фокса min-width, а для ИЕ width: expression(document.body.clientWidth > 776 ? "100%" : "776px"). Из-за этого выражения для ИЕ, я так полагаю он и не может быть проверен на валидность. Постоянно выдается ошибка: Servlet has thrown exception:javax.servlet.ServletException: Timed out Так вот вопрос, является ли такой код валидным? И что можно предпренять чтоб валидатор смог проверить стилевой файл?

    Asked by Postal,

    0 votes
    3 answers

  17. Вертикальное выравнивание

    Не подскажите ли, как отцентровать по вертикали расположение таблицы внутри тега ? Спасибо.

    Asked by uefa,

    0 votes
    12 answers

  18. ограничить ширину и выровнять по центру

    проблема такая: верстаю сайт, нужно чтобы на разрешениях больше 1024*1280 контент не растягивался в ширь и оставаля по центру. на разрешениях меньше 1024*768 не плющился (то есть пусть будет полоса прокрутки по горизонтали, но наездов внутри контента не должно быть). поставила в ксс-нике для body вырание по центру и такой код прописала: body { margin: 0; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:center; max-width:1240px; min-width:1000px;} внутри body еще слой вложила, чтобы л…

    Asked by Sanguis,

    0 votes
    10 answers

  19. Вопрос насчет тега а

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

    Asked by Talk,

    0 votes
    6 answers

  20. Сделать типа вкладок...

    вобщем нужно сделать для сайта одну такую штуку - есть несколько ссылок и табличка, в которой написан текст, при нажатии на разные ссылки ТЕКСТ должен меняться... дл ссылки 1 текст 1, для ссылки 2 - текст 2 ну и так далее Я с javascript просто никогда не работал) так) тока передирал готовые примеры)) вот что пробовал сделать.. <script type="text/javascript"> function changePreview(itemNumber) { document.getElementById('bl1').style.display = 'none'; document.getElementById('bl2').style.display = 'none'; document.getElementById('bl3').style.display = 'none'; document.getElementById('bl4').style.display = 'none'; document.getElementById('bl5').style.display =…

    Asked by sasha_,

    0 votes
    4 answers

  21. Здраствуйет. Требуеться ваша помощь...

    Здраствуйет. Требуеться ваша помощь. Нужно сделать выподающиее меню что то в этом роде http://vl-ubn.ru/index.html. Плз очень нужно.

    Asked by musulman,

    0 votes
    9 answers

  22. проблема со списком

    подскажите, пожалуйста, следующее: как начать нумерованный список с определенного числа не пользуюсь при этом параметром value и start, т.к. верстаю стрикт, а валидатор не хочет это все дело воспринимать. Есть ли аналог в CSS?

    Asked by annsar,

    0 votes
    7 answers

  23. Создание подписки через сайт. Как и с чего начать?

    Хочу создать подписку через сайт, например, различных новостей. Так вот, как это делается. Интересует даже скорей не готовое решение, а в каком направлении двигаться. Т.е. с помощью чего это реализовывается, как работает, что почитать и т.п. п.с. Кстати может кто заодно посоветует хорошую программу для рассылок? Спасибо

    Asked by sigma777,

    0 votes
    3 answers

  24. Двойной цикл

    Подскажите, пожалуйста, как можно выйти из двойного цикла. Пробовал так и ничего не получилось: function search_Array(point) { for (var i = 0; i < mainArray.length; i++) { alert(i); for (var j = 0; j < mainArray[i].option.length; j++) { alert(j); if (mainArray[i].option[j].value == point) { alert (mainArray[i].option[j].value); break endLoop; } } } endLoop: return [i, j]; } Можно, конечно, по окончанию первого цикла еще раз вставить такую же проверку (if (mainArray.option[j].value == point) ), но как-то криво выглядит. Помогите. Спасибо.

    Asked by uefa,

    0 votes
    4 answers

  25. как выравнить текст в DIVe?

    Подскажите как можно выравнить текс в DIVe и по гаризонтали и по вертикали?

    Asked by antonP,

    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