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. png отбрражается с непрозрачным фоном

    Одни проблемы с этим сайтом.В Опере и Мозиле все отлично , без фона png отображается , а этот никчемный ie с фоном отображает. В чем проблема :/ ? Кстати выложил шаблон, можете посмотреть. Все видно, попробуйте с оперы зайти (отображается все, что надо), с мозилы (неотображается текст(так как стиль внешний не действует на него и он черный на черном фоне не виден, писал о проблеме в другой теме)), и интрнет эксплоера-отображается полный отстой. Буду рад совету. www.medovik.info

    Asked by apika,

    0 votes
    2 answers

  2. Что происходит с таблицей под DIVом в разных броузерах...???

    Код примера DIV за ним ТАБЛИЦА <!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"> <title>Новый Документ</title> </head><head> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } #s{ background: #FFFCDF; height: 50px; width: 100px; position: relative; float: right; } </style> </head><body> <div id="s"></div> <table width="100%" bgcolor="#C0E0B4"> <tr> <td> </td> </tr> </table> </body> </html…

    Asked by Serjinio,

    0 votes
    3 answers

  3. Таргет

    Народ, подскажите как сделать чтобы одно окно управляло другим ,к примеру, из одного окна открылось дополнительное другое ,как сделать чтобы при нажатии на дополнительном менялась информация на главном как выставить главному окну название которе буду писать в ссылке target в дополнительном окне. сразу говорю нету не каких фрамв

    Asked by YoMan,

    0 votes
    7 answers

  4. Оптимизация меню

    <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

  5. Нужен совет ЗнАтОкОв

    Обращаюсь к знатокам своего дела . коих тут очень даже немало ... Вобщем просьба вам такого типа, есть макет , подскажите как лучше будет его верстать... вот ссылка на макет ... http://privetgleb.narod.ru/test.jpg подскажите как будет лучше сделать ... я неопытным взглядом вижу что нуно делать шапку , подвал , и 3 колонки ... По окончании в?рстаки выложу то что получилось для других :-)

    Asked by mOnYa,

    0 votes
    13 answers

  6. В?рстка слоями, поможите программеру

    Я вот программер прикладной, заставили сайт написать собственно хотел попросить помощи, потому как столкнулся с некоторыми проблемами. Макет такой (всего 6 ло?в): @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Не получается без position: absolute сообразить как правый слой между шапками сделать та…

    Asked by StupID,

    0 votes
    4 answers

  7. Ширина высота рисунка в background

    собственно есть стиль: td.bg_fotogal1 { background: url(images/bg_fotogal1.png) no-repeat; background-position: right top; width: 28px; height: 16px; } но здесь указана только ширина и высота ячейки таблицы, а я хотел бы также указать высоту и ширину выводимого background?

    Asked by okunev2,

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

  9. И снова css + IE

    <style type="text/css"> #container { margin-top: 20px; margin-right:15px; margin-left:10px; width: 800px; /* Ширина слоя */ background: url(http://mediapro.com.ua/economist/magazine/fon_snow.gif ) no-repeat left top; } #otstup1 { position: relative; width: 470px; /* Ширина слоя */ margin-right: 450px; } #otstup2 { position: relative; width: 400px; /* Ширина слоя */ margin-right: 325px; } #otstup3 { position: relative; width: 770px; /* Ширина слоя */ margin-right: -15px; } </style> </head> <body> <div id="container"> <div id="otstup1"> <div style="text-align: center;"><span class="webpagetitlegreen">Дорогие друзья!…

    Asked by Lana_M,

    0 votes
    14 answers

  10. CSS + CSS2

    Доброго времени суток , извините есле етот топ уже создавался , я его не нашел ... Суть :-) : {в чем различие CSS vs CSS2 где можно почитать ?}

    Asked by mOnYa,

    0 votes
    11 answers

  11. Вставка изображений

    Привет всем!А если я хочу вставить файл JPEG 7-7 из моих документов как это будет выглядеть? Потому что везде пишется про ссылку изображения с сайта .Помогите пожалуйста разобраться...

    Asked by сергей-7,

    0 votes
    4 answers

  12. Масштабируемый текстовый блок с нестандартными краями

    Ребята, как, собственно, эту область сделать масштабируемой на дивах? На табличках могу, а на дивах красиво это можно реализовать?

    Asked by Flo,

    0 votes
    27 answers

  13. Как увеличить поле form и сделать красивое обрамление ?

    Создал контактную форму - не могу разобраться - как увеличить поля (через css или нет), тк они получились маленькими, особенно где должен быть текст сообщения php код вот: <form method="post" action="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>" id="contactform"> <strong>Имя</strong>*<br/> <input type="text" class="textbox" id="cp_name" name="cp_name" value="<?php echo $cp_name;?>" /><br/><br/> <strong>E-mail адрес</strong>*<br/> <input type="text" class="textbox" id="cp_email" name="cp_email" value="<?php echo $cp_email;?>" /><br/><br/> &l…

    Asked by walaby,

    0 votes
    3 answers

  14. position: absolute - его секреты

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

    Asked by apika,

    0 votes
    12 answers

  15. Как убрать нижнее поле под рисунком 3 рх в IE6...

    Рисунок вставлен в DIV с текстом...при добавлении текста образовалось внизу поле высотой в 3 рх ,как его убрать....?

    Asked by Serjinio,

    0 votes
    16 answers

  16. background-position отступ с права

    Как задать беграунд чтоб отступ справа был например на 5 пикселей. 95% не подходит, так как может быть разная шырина контейнера

    Asked by coldman,

    0 votes
    5 answers

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

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

    Asked by Eternal,

    0 votes
    8 answers

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

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

    Asked by Nicca,

    0 votes
    2 answers

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

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

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

    Asked by kozakmamai,

    0 votes
    2 answers

  21. Помогите с версткой. Вопросы

    Хочу сделать блок с информацией. В ИЕ6 выводится вроде нормально, а в опере, мФ все наперекосяк. Подскажите как избавиться с этой проблемой. Как видят отступы браузеры? Спсибо <style> *.br2 { font-size: 1px; height: 1px } .r_1 { background-color: #ddd; margin: 0 2px; height: 1px } .r_2 { background-color: #fff; margin: 0 1px; height: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .r_3 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } </style> <div style="height:70px; width:700px;"> <div class="r_1"><img src="images/spacer.gif" width="1" height="1" alt="" /></div> <div class="r_2"&g…

    Asked by Nicca,

    0 votes
    4 answers

  22. Не тянутся таблицы по высоте правильно

    Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…

    Asked by partiz,

    0 votes
    9 answers

  23. height 100% в XHTML под IE 7.0

    Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!

    Asked by elza,

    0 votes
    3 answers

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

    Есть рисунок, ему можно задать одну рамку через 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

  25. Валидность 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

  • Обсуждения

    • 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