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. Персонаж : как его одеть

    Здравтствуйте. Верстаю персонажа. вроде б ничего сложного и все очень поросто: 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

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

  3. vertical-align: baseline

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

    Asked by allmoney.ws,

    0 votes
    5 answers

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

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

    Asked by Djeki,

    0 votes
    4 answers

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

  6. тег Label

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

    Asked by Юзер,

    0 votes
    13 answers

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

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

    Asked by NAS 750,

    0 votes
    9 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. Растягивание таблицы в опере при восстановлении окна

    В опере наблюдается глюк, когда при уменьшении размеров окна, таблица растягивается в высоту вместе с ее содержимым, а при восстановлении окна - остается такой же растянутой и не сужается по содержимому, как это делает експлорер, т.е. появляется куча свободного пространства в ячейках. Можно ли решить эту проблему? Вот код страницы: <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

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

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

    Asked by Dimitry Wolotko,

    0 votes
    4 answers

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

    Подскажите пожалуйста, работает ли позиционирования одного блока 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

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

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

    Asked by SufiT,

    0 votes
    7 answers

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

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

    сделал шапку, засунул в таблицу бегграунд, засунул флеш .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

  15. помогите выровнять FRAME

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

    Asked by smoke1,

    0 votes
    6 answers

  16. Тени от блоков (таблиц) на неоднородном фоне

    Есть бэкграунд, который представляет собой узор. Например, такой: , или такой: . Как при помощи css сделать тень на таком фоне? Интересует корректная работа результата как минимум в ИЕ, Firefox, Opera и Safari. Спасибо.

    Asked by serdeles,

    0 votes
    11 answers

  17. Проблема с высотой ячеек в таблице.

    Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…

    Asked by vm45s02,

    0 votes
    2 answers

  18. Изменение стиля

    Ребята, подскажите код css, может кто сталкивался, для оформления всех элементов в overflow, ну чтобы и в ИЕ, Мозиле и Опере работало. Вот есть что: #scrolldiv1 { overflow: auto; height: 140px; width: 949px; } вот собственно, понятно что выводится: Я хочу сделать что-то подобное:

    Asked by okunev2,

    0 votes
    7 answers

  19. Рендеринг в опере

    В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?

    Asked by S ... (delete),

    0 votes
    0 answers

  20. Как позиционировать div снизу?

    Не могу понять почему div не позиционируется снизу? <!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>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…

    Asked by okn00me,

    0 votes
    4 answers

  21. ссылки на руском

    На сайте есть много документов на русском. названия в кодировке cp1251 как и весь сайт. что то типа http://mysite.ru/files/Документ.doc Но браузеры как то неоднозначно к этому относятся. FF грузит без проблем. А Опера и Эксплорер говорят что такого документа нет,причем в теле ошибки имя документа указано в UTF-8. Есть ли какой то однозначный подход к решению такой проблемы? Мне просто нужно чтоб названия документов были на русском языке.

    Asked by folibis,

    0 votes
    5 answers

  22. Правая граница таблицы выходит за границы

    Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…

    Asked by allmoney.ws,

    0 votes
    0 answers

  23. Проблемы с рамкой в Mozille и Opere

    Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!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>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…

    Asked by Гена Герасим,

    0 votes
    6 answers

  24. float:right в шапке "узкой" колонки таблицы

    Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…

    Asked by IVB,

    0 votes
    2 answers

  25. Вертикальный отступ перед div в FireFox отображается неправильно (

    <div style="width:840;background:white;margin-bottom:45px;margin-top:0px" id="ht5"> Если выставляется margin-top:0px, то в IE отображается нормально, а FireFox содержимое div наползает на находящееся сверху. Если выставить отступ в margin-top:150px, то в FF отображение нормальное а в IE - между предыдущим содержимым большой отступ. Как это можно разрешить?

    Asked by Fixer,

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