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

  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. Проблема с позиционированием

    Ребят привет,замучал такой вопрос в резине,вот я в шапку вставил 3 картинки,1 это фон второе это картинка справо и 3 это логотип(слева) вот код html: <table cellpadding="0" cellspacing="0" border="0" class="header" align="center"> <div class="logoBar2"> <div class="logoBar3"> <div class="logoBar"> </div></div></div> </table> а вот CSS: .header {width:90%;border-left:3px solid #c2c2c2;border-right:3px solid #c2c2c2;margin-left:auto;margin-right:auto;} .logoBar {background:url(http://s60.radikal.ru/i170/1007/cb/47d0a9bfbeed.png) left no-repeat;height:145px;} .logoBar2 {background:#191a36;height:145px;width:100%} .logoBar3 {…

    Asked by Vladinho,

    0 votes
    4 answers

  2. Проблема с таблицей

    Здравствуйте. Если в таблице Регистрация или Зарегистрированный пользователь поставить border=1, во всех браузерах, кроме IE, появляется вторая внутренняя рамочка. Можно ли ее как-нибудь убрать? Внешняя рамочка должна остаться.

    Asked by saghalin,

    0 votes
    5 answers

  3. jquery .dialog Проблема:Всплывающее окно -отображается только 1 раз!

    Есть ссылки в виде картинок. Нужно. что бы при клике на ссылку в центре экрана ил под картинкой, В общем появлялась форма. Делаю через Jquery. использую метод . dialog Но форма появляется один раз при клике., при втором ничего не появляется, как будто окно все еще открыто но невидимо что ли Вот код сылка(карта): <AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#" rel="1" id="openForm" >форма: <div id="dialog-com" style="display:none;"> МОЯ ФОРМА</div>скрипт: <script type="text/javascript"> $("#openForm").click( function () { $("#dialog-com").dialog(); $( "#dialog-com" ).dialog({ closeOnEscape: false }); $( "#dialog-com" ).dialog( "…

    Asked by denisOgr,

    0 votes
    2 answers

  4. Структурировать JS код

    Привет всем. Есть JS код в одну строку, чем его можно выпрямить, чтобы можно было понять где начало и конец некоторый функций? Может есть сервисы какие для этого? заранее спасибо.

    Asked by dropoff,

    0 votes
    5 answers

  5. Opera 9.2 не отображает кнопки

    Такая вот проблема. В нормальных современных браузерах все отображается корректно, все кнопки видны (смотреть можно здесь). А в Opera 9.2 отображается только текст на кнопке, а он белый и сливается с фоном (смотреть можно здесь). Как решить проблему? Код css кнопок прилагаю:

    Asked by ankoch,

    0 votes
    12 answers

  6. Подпункты левой части каркаса

    Не получается сделать подпункты в левой части сайта. Пробую так не выходит. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title></title></head> <link rel="stylesheet" type="text/css" href="style.css"> <body> <table width="972" align="center" border="1" class="tab" > <tr> <td colspan="2"> <img src="img/header.jpg"> </td> </tr> <tr > <!———Левое меню————--> <!--2 строка 1 -ый столбец--> <td width="178" height="500px" valign="top"> <!--Внутренняя таблица для меню--> <p class="menu"> <table align="cent…

    Asked by people2010,

    0 votes
    1 answer

  7. css framework

    Сам, никогда не пользовался, ищу чтобы мне немного облегчело жизнь, посоветуйте пожалуйста фрэймворк или какую нибудь программу в который можно было бы делать кроссбраузерную, резиновую верстку. Вот то, что я не просто нашел в гугле, а говорили что это может оказаться полезными вещами http://css-framework.ru/ и программа Amaya, что вы думаете по этому поводу? спасибо

    Asked by Sub-zerro,

    0 votes
    17 answers

  8. 2 колонки с позиционированием текста внизу в 1 колонке

    Всем доброго времени суток. Имеется список вакансий. Должно быть так: На данный момент так: одна вакансия, 2 блока левый блок плавающий. 1) надо сделать левый блок растягивающимся по высоте правого. (в принципе необязательно, я могу сделать нижнюю рамку у контейнера родителя. А с другой стороны, как тогда прибить этот блок к низу родительского блока?) 2) надо прибить текст в левой колонке к низу. html-код <div class="elem"> ... <div class="elem_title"> <a href="?rm=show_vacancy;vacId=3446"> бухгалтер </a> </div> <div class="info_left"> 24.07.2010<br/> <a href="?rm=show_vacancy;vacId=3446"> ... </a>…

    Asked by Aurica,

    0 votes
    4 answers

  9. Сползает в IE 6..

    Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..

    Asked by SANNY_95,

    0 votes
    20 answers

  10. Проблема с беком в блоке.

    Приветствую вас. Ребята, к вам стучусь уже в самом последнем случае. Уже все перепробовал, или с мозгом что-то или черт его знает. В общем, проблема следующая. Есть блок "#head", к нему есть стиль: #head { background: url('k/horizontal.jpg') left repeat-x; width: 100%; height: 134px; margin: -5px 0 0 0; } Стиль этот вместе с множеством других вынесен в отдельный файл. До этого момента пока все нормально. А теперь красота! background: url('k/horizontal.jpg') left repeat-x; - не работает! Все остальное работает (не только для #head, но и для других блоков), а именно это правило - нет! Все перепроверил сотни раз, и пути к изображению и все остальное - все равно лажа. А т…

    Asked by smao,

    0 votes
    17 answers

  11. Проблема с фреймом

    Доброго времени суток, форумчане! Проблема такова - у меня на сайте подгружается фрейм,но так как размер его постоянно меняется (самого фрейма), то иногда он слишком большой и даже прокрутка работает плохо. Сейчас фрейм мало того что с прокруткой, она как видите ещё и работает мягко говоря плохо

    Asked by Krechet,

    0 votes
    5 answers

  12. Позиционирование div'a

    Здравствуйте. Подскажите пожалуйста как отпозиционировать див по горизонтали, что бы он был всегда в центре? Вот css #head1 { background:url(../images/bg_h.png); position:absolute; margin-top:30px; float:left; height: 195px; width: 100%; z-index:1; }#head2 { background:url(../images/head.png); background-repeat:no-repeat; background-position:center; position:absolute; margin-left:20%; float:left; height:276px; width:800px; z-index:2; } На сколько это правильно вообще? И что поставить вместо 20% что бы он всегда был по центру? Сам сайт www.laserhall.org Заранее всем буду благодарен.

    Asked by HeIek,

    0 votes
    8 answers

  13. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld,

    0 votes
    3 answers

  14. расположение блока на странице

    всем добрый день! очень надеюсь на вашу помощь. проблема в следующем: блок 1 должен быть на месте 2. подскажите пожалуйста, что куда добавить? заранее спасибо!

    Asked by fume,

    0 votes
    9 answers

  15. Добавка кода в сайт

    Добрый день! У меня такой вопрос. Вот в Firefox'е есть расширение Stylish. где можно делать свои стили для сайтов (изменять, поменять). А есть ли возвожность добавить свой код на сайт? Вот например возьмём этот форум. В шапке страницы например добавить несколько строк. Может есть дополнение такое. И вообще такое возможно? Спасибо.

    Asked by satantx,

    0 votes
    4 answers

  16. object и фон

    Есть картинка. Вставляю ее объектом в слой, размеры слоя неизвестны. Так вот.... Картинка если больше divа по высоте, то по бокам слой теряет свой цвет бекграунда и наоборот.

    Asked by Ururu,

    0 votes
    2 answers

  17. Как проставить ссылку на скачку?

    Как проставить ссылку чтобы при клике по графической кнопке начиналась скачка музыкального трека с сайта?)СПС)

    Asked by stardel,

    0 votes
    10 answers

  18. Веб ссылки на общую папку

    Есть общая папка в сетевом окружении, например, \\fs1\software. Как сделать ссылку на неё с сайта? Вариант 1: href="file://fs1/software" Результат: IE - открывает, FF - преобразует в "file:///software" и не отрабатывает ссылку, Opera - просто не отрабатывает ссылку (если вставить "file://fs1/software" в адресную строку, то открывает). Вариант 2: href="file://///fs1/software" Результат: IE - открывает, FF - просто не отрабатывает ссылку (если вставить "file://///fs1/software" в адресную строку, то открывает), Opera - преобразует в "file://localhost/C:///fs1/software" и не отрабатывает ссылку. Как правильно указать ссылку? Можно ли сделать, чтоб тип file из браузера открыва…

    Asked by Niks,

    0 votes
    1 answer

  19. Горизонтальный список блоками в IE и не только)

    Вот В IE7 выводится вертикально. LI делаю блоками, потому что они должны ограничивать ширину внутренних элементов li inline не помогает Что не так? Как-то я криво сверстал, а где накосячил - не пойму, пятница видимо И еще, бонусом вопрос - как убрать подчеркивание у текста в круге? text-decoration не помогает Вариант - смысловой текст ссылки в spаn - и уже ему назначать подчеркивание а самой ссылке установить text-decorationЖтщту В общем, ребята, если подкинете совет, то буду признателен.

    Asked by d0ublezer0,

    0 votes
    22 answers

  20. img в тексте

    Может можно как-то сделать, чтобы картинки шли слева направо и растягивали parent, а не вылазили за него. C float:left вылазит за border. Clear:both и display:block тоже не вариант, в ряд могут быть вставлены сразу 3 фотки. ...update Есть вариант с <p> сказать клиенту, что вставлять картинку надо в параграф, но это не вариант. Точнее вариант, если найти к редакторе то место, где он вставляет картинку и прикрутить туда wrap p, но все-таки хотелось бы найти решение на css

    Asked by Beck,

    0 votes
    7 answers

  21. span | display:inline-block и динамическое изменение высоты спана

    Здравствуйте, уважаемые. Никак не могу понять, почему во всех браузерах, кроме IE в приведенном ниже случае при клике на спане (событие onmousedown), его общая (итоговая) высота увеличивается на один пиксель (идущая ниже верстка смещается на 1 пиксель вниз). Доктайп xhtml 1.0 strict. <span class="but1" style="width:20px;margin:10px 0 15px;display:inline-block" onmouseover="this.className='but2';" onmousedown="this.className='but3';" onmouseup="this.className='but2';" onmouseout="this.className='but1';"> Бла бла бла </span> .but1{ height:19px; border:1px solid #000; padding-top:1px; background-image:url('../_ima/but1.gif'); text-align:center; cursor:pointer…

    Asked by vahrusha,

    0 votes
    7 answers

  22. Трабла с самописным подулем в Опере

    Всем здравствуйте... Сайт: http://www.didi-market.ru/ Модуль: Слайдер слева на главной. По клику на цифры меняется картинка, также смена картинки идет по таймауту, то есть как бы через автослайд. Все картинки кликабельны, то есть ведут на другие страницы... Изначально кликабильности по картинкам не предполаглась, поэтому эта возможность реализована немного кривовато... Работает во всех браузерах кроме Оперы... Уже лоб сломал, а не стену... Пожалуйста, помогите сделать эти картинки кликабельными в Опере...... Очень нужна помощь.... Заранее, спасибо.

    Asked by dmiAntosha,

    0 votes
    0 answers

  23. Проблема с шаблоном сайта [HELP]

    Смотрите... Моя проблема... я делал задний фон... вот он: и я хотел бы чтобы то, что торчит на белом фоне, было на переднем плане сайта. Ну чтоб книжка эта была на переднем плане сайта. Но у меня получается на заднем плане: ... Как мне сделать это?!

    Asked by XhonoR,

    0 votes
    7 answers

  24. не работает позиционирование в Firefox

    есть проблема. в контенте внизу справа должна быть картинка. Opera и IE отображают нормально. в Firefox картинка выравнивается по краю окна браузера, а не по краю ячейки контента. html: <TD class="content"> <div class="content_bottom"></div> </TD> css: .content { position: relative; } .content_bottom { position: absolute; right: 0px; bottom: 0px; }

    Asked by katushka,

    0 votes
    2 answers

  25. Обратный отсчёт в нумерованном списке

    Появилась идея сделать нумерованный список в обратном порядке. То есть по типу: .....99,98,97,96... Это стилями как-то можно сделать?

    Asked by Belovsan,

    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