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. помогите выровнять FRAME

    Есть необходимость сделать сайт с двумя фреймами (один над другим) причем дизайн (не резиновый) предполагает, что между фреймами не должны быть заметны границы. Поэтому в верхнем фрейме не должно быть горизонтального скроллинга. Нижний фрейм всегда больше видимой части страницы - поэтому всегда есть вертикальный скроллинг. Основные блоки страницы должны быть выровнены по центру. Тк нижний фрейм всегда имеет вертикальный скроллинг для выравнивания верхнего тоже пытаюсь включить ему вертикальный. В результате в Мозилле все ок, в Експлорере скроллинга нет и блоки при изменении размеров окна съезжают пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/…

    Asked by smoke1,

    0 votes
    6 answers

  2. Вопрос по коду шапки

    сделал шапку, засунул в таблицу бегграунд, засунул флеш .swf. Все вроде бы ничего, но есть один косячек. Посмотрите скрин Как видно на скрине, есть небольшой разрыв между бегграундом и флеш. Пробовал уменьшать, увеличивать флеш. Но так и не смог сделать. Подскажите, в какую сторону копать, чтобы исправить косячек. Вот сам код таблицы <table width="100%" border="0"> <tr> <td height="173" background="../../images/321.jpg"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','714','height','171','title','MSP - Electronic Music Portal','src','../..…

    Asked by OSTAP,

    0 votes
    3 answers

  3. span как ссылка

    есть участок кода <a href="index.htm"> <span class="cage" style="cursor: pointer"></span> </a> .cage { background: cccccc; width: 20px; height: 20px; padding-left: 5px; display: inline-block } проблема в том, что в осле квадратик отображается идеально, в опере очень плохо (именно потому, что ссылка, как я понял), в фаирфоксе вообще не отображается... в чем соль?

    Asked by VampaOdinn,

    0 votes
    8 answers

  4. Двоится текст в IE

    Вот тут по ссылке скриншот... Этот глюк уже просто в горле здоровой костью застрял... Может кто-нибудь подскажет, из-за чего это происходит и как это поправить? ПОМОГИТЕ, НЕРВЫ ГОРЯТ http://extcity.com/work/ie_shit.jpg

    Asked by SufiT,

    0 votes
    7 answers

  5. Резиновый по горизонтали футер в три колонки.

    Подскажите пожалуйста, работает ли позиционирования одного блока div относительно другого блока div? Будет ли работать вот такое позиционирование ? <div style="width:100%; height:60px;"><div style=" width:200px; right:40px; bottom:0px; position:relative;" >Абра Кодабра</div></div> Как можно спозиционировать правый край внутреннего дива от правого края внешнего ? Вот моя попытка реализации резинового футера http://ulskiy.org.ua/example/example.html

    Asked by Casufi,

    0 votes
    2 answers

  6. Некорректное расширение картинки.

    Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.

    Asked by Dimitry Wolotko,

    0 votes
    4 answers

  7. Растягивание таблицы в опере при восстановлении окна

    В опере наблюдается глюк, когда при уменьшении размеров окна, таблица растягивается в высоту вместе с ее содержимым, а при восстановлении окна - остается такой же растянутой и не сужается по содержимому, как это делает експлорер, т.е. появляется куча свободного пространства в ячейках. Можно ли решить эту проблему? Вот код страницы: <html> <style media=screen> a.menu {color: green; text-decoration: none} a.menu:visited {color: green; text-decoration: none;} a.usual {color: blue; text-decoration: none;} a.usual:visited {color: purple; text-decoration: underline;} table {table-layout: auto; font-family:arial; font-size:10pt; font-color:black;} .selected_e…

    Asked by vm45s02,

    0 votes
    3 answers

  8. Не задается размер в 100% Div'у

    HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…

    Asked by Cardinal,

    0 votes
    12 answers

  9. Как добавить заголовок?

    Уважаемые специалисты! Подскажите, пожалуйста, как добавить заголовок в тегах , чтобы он смотрелся органично в таблице с текстом, либо на месте слова "ГЛАВНАЯ" на главной странице сайта:http://www.stalgarant.ru/

    Asked by NAS 750,

    0 votes
    9 answers

  10. тег Label

    http://www.htmlbook.ru/html/label.html Можно ли, не прибегая к стилям, расположить лейбл над инпутом, а не слева?

    Asked by Юзер,

    0 votes
    13 answers

  11. input внутри ссылки

    Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?

    Asked by swatch,

    0 votes
    7 answers

  12. Возможно ли создание кнопки

    Возможно ли создать кнопку с закругл?нными полями на основе ячейки таблицы, то есть , при этом нельзя использовать background-image? Если да, то подскажите как или дайте ссылку, где можно почитать об этомИли как то изменить , чтобы он был с закругленными краями

    Asked by Djeki,

    0 votes
    4 answers

  13. vertical-align: baseline

    vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?

    Asked by allmoney.ws,

    0 votes
    5 answers

  14. valign в мозилле не работает корректно

    Вот код (http://fugas-test.jino-net.ru/?color=000000): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <style type="text/css"> <!-- .borderous { border-width: 1px; border-style: solid; border-color: #<?=$_GET['color'];?>; border-left: 0; border-right: 0; } --> </style> <link href="/main.css" type=text/css rel=stylesheet></link> <script defer src="/js/pngfix.js" type="text/javascript"></script><!-- by Vasya Zhukov --> <script src="/js/flash.js" type="text/javascript"></script> <script type="text/javascript">color = "<?=$_GET['color'];?>";</script> <t…

    Asked by Фугас,

    0 votes
    3 answers

  15. Персонаж : как его одеть

    Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: css /**************** Man charaster ****************/ .mchar { width: 125px; height: 285px; border: 1px solid #690000; } /*** man image ***/ .mimg { position: relative; z-index: 1; margin-top: -285px; float: left; } /*** char items ***/ .mchar .items { width: 125px; height: 285px; position: relative; float: left; z-index: 2; } .mchar .items div { height: 0px; width: 0px; float: left; } .mchar .items div img { width: 125px; height: 282px; position: relative; } /* items category z-index */ .mchar gun { z-index: 9; } xhtml 1.0 <!-- man charaster --> <div class="mcha…

    Asked by klierik,

    0 votes
    8 answers

  16. Отображение нужного шрифта

    как сделать через CSS чтобы на сайте отображался шрифт тот который у меня есть, а у других пользователей его нет???

    Asked by robin-bobin,

    0 votes
    3 answers

  17. как растянуть фоновую картинку в слое на заданную высоту?

    проблема такая: есть меню, для каждого пункта меню есть фон картинка 180 на 32. Если пункт меню слишком длинный нужно чтобы фон растягивался вдвое по высоте, сейчас же получается 2 фоновых картинки друг над другом. либо как сделать чтобы текст вписывался в заданный слой (180 на 32) в несколько строчек, не вылазив за пределы слоя.

    Asked by Argnist,

    0 votes
    2 answers

  18. Проблема с заменой курсора в Firefox

    Всем привет :-) У меня в стилях прописана смена курсора при наведении: td.submenu { cursor: hand; } И на самой странице: <table> <tr><td height=25> <tr><td class=submenu>submenu1 <tr><td height=25> </table> Проблема состоит в том, что Mozilla Firefox не меняет в этом месте курсор. А мне очень нужно чтоб он сменился (тем более, говорят firefox популярнее стал :/). Есть варианты как поступить?

    Asked by _EAX_,

    0 votes
    10 answers

  19. не получаются правильные переносы

    На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названи…

    Asked by begin,

    0 votes
    3 answers

  20. Не работает свойство z-index

    На сайте http://ulskiy.org.ua/example/example.html блок с текстом должен лежать поверх двух картинок внизу страницы в коде прописываю .contentbody { width:60%; margin-left: 18%; margin-right: 18%; z-index:2; } .unit_contentbody{ margin-bottom: 35px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:small; z-index:2; } .img_contentbody { float:left; border:none; margin-right:10px; z-index:2; } .bttomheader { width: 100%; position:relative; min-width:1000px; z-index:1; } .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.gif) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; z-index:1; } .b…

    Asked by Casufi,

    0 votes
    2 answers

  21. display: none в разных браузерах

    Здравствуйте всем. Есть такой код <div style="display:none"> <img src="pict01.gif" /> </div> В ie6 работает нормально, а в опере 9 картинка все равно отображается.. Неужели в опере стили не наследуются от своего родителя? Спасибо!

    Asked by a_web,

    0 votes
    3 answers

  22. Оформить поле ввода и кнопку

    Как мне оформить поле ввода и кнопку уникальным дизом? Я нарисовал сво? поле ввода и кнопку, а как заставить их работать?

    Asked by sm.hermes,

    0 votes
    9 answers

  23. Блоки в IE прыгают на новую строку?

    Здравствуйте! Подскажите кто-нибудь пожалуйста? Такой код отображается по разному. В IE блоки прыгают на новую строку, при уменьшении размера окна. Что можно сделать, чтобы они стояли неподвижно? .news{ height: 272px; width:190px; float:left; background-color:red; } .content_menu{ width: 660px; background-color:green; } .text_block{ float: none; background-color:#333; width: 750px; height: 500px;} <div class="news">dfgdgfsd adf ad fasdif aisudfo aiu</div> <div class="content_menu">dfgdgfsd <h1>При уменьшении окна этот блок съезжает вниз.</h1> uhaifu haiufh aiue fau ef</div> <div class="text_block">dfgdgfsd adf ad fasdif a…

    Asked by Victor_One,

    0 votes
    6 answers

  24. В шаблоне html инклудить еще html

    В общем есть шаблон странички в html (возможности php нет, "народ.ру"), которая должна включать в себя данные из отдельного файла html. На php все предельно ясно: <? include ("нужный файлик.htm"); ?> Вопрос: Как подобное можно реализовать в html, если вообще возможно?

    Asked by Cook,

    0 votes
    9 answers

  25. Проблемы с DOCTYPE Strict

    Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …

    Asked by Postal,

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