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. Забыл как выделить область с картинкой по размерам большего элемента

    Товарищи, напомните, плиз.. При наведении курсора на текст область выделяется только по тексту, а не по картинке. Хотя и текст и катринка звключены в один тег a <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_post_thumbnail(array(90,90)); ?> <h4> <?php the_title(); ?></h4> <? kama_excerpt("maxchar=100"); ?> </a> Как сделать выделение по всему блоку (т.е. по высоте максимального элемента входящего в тег а : по картинке или тексту)? КССы вот такие #lateslist li a:link, #lateslist li a:visited { background: none repeat scroll 0 0 transparent; display: block; margin: 0 0 15px 0;padding: 0; text-decoration: n…

    Asked by RichV,

    0 votes
    2 answers

  2. Вертикальное выравнивание 5 ти блоков в ряд, один из которых резиновый

    Все привет. прошу помощи. Есть 5 блоков, нужно правильно прописать стили <div class="product"> <span class="img">фикс блок по левому краю</span> <span class="name">фикс блок по левому краю</span> <span class="descr">Резиновый блок</span> <span class="summ">фикс блок по правому краю</span> <span class="summ_price">фикс блок по правому краю, содержимое прижато вправо</span> </div> Все блоки должны быть выровнены вертикально по центру Блок descr должен быть резиновый, остальные фиксированные, содержимое блока summ_price должно быть выровнено по правому краю Прошу помощи правильно пропис…

    Asked by bigperson,

    0 votes
    0 answers

  3. li с чередующимся фоном

    Здравствуйте. Возникла такая проблема... <ul> <li>Слово1</li> <li>Слово2</li> <li>Слово3</li> <li>Слово4</li> </ul> Как сделать чтобы в ul li шло чередование фонов. Допустим, нечётные (<li>Слово1</li>, <li>Слово3</li>, ...) - backgroun-color:#f4f4f4; чётные (<li>Слово2</li>, <li>Слово4</li>, ...) - backgroun-color:#cccccc; Помогите, пожалуйста, кто знает...

    Asked by zzzoryn,

    0 votes
    4 answers

  4. Создать фон ссылки активной страницы

    Нужно вот так как новости. Как можно это реализовать. Реализовал чтобы реагировал на наведение мыши, на нажатие, но надо , чтобы фон ссылки фиксировался относительно своей страницы

    Asked by balabadmitri,

    0 votes
    4 answers

  5. Центрирование элементов списка

    Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю Подскажи как сделать чтобы li по центру распологались? http://jsfiddle.net/bsZ67/

    Asked by johan,

    0 votes
    3 answers

  6. Одинаковая ширина столбцов таблицы в IE

    Добрый день! Появилась проблема. Создал таблицу из двух строк, в каждой по 4 столбца. Применил к столбцам float: left. Во всех браузерах сработало, кроме IE7. Как решить эту проблему? Мне надо, чтобы ширина столбцов подстраивалась под содержимое,а в IE7 ширина для всех столбцов остается одинаковой.

    Asked by YesMan,

    0 votes
    0 answers

  7. Слайдеры!

    Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <body> <div id="slider"> <div id="content"> <div id="slide01"> <div id="slide02"> <div id="slide03"> <div id="slide-inner"> <div class="page" id="page1"><img src="img/exclusive_yachts_00.png"></div> <div class="page" id="page2"><img src="img/exclusive_yachts_01.png"></div> <div class="page" id="page3"><img…

    Asked by Roomas,

    0 votes
    1 answer

  8. Резиновые дивы, толкающие друг друга!

    Всем доброго дня! Друзья есть такой код... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> #div_a{ background-color: #0CF; width: 100%; max-width: 600px; height: 500px; margin-left:auto; margin-right:auto; } #div_1{ background-color:#39F; width:; width: 100%; min-width: 400px; height: 200px; float: left; } #div_2{ background-color:#325; width: 200px; height: 200px; float: left; } </style> </head> <body> <div id="div_a"> <div id="div_1"></div> <div id="div_2">&…

    Asked by Roomas,

    0 votes
    1 answer

  9. Не подключается кириллица Google Web Fonts/

    Всем привет! На ровном месте возникла проблема. Хочу использовать http://www.google.com/webfonts Там всё просто и доходчиво описано как из подключать. С английскими шрифтами проблем нет вообще. Но кириллические (беру естественно из раздела кирилик) не подключаются ни в какую, ни так как ниже по простому, ни @import, ни яваскрипт. Пример ниже <h1> Bad Script отображается как дефолтый таймс, а <h2> как и задумывалось Exo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Bad+Script|PT+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?fa…

    Asked by santacruz,

    0 votes
    1 answer

  10. тень вокруг элемента

    как видел статью, как сделать тень вокруг элемент с 4х сторон, не могу найти, подскажите ссылку на решение

    Asked by Shaka13,

    0 votes
    6 answers

  11. нумерованные списки

    Доброго времени суток! ЕЕсть такая задача: надо сделать список вида 1. текст 2. текст 3. текст с влодежиями 3.1 текст вложенный 3.2 текст вложенный 3.3 текст вложенный 3.4 текст вложенный 4. текст 5. текст Если кто-нибудь знает как сделать список с такой нумерацией - подскажите пожалуйста. Помогите новичку. Заранее благодарен. P.S. уважаемые модераторы, если тема есть - подскажите где - не нашел, если не в том разделе - перенесите пожалуйста. И Вам заранее благодарен.

    Asked by sazhyk,

    0 votes
    2 answers

  12. Все еще галерея

    С помощью чего человек расположил список "One, two, three, four" в строку? http://jsfiddle.net/kKUZq/

    Asked by daniluch,

    0 votes
    1 answer

  13. вопрос знатокам по поводу bootstrap

    добрый день. в принципе с бс знаком, работал. но вот сегодня интересный момент заинтересовал. фиксированная сетка на БС сделана так: каждая ячека имеет отступ слева, после чего весь блок с ячейками сдвигается влева на этот же отступ. а резиновая сетка сделана исходя из того, что ширина контейнера задается 100%, в итоге метод выше не применим(так как при отрицательном margin ширина блока остается такой же, как без него, и справа остается пустое место размером с этот отступ). собственно, что мешает НЕ указывать width 100% и воспользоваться методом выше не вводя дополнительные условия для first-child(last-child)?? ведь блок и так растягивается на 100% ширины. я так понимаю, …

    Asked by USF,

    0 votes
    2 answers

  14. Наследование отступов в ul списке

    Всем привет, столкнулся с такой проблемой, не получается выровнять первый и последний элементы по вертикали... Какой бы marign-top у первой и последней "лишки" не стоял они тупо валяются внизу) Если в li поставлять текст, допустим (1,2,3...), то все "лишки" наследуют margin-top первого элемента. Проблема решена, модераторы удалите пожалуйста тему.

    Asked by Neft,

    0 votes
    1 answer

  15. Знающие и умеющие помогите советом

    В общем нужно сверстать прогресс-бар, да так чтоб собственно программист потом смог им манипулировать. http://savepic.ru/4041090.png вот сам бар, если кто встречался с такими вещами, то подскажите как лучше его сверстать.

    Asked by vladmih,

    0 votes
    4 answers

  16. Отступ снизу у inline-block элемента

    Добрый день, столкнулся с вот такой штукой, вот допустим меню <section class="menu"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </section> .menu{ text-align: center; overflow: hidden; } .menu ul{ display: inline-block; } .menu li{ float: left; } .menu li a{ display: block;…

    Asked by inex,

    0 votes
    2 answers

  17. галерея

    Люди. Помогите Должно быть так: Вот что получается. Почему номера не отображаются в строчку? http://jsfiddle.net/fmpPe/

    Asked by daniluch,

    0 votes
    3 answers

  18. Как убрать отступы вверху страницы?

    Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код: <!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]">&…

    Asked by nemo59,

    0 votes
    7 answers

  19. глюк - картинки прыгают при наведении мышки

    не подскажите как избавиться от подобного глюка? при наведении мышки на фотку - фото из нижнего ряда начинают прыгать =((( вот здесь: http://oborona-pro.ru/fotoSafeLimb.html

    Asked by lena-moscow,

    0 votes
    1 answer

  20. центрование двух и более div по центру

    Итак есть футер, текст которого я хочу выравнять по центру <div id="footer_wrapper"> <div id="footer"> <div id="copyr">траляляляля, самый лучший проект</div> </div> </div> #footer_wrapper { position: relative; display: block; width: 100%; height:50px; } #footer { position: relative; display: block; height: 30px; width: 1002px; } #copyr { position: relative; display: block; height: 30px; width: 400px; } нужно выравнять #copyr внутри #footer по горизонтали и вертикали

    Asked by rtl_one,

    0 votes
    1 answer

  21. Посоветуйте, что учить дальше?

    Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.

    Asked by Piley,

    0 votes
    9 answers

  22. Исчезновение фиксированного блока при перезагрузке в Opera

    Здравствуйте!!! Существует такая проблема. Я сделал верхний блок (типа footer) фиксированным, чтобы при прокрутке страницы блок сохранялся наверху страницы. Вроде всё работает на IE8+ (7-ка не критична), Chrome, Firefox. В Opera тоже вроде бы фиксация сохраняется при прокрутке. Но при перезагрузке (если страница прокручена) фиксированный блок вновь возвращается вверх и пропадает из виду. На др. браузерах всё норм. <!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"…

    Asked by sam77726,

    0 votes
    1 answer

  23. учебник php

    Подкиньте, пожалуйста, здравый учебник по php.

    Asked by Bernard,

    0 votes
    3 answers

  24. как наложить 2 блока

    сделал верстку эскиза: внизу блок контента наложил, создав иллюзию, как и 2 колонки одинаковой высоты, а вот как верхнюю часть контента, вернее меню, ума не приложу, вот образец: тыц! помогите доработать!

    Asked by Shaka13,

    0 votes
    2 answers

  25. Порядок и приоритетность документов CSS

    Видимо это азы, которые упущены... Вопрос: есть два документа <HEAD> <LINK href = "mystyle.css" rel = "stylesheet" type = "text/css"> <LINK href = "mystyle_ex.css" rel = "stylesheet" type = "text/css"> <HEAD> Последний из них переназначил цвета, шрифты и не только. Т есть прямо противоречит первому документу. Можно ли считать это, если вообще возможно, хорошим способом "перекрасить" странички? Все ли броз. применят свойства именно из последнего по списку документа? Сила селекторов не затронута при этом, изменены только свойства.

    Asked by seemax,

    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