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. изображения на страничке меняли цвет рамки

    как средствами ксс сделать что бы изображения на страничке меняли цвет рамки при наведении мышки и при клике ?

    Asked by pribl,

    0 votes
    1 answer

  2. Подсветка текста через hover

    Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(

    Asked by PGfedos1,

    0 votes
    10 answers

  3. Проблема с выравниванием

    Возникла проблема при верстке слоями сайт расположение по центру при верстке дивами возникает проблема что при разном разрешении 1900*600 и 1024*768 один блок постоянно теряет ориентацию на экране 1024*768 1600*900 как исправить код чтоб подходило и на широкоформатные и на обычные ? Заранее спасибо за потраченное время #leftcol { position: relative; margin: 0px auto; height: 730px; width: 925px; } #content { position: relative; left: 655px ; top: -500px; height: 470px; width: 558px; opacity: 0.2; background: #333; } img.semi { opacity: 0.2; /* Полупрозрачность элемента */ } body { background: #333; /* Цвет фона */ } p {font-size: 80%; font-famil…

    Asked by maveric,

    0 votes
    2 answers

  4. 2 div'а по горизонтали.

    Сталкнулся с такой проблемой. В header'е стоят 2 дива, один привязан к левому краю, второй соответственно к правому. И вот при растяжении-сужении когда они соприкасаются, то либо один перекрывает другой, либо один оптекает другой и проваливается вниз, в зависимости от position. Можно ли как то сделать так чтоб они не наезжали друг на друга и при этом оставались зафиксированными?

    Asked by 2_k,

    0 votes
    8 answers

  5. полупрозрачный фон div'а

    Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }

    Asked by theo_,

    0 votes
    30 answers

  6. Последний пункт меню

    Здравствуйте! Я новенький! Не кричите на меня. Но очень хочется узнать у "знатоков", как говорится, как сделать стилями, чтобы последний пункт меню был без полосочки, которая приставляется ко всем предыдущим, стилем background-image. Скрин могу выслать! Заранее, благодарен!!! Уж очень надо!!!

    Asked by TeppopucT,

    0 votes
    8 answers

  7. Бекграунд у <tr> и <td>

    Для начала вот тестовая страница: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> table { width: 100%; border: 0; border-collapse: collapse; } tr { background: #eee; } td { background: none; } </style> <script type="text/javascript"> </script> </head> <body> <table> <tr> <td> text text text text text text text …

    Asked by Great Rash,

    0 votes
    3 answers

  8. Проблема. Не тянутся блоки по высоте

    написал обычный двухколонный сайт: верх, под ним две колонки, ниже(типа футер). при добавлении текста тянется только одна колонка, которая с текстом, при чем наплывая на футер и т.д. вниз как сделать нормаль подскажите пожалуйста <body marginheight="0" marginwidth="0" alink="#F0F47A" vlink="#F0F47A"> <a name="up" id="up"></a> <div> <div class="head"> <div class="logo"><jdoc:include type="modules" name="top" /></div> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_m"> <div id="pillmenu"> <jdoc:include type="modules" name="user3"…

    Asked by andvab,

    0 votes
    1 answer

  9. Проблемка

    http://www.pokercollection.ru/ Объясните пожалуйста почему это происходит, и как с этим бороться?

    Asked by Jef,

    0 votes
    9 answers

  10. Контекстные селекторы

    Можно как-то указать, что td имеет указанные свойства если он идет после одного из указанных классов tr? конструкция ниже не работает, первые два класса игнорируются tr.QueryTableHeader, tr.QueryData, tr.QueryDataOdd td {padding-left: 5px; padding-right: 5px; border-width:1px; margin: 0; } Вариант написать свойства td раздельно для каждого tr оставлен на крайний случай, если подругому никак

    Asked by minvareg,

    0 votes
    1 answer

  11. гризонтальная полоса прокрутки

    здравствуйте. у меня возникла проблема: взависимости от размерах монитора страница отображаеться с ГОРИЗОНТАЛЬНОЙ полосой прокрутки либо без. помогите пожалуйста .

    Asked by bald,

    0 votes
    8 answers

  12. Задать стиль первой ячейке таблицы

    Здравствуйте. Подскажите, пожалуйста, как в css задать стиль первой ячейки таблицы. В таблице хранится горизонтальное меню, т.е. каждый пункт в новой ячейке, строка - одна. У каждой ячейки есть левый бордюр, у первой его не должно быть.

    Asked by viod,

    0 votes
    3 answers

  13. Drupal+Smarty: настройка профиля пользователя

    Добрый день! Мне необходимо кастомизировать страницу пользователя (например, www.example.net/user/20). Знаю как решить данную задачу, если вместо Smarty используется PHPTemplate. А в указанной связке - кто-нибудь сталкивался с этой проблемой? Помогите, пожалуйста

    Asked by Millenium,

    0 votes
    7 answers

  14. Полная Ширина колонки таблицы

    Сделал скроллируемую таблицу, т.е. заголовок на месте, данные скроллятся. Сделано и это из двух разных таблиц, у которых задан параметр width одинаковый для каждой колонки. Все было хорошо, пока не потребовалось сделать разные отступы текста padding для заголовка и данных. Заголово и данные разъехались. Оказывается полная ширина состоит из width + padding + ..... Вопрос - можно ли в задать полную ширину колонки, чтоб не заниматься пересчетом с учетом всех отступов и бордеров. Можно конечно что-то типа <TD><P>Текст</TD> сделать и отступ задавать у <P>, но это интересует можно ли как-то по другому

    Asked by minvareg,

    0 votes
    1 answer

  15. Проблемы с кроссбраузерностью

    Сделал небольшой макетик сайта www.beavers-net.narod.ru Дизайн дефалтовый, т.е. случайные цвета- не в нём суть, вобщем, но комменты понему приму с радостью, хотя комментировать пока неча. Проблема возникла, когда открывается в ИЕ - байда у него с блоком и фоотером. Опера- всё ок. Хром- безжалостно оторвал футер. Сафари- тоже самое. Фаер..это вообще что-то непонятное...Он что, комменты совсем на дух не переносит? или это пагубное влияние присобаченного чёрти как блока рекламы? Ну и два итоговых вопроса - результаты валидации я понять не смог, увы . Второе - насколько болезненно мне обойдётся кроссбраузерность в данном случае- переделать весь макет сызнова или хаки мне в …

    Asked by tt48,

    0 votes
    2 answers

  16. графическое меню тормозит

    Сделал на сайте графическое меню, те пункты меню это не большие (3.8kb) изображения, при наведении курсора мыши они меняются на другие. Проблема в том что в самом начале они меняються с задержкой где то в 1 сек, это заметно и выглядит не красиво, когда на тот же пукт меню наводишь второй раз, то замена на активное изображение происходит мгновенно, возможно потомучто браузер уже закешировал. Что сделать чтобы изображение у ссылки на действие hover и в первый раз менялось без задержек ? вот стили которые я использую: #header #menu .unic_menu_item1 a { background: url(/images/home.jpg) no-repeat left bottom; } #header #menu .unic_menu_item1 a:hover, #header #menu .unic…

    Asked by asker2,

    0 votes
    1 answer

  17. Прошу помощи по Smarty

    Беда следующая... Сразу оговорюсь, я в Smarty полный профан, совсем, как и в PHP, но вот такая задача попалась. {if $a}значение = {$a}{/if}. $a может принимать любый значения >=0 и "не определено". Задача у меня, вычленить >=0, делаю так: {if $a>=0}значение = {$a}{/if} на выходе получаю как "значение = число" так и просто "значение = ". Терзают смутные сомнения, что >=0 приравнивается к ">= не определено". Вопрос, так ли должно быть в Smarty? Либо где-то ранее в PHP происходит? Ну, может, кто подскажет, как вычленить все неопределенные значения и скрывать если таковое приходит, хотя, ответа не первые вопросы будет более чем, с удовольствием покапаюсь дальше…

    Asked by Justnewone,

    0 votes
    3 answers

  18. Помогите плиз чет я не въезжаю

    #myaccount p.links{ border: 1px dotted; margin: auto; width: 150px; padding: 20px; margin-bottom: 5px; margin-right: 5px; } #myaccount p.links:hover{ border: 1px dotted #5190B2; background-color: #fdfcc8; cursor:hand; } #myaccount a.links{ color: #000000; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; word-spacing: normal; } #myaccount a.links:hover{ color: #000000; } <div id="myaccount"> <table width="80%" align="center"> <tr> <td><a href="" class="links"><p class="links" align="center">Пункт1</p></a></td> <td><a href="" class…

    Asked by pav-pas,

    0 votes
    1 answer

  19. Слои CSS в разных браузерах. HELP!

    Здравствуйте, года четре назад мне доводилось верстать дизайны для сайтов посредством HTML и СSS . Потом забросил всё это дело. (Кстати, в то время о слоях вообще не знал.) Теперь снова решился взяться за старое, вспомнил теги, и т.п. Прочёл немного про CSS слои. Со слоями, как выяснилось работать намного удобнее, Как в книжке создал слой: #top { position: absolute; /* Абсолютное позиционирование */ left: 500; /* Положение левого края */ top: 0; /* Положение верхнего края */ width: 100%; /* Ширина слоя */ height: 158px; background: #000000;/* Цвет фона */ color: red; /* Цвет текста */ } Вызвал: <div class='top'>здесь мой текст</div> НО ВОТ ПРОБЛеМ…

    Asked by Niodar,

    0 votes
    6 answers

  20. Нумерованные списки: нужно больше возможностей

    Нужны списки с таким оформлением: 1) 2) 3) 4) ... Нужны списки с такой нумерацией: 1. 1.1 1.2 1.3 2. 2.1 2.2 2.3 2.4 3. 3.1 3.2 Что известно на тему реализации подобного? Без яваскрипта не обойтись? В хтмл такого вроде не предусмотрено.

    Asked by aruru,

    0 votes
    3 answers

  21. проблема с абсолютными блоками в ie6-ie7

    Имею проблему с абсолютно позиционированными блоками в ie7, такое ощущение, что при position: absolute; top: 0; ie позиционирует блоки не относительно блока родителя а относительно body, т.е. абсолютный блок прилипает к верху страницы, как быть? Пример: http://www.yakovishinandrey.ru/dom

    Asked by weblad,

    0 votes
    2 answers

  22. Резиновый макет с фиксированым хедером и футером.

    Задача заключается в чем: Существует фиксированного размера хедер. Существует фиксированного размера футер. Как можно сделать так что бы макет растягивался по всему экрану, не указывая заранее height. Можно ли эир сделать средствами CSS?

    Asked by satan,

    0 votes
    4 answers

  23. Как создание систему рейтинга на подобие Yandex

    Подскажите, пожалуйста, как создать систему рейтинга на подобие Yandex? Очень нужно для работы. ★✩ - система рейтинга по Yandex Буду очень благодарен!

    Asked by Pansaga,

    0 votes
    1 answer

  24. Форма бронирования

    Добрый день! Я хотел бы узнать как можно загружать форму бронирования авиабилетов на страницу сайта. т.е что мне нужно существует форма бронирования авиабилетов, я хочу весь процесс бронирования разместить на одной страничке, т.е щелкаешь на кнопочку следует переход на др. другую форму но в этом же окне, как это можно реализовать? Пример формы: http://booking1.somonair.com.какие есть предложения?

    Asked by olega999,

    0 votes
    5 answers

  25. Как отключить щточки перед <li>?

    <ul type="none"> Это работает везде, кроме оперы. В опере перед словами появляются точки.

    Asked by dimanlin,

    0 votes
    1 answer

  • Обсуждения

    • 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