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. по всей высоте дива фон

    есть верстка в три колонки+шапка div имеет background img div в высоту равняется высоте контента как сделать что б div в высоту был на максимум а не по высоте контента? div{ height :100%} - не катит так как высота получается всей страницы вместе с шапкой, а надо без нее.

    Asked by newbigmir,

    0 votes
    4 answers

  2. таблицу по центру экрана

    Добрый день! Как записать с помощью CSS параметр таблицы Ширина страницы 650, мне надо, чтобы она располагалась по центру экрана... Спасибо!

    Asked by Vimaz,

    0 votes
    4 answers

  3. отображение html-кода на страничке

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

    Asked by GERA,

    0 votes
    2 answers

  4. неактивные какие-то ссылки

    http://creative-bart.narod.ru/index4.html в мозиле не работают ссылки (навигационная панель) В ИЭ и Орера работают, что к чему? p.s. найдете баги напишите плиз...

    Asked by bART,

    0 votes
    2 answers

  5. frD-Border у input[type=button] input[type=submit] в IE

    Пишу я короче стиль для кнопки где у не? разные границы. Справа и слева по 3 пиксела, а снизу и сверху вообще 0 пикселов. В FF вс? нормально отображается, а в IE (проверял в 6 и 7) неконкретно, а т.е. кнопки отображаются с закругленными границами .. причем иногда по разному то захватывая при этом границы то нет... мне это дело типа ненужно, а нуно как в FF. Привожу код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> <!-- input { background-color: #FFCC33; border-top-width: 0px; border-right-width: 3px; border-bottom-width: 0px; border-left-width: 3px; border-right-style: …

    Asked by SoftAlex,

    0 votes
    37 answers

  6. Вложенные формы

    Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…

    Asked by jump,

    0 votes
    11 answers

  7. проблемы с шириной div-а IE 6

    Есть фаил сверстанный div-ами один div ( ) является контейнером для двух других. В FF и Opera вс? как надо, проблемы с IE 6. IE 6 делает отступы не соразмерные заданным и как результат TEXT......... оказывается не спарва а под TEXT............. Что посоветуете в качестве решения? xhtml <div id="content"> <div id="window"> TEXT............</div> <div id="toolpanel"> TEXT.........</div> </div> css #content {margin-top: 100px; font-size: 90%; } #window { width: 70%; text-align: justify; margin-left: 15%; float: left;} #toolpanel { margin-left: 86%; width: 14%; margin-top: 150px; text-align: center; }

    Asked by Old Nick,

    0 votes
    5 answers

  8. три колонки + шапка и подвал.

    <body > <!--HEADER START--> <div id="masthead"> </div> <!--HEADER END--> <!--MENU START--> <div id="wrapper"> <div id="navigation">Content for id "navigation" Goes Here </div> <div id="content"> Content for id "navigation" Goes Here </div> <div id="advertisement">Content for id "content" Goes Here</div> </div> </div> <!--MENU END--> <!--FOOTER START--> <div id="footer">Content for id "footer" Goes Here </div> <!--FOOTER END--> </body> body { font-size:62.5%; font-color:black; font-family:"Times New Roman", Times, se…

    Asked by newbigmir,

    0 votes
    4 answers

  9. Подч?ркивание пунктиром

    http://www.activeheat.ru/contacts.php В IE ссылки подч?ркнуты пунктиром, а в Firefox - нет Где ошибка? a.city {color: #000000; border-bottom: 1px dashed #000000; text-decoration: none;}

    Asked by allmoney.ws,

    0 votes
    5 answers

  10. Высота слоя

    Картина такая: http://rj.foto.radikal.ru/0708/5f/b08629c244a0.gif Есть невидимый слой. В него вложены два (три, четыре, пять, сколько угодно) слоя. Нужно чтобы высота самого нижнего вложенного слоя (на картинке - под номером 2) ВСЕГДА достигала родительского низа (высота родителя может меняться). Реально ли сделать такое?.. :'(

    Asked by Anderson,

    0 votes
    4 answers

  11. Выравнивание картинок с помощью Float:left и float:right

    Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?

    Asked by Renert,

    0 votes
    5 answers

  12. <table> внутри <a>

    Необходимо, чтобы тело таблицы было ссылкой. В реале таблица должна требуется для формирования блока, с текстом, имеющим background в виде рисунка. Блок должен работать ссылкой. Сделал так: Link В Mozille работает, в IE нет. Что делать?

    Asked by malenkymuk,

    0 votes
    9 answers

  13. неужели глюк в FF?

    имеем меню навигации на CSS (для IE используется JavaScript, естественно). CSS #nav { list-style-type: none; position: relative; width: 100%; float: right; font-weight: bold; } #nav a { color: #FFF; text-decoration: none; } #nav li { float: left; padding: 12px 5px; position: relative; } #nav li.frst { margin-left: 15px; } #nav li:hover { background: #3060AA; } #nav ul { display: none; list-style-type: none; background: #3060AA; position: absolute; top: 100%; left: 0; min-width: 100%; } #nav li:hover ul { display: block; } #nav ul li { float: none; clear: both; padding: 5px; } #nav ul li a { font-weight: normal; display: block; } HTML …

    Asked by rash,

    0 votes
    2 answers

  14. Выравнивание DIV-ов по низу таблицы

    Имеетс два ДИВа заключенных в ячейку таблици. Надо выравнять DIV-ы по низу таблицы. У меня получается примерно следующее Дивы выравниваются по низу таблицы когда одинаковые. Но когда один из них становиться больше другого то меньший начинает равняться на верх большего, а не на низ таблицы. +———————-+ | | | | | +—--+ +——+| | | 1 | | || | +—--+ | 2 || | | || | +——+| +———————+ Можно это как-то исправить? Вот код: CSS td.logo { height: 82px; width: 250px; padding: 5px 0 0 5px; vertical-align: bottom; } #logo { /* Логотип */ height…

    Asked by zhukovia,

    0 votes
    7 answers

  15. ul: margin: 5px;

    ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?

    Asked by Юзер,

    0 votes
    2 answers

  16. Выпадающее меню vs Opera 9.1 и выше

    Помогите пожайлуста! Есть сайт www.sdl.net.ua И есть проблемка, как исправить?

    Asked by Frenk Garigan(Gagarin),

    0 votes
    3 answers

  17. Выравнивание ПОДтаблицы

    Вроде форумом не ошибся))) Помогите траблу убрать..... Первая таблица уезжает вниз. Как сделать что б их шапки были на одном уровне? Заменить две таблицы одной не предлагать -- данные генерятся динамически, поэтому это исключено. <table border=1> <tr><td> <table style="vertical-align: top;"> <tr class='title'><td>Òåëåôîí</td><td>Äåéñòâèÿ</td></tr> <tr class='subtitle'> <td><p align="left">......</p></td> <td><a href='.......'>Ðåäàêòèðîâàòü</a> <a href='......'>Óäàëèòü</a></td> </tr> <tr class='subtitle'>…

    Asked by segods,

    0 votes
    2 answers

  18. table-layout: fixed и Опера

    собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?

    Asked by BogusUA,

    0 votes
    4 answers

  19. Frame -> iframe

    Добрый день! Имеем вот такой вот код. <frameset rows="97,*"> <frame src="top"> <frameset cols="350,*"> <frame src="photo.php"> <frame src="content.php"> </framset> </frameset> На данный момент во фрэйме photo - превьюшка фотки, при клике открывается в новом окне. Хотел применить скрипт lytebox (_http://www.dolem.com/lytebox/). Но он фотку открывает только в этом фрейме. А хотелось бы во всем окне. Советуют структуру странички поменять с применением iframe. Не могли бы подсказать как правильно сделать это? Заранее благодарен.

    Asked by Abaza,

    0 votes
    0 answers

  20. убрать перенос строки в списке.

    Как убрать перенос строки в списке для создания горизонтального меню? <ul class="header_top_list"> <li>меню1</li> <li>меню2</li> <li>меню3</li> </ul> Результат: меню1 меню2 меню3 Нужный результат: меню1 меню2 меню3

    Asked by newbigmir,

    0 votes
    13 answers

  21. Проблема с CSS в Smarty

    У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…

    Asked by shkoda,

    0 votes
    10 answers

  22. Настройки скролла

    Здравствуйте. Создаю блок в у которого вертикальный скроллинг. Скажите плиз как можно настраивать отображение кнопочек и самого бегунка. Можно ли через CSS, если нет то как из под JS спасибо

    Asked by klierik,

    0 votes
    5 answers

  23. Выравнивание слоя в STRICT

    Здравствуйте уважаемые знатоки Вопрос в следующем: Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке? Условия: 1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool: 2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение) Что можете посоветовать? Спасибо.

    Asked by yauhen,

    0 votes
    16 answers

  24. Проблема с линькованием css на страницу

    Друзья, помогите разобраться в чем дело. Скачал маленькую портальную систему (обычная с базами данных в виде DAT файлов), установил ? понравилось. Смотрю в код а там щедрой жменей рассыпаны font`ы разные к месту и не к месту. Код почистил, стили вынес в отдельные файлы, начал прилинковывать, а не получается (ни в ручную, ни через Дримвивер) ? если импортировать в код работает, а линком ни в какую. Все правила соблюдены, файлы даже рядом уже сложил. Никак не пойму в чем дело. Может кто знает, сталкивался с такой проблемой. Извините, если оффтопик ? я здесь первый раз. Вдруг надо было в раздел "PHP" обращаться. Заранее спасибо, буду рад любым предположениям.

    Asked by november,

    0 votes
    2 answers

  25. Как запретить браузеру переносить заданную строчку

    собственно сабж строку 07-ААА123456 иногда браузер разделяет на две строки после дефиса(в таблице) как ему запретить делать это через поиск ненашел, поэтому запостил подскажите пжлст

    Asked by dad Min,

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