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. Тень блока без background: url

    Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>

    Asked by mamay,

    0 votes
    15 answers

  2. Десктоп, кажется так это называется

    Пдскажите, как сделать так, что бы при локальном просмотре HTML странички (на CD допустим) значек выгладел бы иначе, примерно так:

    Asked by Николай 2357,

    0 votes
    5 answers

  3. Как прописать права файлам-папкам? (чисто ламерский вопрос)

    У мене стоит денвер. Уперся я в тупик - как прописать права файлам и папкам? P.s. Да, Я - ламер! но это временное явление, я росту на глазах!)

    Asked by Light_82,

    0 votes
    16 answers

  4. авторесайз выпадающего списка

    есть выпадающий список, есть поля как короткие так и длинные, можно ли сдлать так чтобы в момент раскрытия списка, он автоматом ресайзился до максимального количества элементов? собственно смотрим тут http://scooter-dope.ru/index.php?do=catalog

    Asked by mongolor,

    0 votes
    0 answers

  5. IE-6

    Приветствую. У меня IE-6 не отображает картинку: h1 { background-image: url(images/lef_t.jpg); background-repeat: no-repeat; background-position: 100% 100%; } body, html { margin:0; padding:0; background-color:#eff7d5; background-image: url(images/bac.jpg); background-position: 50% 0%; color:#000; } body { min-width:768px; } h1, h2 { font-family: Arial,Helvetica,Verdana, sans-serif; } #wrap { position: relative; background-color: #F5Ffd9; background-image:url(images/list.jpg); margin:0 auto; width:768px; border: 2px solid #ADD222; margin-top: 1px; } #masthead { border-bottom: 1px solid #8a2; } #masthead { background-color: #EFA; background-image: url(…

    Asked by Lobo,

    0 votes
    16 answers

  6. Объединение ячеек силами CSS

    Проблема довольно простая. В сети в книге не нашел. Необходимо объеденить ячейки в таблице с помошь CSS. Имхо довольно неудобно писать к каждой ячейке rowspan="n", особенно если их много.

    Asked by AffeRe,

    0 votes
    2 answers

  7. Проблема с выводом на печать

    Делаю изменяющиеся при наведении ссылки в виде картинок: <td width="280" height="108"> <a class="dep" href="/about/sotr/index.php"> <div class="otdel" style="PADDING-TOP: 25px" align="center">ТЕКСТ</div> </a></td> CSS: A.dep { background-image:url(/about/sotr/images/bg.gif); display:block; width:280px; height:108px; text-decoration:none; } A.dep:hover { background-image:url(/about/sotr/images/bg-a.gif); display:block; width:280px; height:108px; text-decoration:none; } Проблема в том, что при печати картинки не выводятся на лист, т.е. текст есть, а фона - нет, как это исправить?

    Asked by Alexx,

    0 votes
    4 answers

  8. float элемент выходит за нижнюю границу не float элемента

    Есть проблема. У меня есть div, в котором может находится любой текст, картинки, и вс? что угодно, так как это блок новостей, и администратор может размещать свою новость тут. Предположим, что новостной контент состоит из картинки и текста <div> <p><img src="test.jpg" alt="" />some text here</p> </div> Но это не самое красивое размещение текста относительно картинки, и администратор решает картинку сделать обтекаемой справа: <div> <p><img src="test.jpg" alt="" align="left"/>some text here</p> </div> И вот тут возникает проблема, картинка почему-то вываливается ниже нижней границы div'а. Немного поэксперементиро…

    Asked by Altex,

    0 votes
    2 answers

  9. img Случайный путь для картинки

    Как задать случайный путь для картинки в src="...", чтобы при загрузке страницы, каждый раз появлялась другая картинка ?

    Asked by ztim,

    0 votes
    1 answer

  10. Фон блока в Firefox

    Вот есть код, но в Firefox фон второго блока не отображается. Если их поменять местами, все ок. В IE6 фон всегда отображается. Как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div style="height:50px; background:#CCCCCC; border:1px solid"></div> <div style="height:28px; background:url('fone.gif') left top repeat-x fixed; border:1px solid;"></div> </body> </html>

    Asked by Online,

    0 votes
    11 answers

  11. phpmyadmin не хочет включатся

    почему -то phpmyadmin не включатся , пишет проверьте пароль и имя(все сходится, но он всеравно не включается). Подскажите в чем может быть проблема?

    Asked by JENYTAVR,

    0 votes
    11 answers

  12. Перестали работать <a> при float=right

    Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с float=right. После этого в опере и ФФ перестали работать ссылки, расположенные в этом блоке. Тоесть не нажимаются. Страничка находится здесь http://tour.topotels.com/gallery.html Класс правого столбца .content { text-align:left; float:right; width:600px; position:relative; display:inline; margin:0px; padding:0px; padding-right:25px; }

    Asked by MageMerlin,

    0 votes
    2 answers

  13. цвет гиперсылок

    непойму почему когда я пишу атрибуты link, vlink,alink и указываю цвет браузер не отображает а ставит вс? время свой цвет, я ставлю атрибуты в тэги body может надо в другом тэге?? подскажите...:|

    Asked by kasbek,

    0 votes
    1 answer

  14. координаты объекта

    Какой функцией задаются координаты объекта Как задать координаты объекта (таблицы) относительно, допустим, левого верхнего угла страницы? /** * Замечение: * 1) пользуйтесь кнопкой "редактировать", чтобы дополнять свои вопросы * 2) почему тема в разделе php?.. перед тем как спросить, желательно находиться в здравом рассудке и понимать, к чему относится вопрос. * LokiDi L0ck, 24.11.2007 */

    Asked by Jon,

    0 votes
    6 answers

  15. хотелось бы узнать о новых технолгиях в сайтосроении?

    Кто-нибудьзнаето новых тенденциях в сайтостроении?

    Asked by nik2008,

    0 votes
    9 answers

  16. Переливание картинки

    Извините,если пишу не в тот раздел,подходящего не наш?л. Здравствуйте,а напишите пожалуйста ПРЯМ ПО НОТКАМ,как мне в Фотошопе( У меня Русская Версия) сделать так,чтобы картинка переливалась: Например из ч?рного в светлоч?рный,из красного в т?мно-красный и т.д Вообще мне надо сделать фон на сайте,тока чтобы было красиво,я хочу.чтобы он переливался)))

    Asked by psywalker,

    0 votes
    1 answer

  17. Проблемка небольшая

    Вобщем, надо сделать чтобы картинка и текст под ней (назовем это для краткости карточкой) были отцентрированы по центру. Т.е. чтобы карточки распологались друг за другом... Ой че-то я запутался как сказать =). Вобщем вот код. работает только в ИЕ7, Опера и ФФ. Не работает в Сафари и, кажется, в ИЕ6. Как сделать чтоб везде работало? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> <title>Титле</title> <style> body{text-align:center} table{width: 100px; text-align: center; display:inline;…

    Asked by Константин,

    0 votes
    8 answers

  18. Выравнивание блочных элементов.

    Вот ресурсик мой: www.eds.gkng.ru. Проблема в чем. Вот есть там сейчас в области контента несколько элементов в виде фиолетовой карты. Надо его выровнять по центру. Самое инетересное, что текст выравнивается, а блок нет. Но это еще не все. Самое жесткое, что таких блоков может быть быть несколько (много даже). Я их всех прилепляю флоатом, как можете видеть. Т.е. в зависимости от разрешения монитора у юзера в строку будет влеплено столько блочков, сколько помещается, остальные все перенесены на след строку. И вся эта конструкция должна быть выровнена по центру. - вот с этим то и загвоздка. Если есть у кого мысли на эту тему, помогите. Заранее спасибо Да. Там только нарабо…

    Asked by shamahn,

    0 votes
    2 answers

  19. Никак не могу с установкой цвета и прочего для ссылок разобраться...

    На сайт ссылку дать нИ мАгУ ) Имееться цсс a { color: #767676; text-decoration: none; } a:visited { color: #ef4a27; text-decoration: none; /* Цвет посещенной ссылки */ } a:active { color: #767676; /* Цвет активных ссылок */ } Ссылки (пункты меню) имеют цвет #ef4a27 ... я не понимать почему Должно быть так При наведении на ссылку мышкой -менятеться цвет с серого на оранжевый, при нажатии - цвет и шрифт меняються, при нажатии на другую ссылку , предыдущая возвращается в свое первоначальное состояние... Кака сделать подскажите, плиз! И второй вопрос: как после каждого пункта меню ( токо главного) делать отступ..эээ одним словом что бы каждоя ссылка шла в своем квадра…

    Asked by mia,

    0 votes
    11 answers

  20. Выравливание по нижнему краю body

    Доброе время суток, уважаемые гуру. Подскажите пожалуйста мне, неучу, как выполнить выравнивание по нижнему краю ? Да ещ? так, чтобы при добавлении контента, предшествующая информация сдвигалась вверх, и скроллинг не появлялся. Спасибо.

    Asked by mp3frog,

    0 votes
    2 answers

  21. Одинаковая высота блоков 2/1

    Добрый день. Застрял на такой схеме: Нужно чтобы высота блока "3" определялась относительно блока "4" и всегда заканчивалась одинаково с ним. Все блоки должны быть слоями Может кто сталкивался с таким уже?

    Asked by Rhema,

    0 votes
    5 answers

  22. Отступы в ие6 от блочных элементов

    Почему в ие6 появляются отступы, что стоит ли див в таблице или рядом с другим дивом. В фф и опере все нормально. вот простой пример: <div id="line"> <div class="til"></div> <div class="til2"></div> </div> #line { position:absolute; top:280px; width:100%; } .til { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-left:20px; _margin-left:10px; float:left; } .til2 { background:url(images/korp/titld.gif) repeat-x; width:172px; height:2px; margin-right:20px; _margin-right:10px; float:right; } Увидеть эти отступы можно добавив в конец каждого класса строчку border:1px solid black;

    Asked by BRK,

    0 votes
    3 answers

  23. изменение видимости при наведении

    Подскажите пожалуйста как осуществить такое. Есть 2 span контейнера <span class="rus"> ............................... </span> <span class="en"> ............................... </span> Изначально задано что один виден,а другой посредством позиционирования располагается выше видимого,но его не видно. И есть какая то картинка.Как можно сделать с помощью css так,что при наведении на эту картинку класс rus прятался а видимым становился класс en а когда отводишь мышку то все возвращалось на свои места. А совсем идеально будет что бы при нажатии на картинку все статически менялось и оставалось.Знаю что можно делать так с картинкой,когда наводишь на нее…

    Asked by Whatsup,

    0 votes
    4 answers

  24. Любителям блочной верстки на засыпку!

    Ну, во первых, здравствуйте! Начал я совсем недавно пытаться верстать дивами. Не скажу, что получаю удовольствие, что были моменты, которых я бы не сделал таблицами, но тем не менее стремлюсь к прогрессивному. А теперь, уважаемые знатоки, вопрос: 2столбцовый макет. Ширина левого меняется произвольно (в зависимости от содержимого). Правый - от конца левого и до конца экрана. С помощью таблиц - решается очень прозрачно. Хотелось бы увидеть, что существует такое же прозрачное решение и для дивов Спасибо за внимание

    Asked by shamahn,

    0 votes
    141 answers

  25. Нужна помощь с div в ие6

    Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…

    Asked by lebeden,

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