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. Как зафиксировать элемент относительно окна браузера

    Здравствуйте, есть такой код: <html> <head> <style type="text/css"> body { margin: 0; padding: 0; width: 100%; color: WindowText; } #header { width: 100%; padding: 0.5em 0; background-color: ButtonFace; color: ButtonText; position: fixed; bottom: 0; left: 0; //position: absolute; bottom: expression( document.getElementsByTagName( 'body' )[0].scrollBottom + "px" ); } #content { background: Window url('grid-10.gif'); padding: 2.2em 0; width: 100%; height: 3000px; } </style> </head> <body> <div id="header">Top Frame Content</div> <div id="content"> …

    Asked by jsmaximum,

    0 votes
    3 answers

  2. Помогите Пожалуйста IE

    Пацаны помогите пожалуста встала проблема сайт готов , но вот IE снова подводит .bottom {width:178px; height:41px; position:relative; margin:20px 0 10px 25px} .bottom a {text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; font-style: italic} A.rollover { background:url(../img/knopka1.gif) no-repeat; display: block; width: 178px; height: 41px; padding-left:24px; padding-top:5px } вот код цензура кнопок , проблема в том что ИЕ не понимает padding-left:24px предложите альтернативу пожалуста ...

    Asked by mOnYa,

    0 votes
    4 answers

  3. Плывут флоаты в IE6 (((

    Добрый день! Заранее извиняюсь, что вопрос по Drupal'у, но код, который Drupal генерит для темизации, могла бы сгенерить и любая другая CMS. Пытаюсь приколотить панель регистрации в строку меню и форму поиска туда же, делаю все флоатами. В FF и других Strict-браузера все отображается отлично, а вот в IE6 - безбожно разъезжается (в особенности - форма поиска). Page.tpl.php выводит следующий стандартный HTML для формы поиска (его, собственно, и пускаем под CSS): 1. 2. Login/Sign up 3. 4. 5. 6. 7. 8. 9. 10. 11. Спан login-search я сам добавил, чтобы все в одной строчке (меню) было. CSS (рабочий в FF) выглядит так: 1. /*общая форма для логина и …

    Asked by pep,

    0 votes
    2 answers

  4. разводы

    Здравствуйте . После сохранения картинки на странице, вокруг нее появились разводы(картинка сохранена в формате" jpg") Как от них избавиться ? Спасибо.

    Asked by Lobo,

    0 votes
    49 answers

  5. IE7 и clip

    Железно не работает clip в IE7. В Firefox, Opera, Safari - работает, в нем - нет. Не проходит ни один пример (например, этот: http://www.javaportal.ru/htmlandcss/CSS_CLIP.html). Абсолютное позиционирование установил, overflow поставил на auto (и во все другие места тоже ставил ) Сталкивался кто-нибудь?

    Asked by Yustos,

    0 votes
    3 answers

  6. Смещения в IE.

    У меня проблема очень странного характера. Сверстал сайтик. На половине компьютеров отображается нормально, на половине - со смещением, прич?м разрешение одинаковое, браузеры - тоже. http://www.korben.biz/nukerus/index.php На мо?м компе вс? корректно в FF 2.0.0.13, IE 6, IE 7, Opera, на других компьютерах отдела смотрел - тоже нормально. Но у некоторых появляются непонятные смещения. А именно: хедер раздел?н на три разных рисунка, самый маленький - тот, что за Поиском - отображается как background. Вот на некоторых компах он смещ?н на пару пикселей вправо. - это самая главная проблема, от которой я не представляю как избавиться. И ещ? - http://www.korben.biz/nukerus/modul…

    Asked by Korben,

    0 votes
    7 answers

  7. В?рстка меню слоями

    Всем доброго времени суток. С использованием таблицы эта задача решается очень просто, интересно можно ли е? решить также просто без использования таблиц. Задача состоит в создании меню со следующими условиями: 1. ширина пунктов в явном виде не зада?тся; 2. меню должно плавать по центру родительского контейнера; 3. каждый пункт меню должен заключаться в отдельный контейнер, в котором можно будет задать отступы текста от его кра?в. Если изложил не понятно, прилагаю код решения с применением таблицы: <!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"…

    Asked by Storm,

    0 votes
    29 answers

  8. Див, залазиющий на див

    Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }

    Asked by Soniclord,

    0 votes
    14 answers

  9. Фоновая картинка на кнопке

    проблема такая:ставлю фоновое изображение на кнопку(картинкой) в опере и мозиле все ок,в ие7 эта картинка не отображается,если ставить фоном стандартный цвет то везде все отображается это я кривой или так в ие7 и есть? Поиск и .searchButton{ background-image:url(../images/button.gif); border: none; font-size:16px; font-family: Arial, Helvetica, sans-serif; } вот код

    Asked by VoVa,

    0 votes
    2 answers

  10. 504 Gateway Time-out

    Здравствуйте! Сайт часто выдает ошибку 504 Gateway Time-out. Как устранить эту ошибку?

    Asked by DieHard,

    0 votes
    6 answers

  11. Помогите с олимпеадой по информатике - теги не знаю нужные!

    Товарищи у меня 5 апреля в субботу олимпиада по информатике! Там есть задание по созданию сайта! Но я не вс? знаю! памагите плиз! Вот задание (с 2007 года): 1) Это как? с помощью скрипта? памагите с тегами а? 2) тоже не знаю тег через который это можа сделать! 3) Я не помню тег! а искать время нет! (спать хочу) 4) Тут я вообще отупел )))) - Я не знаю как так сделать! help плиз! 5) Это как? как я понял meta теги? а какие? Помогите пожалуйста!

    Asked by sting,

    0 votes
    30 answers

  12. Проблема ИЕ-Опера-ФФ

    Есть страница, сверстанная таблично-блочно на xHTML+CSS В опере все замечательно, но в мозилле и ИЕ появлется лишний отступ справа, в следствие чего на маленьком (1024*768) разрешении появляется полоса прокрутки (в мозилле и на обычном (1280*960)). Что делать? страница тут З.Ы. В общем, надо чтобы в ФФ и ИЕ отображалось как в опере.

    Asked by Koala,

    0 votes
    4 answers

  13. Проблема с выпадающим меню. Как это реализовать?

    При работе над проектом возник вопрос с реализацией выпадающего меню. А можно ли это реализовать? http://keep4u.ru/full/080403/a3f1b7c9b6ba21f259/jpg

    Asked by Mjfriend,

    0 votes
    8 answers

  14. Помогите решить проблему с дивом в таблице

    В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <…

    Asked by partiz,

    0 votes
    26 answers

  15. Проблема в ИЕ с первым дивом

    Проблема с отображением пачки дивов, идущих друг за другом, имеющие идентичный код. Проблема только с первым... и только в ИЕ! .messages { min-height: 100%; margin-left:214px; margin-right:10px; _margin-right:7px; _margin-left: 8px; background-color:#C1EEC7; padding:3px; } .letter { background-color: #F9FDFA; height:24px; margin-left: 5px; margin-right: 5px; margin-top:1px; position:relative; overflow: hidden; } <div class="messages"> <div class="letter"> <table width="100%"> <tr> <td align="center" class="chckbox"><input type="checkbox"/></td> <td class="name">Вася Пупкин</td> <td class="sub…

    Asked by Narlie,

    0 votes
    1 answer

  16. Скролбар в диве, опускание вниз

    Нужно сделать мини чат, и требуется, чтобы сообщения в диве отображались внизу дива. Т.е. когда див чата оверфлоу (переполняется), и срабатывает прокрутка, нужно, чтобы старое уползало вверх, а див сам прокручивался вниз и показывал новые мессаги. Не соображаю, как сделать, подскажите, пожалуйста. Набросал примерный код для теста: (почему-то в фаерфоксе при добавлении строки из message в chat, содежримое chat выравнивается по центру, а при переполнении chat, прокрутка не появляется... помогите и с этим разобраться, пожалуйста) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <bod…

    Asked by partiz,

    0 votes
    4 answers

  17. Ерунда какая-то... (верстка, проблема с IE6)

    Здрасте! Есть 2 css - ie6.css и styles.css - соответственно. В Голове вот это <!--[if lt IE 7]> <link href="../CSS/ie6.css" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if IE 7]> <link href="../CSS/style.css" rel="stylesheet" type="text/css" /> <![endif]--> <link href="../CSS/style.css" rel="stylesheet" type="opera/css" /> C ИЕ7 и Оперой вс? хорошо. Ерунда вот в чем: ИЕ6 почему-то цепляет не все стили, т.е. у меня есть ... <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="BMbigspace"> </td> <td class="BMlink"><a href="../" class="linkBold">Главная</a></t…

    Asked by gizmomy,

    0 votes
    6 answers

  18. Проблема в Explorer 6 с параметром overflow

    Здравствуйте! Заметил странный баг в Explorer`e. Если слой с параметром overflow лежит внутри таблицы, то в Explorere параметр overflow просто не действует. Вот например код: <div style="width: 100%;"> <table style="width: auto"> <tr> <td> <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0"> СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйт…

    Asked by Andrey_rus,

    0 votes
    6 answers

  19. ССЫЛКИ МНОГО ССЫЛОК!!!!

    у меня на сайте есть похожие ссылки,как мне избежать тупого контрл+це контрл+в

    Asked by tray,

    0 votes
    21 answers

  20. Поиск

    Скажите пожалуйста, как сделать поиск в середине сайта?

    Asked by Volodumur,

    0 votes
    4 answers

  21. Как такое реализовать?

    Подскажите как такое реализовать http://kim-evgene.site.uvaga.by/temp/shablon.gif А именно, как лучше сделать чтобы верт. полоса прокрутки была не возле зеленого блока, а стандартная браузерная

    Asked by Kim,

    0 votes
    26 answers

  22. Прозрачность и IE6

    Помогите пожалуйста с одной траблой: на странице используются полупрозрачные PNG рисунки, которые являются или бэкграундом или img src в ячейках таблицы. Во всех браузерах, кроме IE6 и ниже все отображается нормально, но в IE6 png-файлы отображаются серыми картинками. Как можно это исправить? Немного кода, в котором находятся png-файлы: <td width="10" background="images/01.png" height="10"></td> <td width="780" background="images/02.png" height="10"></td> <td width="10" background="images/03.png" height="10"></td> P.S. метод с .htc файлом не помогает потому, что у меня не общий бэкграунд в виде png-файла, а отдельные элементы в яч…

    Asked by DImaN,

    0 votes
    40 answers

  23. Левые графические маркеры в IE6

    Проблема - страннее некуда. Сделал графические маркеры для элементов списка, но в ИЕ6 и ниже, как-то неправильно отображается маркер верхнего элемента списка - он съезжает вниз зачем-то. http://www.korben.biz/nukerus/modules.php?name=Products - неправильное отображение только в ИЕ6, ИЕ5 тоже - ниже не пробовал, но видимо также. В FF, IE 7 и Опере работает правильно. Подскажите, пожалуйста, в ч?м может быть заскок? уже вс? перепробовал! Вот код CSS: .nav { margin-left: -20px; padding-top: 10px; } .nav li { float: none; } .nav ul li a:hover, .nav ul li:hover { list-style-image: url(images/arrcur.gif); } .nav a.current, .nav a.current:visited { color:#ff0000; list-…

    Asked by Korben,

    0 votes
    1 answer

  24. Выравнивание картинки внутри DIVа

    Есть квадратный DIV, внутри маленькая картинка. По ширине выровнена по центру. Как выровнять е? точно так же по высоте? Чтобы она отображалась по центру дива, а не липла к верхнему краю?

    Asked by green,

    0 votes
    1 answer

  25. Как фон сайта сделать градиентом?

    Хочу что бы фон у body был градиентом и при этом с рисунком что то вроде этого: Подскажите можно ли так сделать? Проблема в том что если бы я знала длину страницы то вырезала бы полоску и размножила, но особенность бекграунда повторяться и если после светлой картинки опять начнется затемненная, то это будет не красиво Думаю что можно было бы сделать маленькую картинку которую размножить на весь бекграунд а на нее наложить прозрачный фон с градиентом например до середины. А вот как это сделать... Можно ли с помощью css такое осуществить?

    Asked by Yellowcat,

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