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. Проблема с шириной

    Здравствуйте. Был сайт на таблицах, переделал на блоки (боковые фиксированного размера 160px, а центральный резиновый). Но есть раздел, где большая таблица и она вылазит за границу блока нерастягивая его и наесжает на правый блок. У сайса задан min-width: 1021px; max-width: 1400px; margin: 0 auto; min-height: 100%; width: 100%; в таблицах он работал а в дивах всегда минимум держит. Как это можно исправить? http://bgpllp.brest.by/?o=1window Спасибо.

    Asked by Songo,

    0 votes
    1 answer

  2. Не знаю как сверстать эту часть.

    Всем привет. Помогите пожалуйста , каким образом сверстать область обведенную красным? Надо чтобы синяя часть за контентом растягивалась.

    Asked by Kobe_kobe,

    0 votes
    6 answers

  3. Создание схемы

    Добрый день. Хочется спросить совета, кто что подскажет. Необходимо на сайте сделать что-то типа схемы. Схема каждый раз разна по сложности и по элементам, т.е расположение блоков может быть каким угодно и где угодно. Блоки схемы - необходимо чтобы они были отдельным активным элементом (при жмаке на блок ссылка, при наведении меняет цвет например). Так вот сам вопрос: как такое сделать просто и удобно? Допустим, блоками див. Но позиционирование таких блоков на странице не должно быть абсолютным, для совместимости разных разрешений экрана например. А при относительном позиционировании - наугад тыкать координаты, сохранять страницу (делаю все в дримвивер), открывать и смотр…

    Asked by фонарик,

    0 votes
    8 answers

  4. Позиционирование блоков

    Проблема такова, по горизонтали 4 блока ,не могу понять как сделать ,чтоб при добавлении блоков они вставали друг под другом? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>our team</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function blinkIt() { if (!document.all) return; else { for(i=0;i<document.all.tags('blink').length;i++){ s=document.all.tags('blink'); s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible'; } } } </script> </head>…

    Asked by romeo753,

    0 votes
    10 answers

  5. Определить последнюю публикацию

    Всем добрый день. Есть сайт на Wordpress (на локале). В открытом посте для перехода на публикацию вперед/назад используются соответственно функции <div class="next"><?php next_post_link('%link', ''); ?></div> <div class="previous"><?php previous_post_link('%link', ''); ?></div> в виде иконок-стрелок. Но одно не учтено - если открыть самый свежий пост, то стрелка, ведущая на следующий (более новый) пост отсутствует, что в принципе вполне логично. Подскажите пожалуйста как реализовать функцию, которая в зависимости от того, открыт самый новый опубликованный пост или любой другой пост выводила бы разные блоки <div>, то есть либо …

    Asked by Dayks,

    0 votes
    0 answers

  6. Анимация градиента

    Всем привет. Подскажите, как сделать плавное изменение градиента? Есть код: #change { border-top: 1px solid silver; background-color: #555; color: #ccc; width: 300px; height: 200px; background: -webkit-linear-gradient(top, white, black); -webkit-animation: 'grad' 3s infinite ease; } @-webkit-keyframes 'grad' { from {background: linear-gradient(top, white, black);} to {background: linear-gradient(top, black, white);} } Но он не работает. Пробовал указывать ключевые кадры - работает, но слишком громоздко получается. Может быть есть вариант по лучше? А то раздувать код не хочется, ведь слишком толсто будет..

    Asked by Sandr,

    0 votes
    6 answers

  7. line-height в chrome

    Дело вот в чем, не раз замечаю что в хроме нужно ставить line-height больше чем в других браузерах. К примеру слева FF IE Opera справа Chrome Safari Как справиться с этим? Юзаю хак, но хотелось бы разобратся в причинах такого рендера. И найти более правильное решение. @media all and (-webkit-min-device-pixel-ratio:0) { button.button span span { line-height:29px; } } HTML <button class="button"> <span> <span> Join </span> </span> </button> Извиняюсь за большой CSS - верстаю под magento а там шаблоны не ахти. А менять каждый темплит времени нет. button.button { border:0; padding:0; m…

    Asked by stranger-liquid,

    0 votes
    0 answers

  8. @media screen and (max-width: ***px)

    Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.

    Asked by stDragon,

    0 votes
    7 answers

  9. Расположение картинок горизонтально

    Как сделать так: 1. чтоб картинки на странице располагались горизонтально? т.е. при добавлении картинки она уходит вниз, а мне нужно чтобы они все шли горизонтально и появлялась горизонтальная прокрутка. 2. чтоб картинки изменяли размер в зависимости от размера браузера?

    Asked by aizul,

    0 votes
    7 answers

  10. горизонтальный скролл колесиком мыши

    Доброго времени суток. Подскажите, пожалуйста, как сделать горизонтальную прокрутку с помощью мыши Имеются вот такие элементы <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> Нужно, чтобы при прокрутке колесом мыши они прокручивались на странице

    Asked by malsyst,

    0 votes
    1 answer

  11. Оглавление

    Хочу сделать оглавление для pdf файла, порезанного на отдельные главы, так, как это возможно в ворде: 1) Выравнивание текста оглавления по ширине страницы 2) Номер странички в документе pdf - с правой стороны окна в последней строке текста (названия главы) 3) По-возможности, но не обязательно: пунктирная линия от последнего слова названия главы до номера страницы. Вариант с таблицей из двух столбцов не подходит, так как номера страниц получаются правее любого слова, а мне нужно, чтобы номера страниц выравнивались по правому краю, по которому выравнивается текст (justify) Что-то вроде: много_текста_много_ текста......................12 мало_текста............23

    Asked by Sat_Odessa,

    0 votes
    1 answer

  12. CSS - две флешки на странице для IE - помогите

    Подскажите, пожалуйста, что делаю не так? Верстка на css Мне нужно, чтобы две разные флешки показывались на одной странице В опере проблем нет вообще, показываются, а вот в IE первая флешка показывается, а вторая нет как ни крутилась, ничего не вышло. флешки не пересекатся css —-- #sloy1{ position:absolute; margin-top:10px; margin-left:10px; width:50px; height:50px; z-index:1; } #sloy2{ position:absolute; margin-top:100px; margin-left:100px; width:50px; height:50px; z-index:2; } страница —————-- <div id="sloy1"> тут код флешки с добавленным <param name="wmode" value=opaque> </div> <div id="sloy2"> тут код флешки с добавленным <param name="wmode"…

    Asked by Dasha,

    0 votes
    1 answer

  13. горизонтальное меню с большими отсутпами

    нужно сделать пару кнопок на зелёном фоне с закруглёнными сильно углами. Пробовал сделать примерно так:Обрамил тег li тегом a и оформил примерно так: li { display:inline; margin-right:50px; } a:hover { background:green; border-radius:15px; } В итоге я получил то, что надо, но зелёным выделяется пространство вплоть до следующего тега li, а мне нужно, чтобы это было только вокруг текста.

    Asked by Rayzor,

    0 votes
    2 answers

  14. Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Asked by daggi,

    0 votes
    1 answer

  15. скрыть наполнение дива

    Люди помогите! Есть блок, в котором хранятся три изображения. Блок шириной 600px должен быть, картинки по 250; Суть в том, мне нужно чтоб они стояли три в ряд, и последняя скрывалась за границы блока, то есть обрезалась... html <article class="disckography"> <p><a href="#"><img src="img/album1.jpg"></a></p> <p><a href="#"><img src="img/album1.jpg"></a></p> <p><a href="#"><img src="img/album1.jpg"></a></p></article> css .disckography { height:350px; width:600px; margin:20px 0 0 100px; overflow:hidden; } .disckography p { floa…

    Asked by vladmih,

    0 votes
    8 answers

  16. Меню jquery

    Всем привет, подскажите как создать такое меню на jquery Можно и на css. Просто хотел бы сам написать, но не знаю с чего начать. Методики, чтоль незнаю))

    Asked by psics,

    0 votes
    5 answers

  17. Как сделать в резиновой шапке....

    Как сделать в резиновой шапке 3 картинки следующим образом: одна прижата к левому краю другая к правому и одна плавает по центру.?! Верстка на дивах. <div id="header"> <div class="left"></div> <div class="center"><a href="/"></a></div> <div class="right"></div> </div>

    Asked by daggi,

    0 votes
    1 answer

  18. помогите в изучении css

    Всем доброго дня. Уважаемые гуру подскажите пожалуйста чайнику который решил освоить css. Есть стиль .bg{ width:100%; background: url(/images/header_bg.jpg) repeat-x left top; } Вставляю этот стиль в страницу таким образом <body> <div class="bg"> <p>text text</p> </div> </body> Вопрос. Почему у меня не видно бэкграунда? Что я не правильно делаю? Огромное спасибо

    Asked by blood,

    0 votes
    6 answers

  19. position:absolute и height

    Добрый вечер. Для блока свойство position имеет значение absolute. Как в этом случае мне указывать высоту блока? Height и min-height не работают .main { padding: 0px 12px; width:500px; position:absolute; margin-top:155px; height:455px;}

    Asked by mylogin,

    0 votes
    1 answer

  20. Проблема с отображением background'а при масштабировании

    Здравствуйте! Проблема такая. Делаю background в блоках DIV, в бекграунде сразу три изображения по спецификации css3, всё нормально отображается и работает, но только тогда, когда масштаб стандартный, т.е. 100%. Когда в браузере уменьшаю масштаб, то тех бекграундовых изображений, у которых ширина 1px становится не видно. Так и должно быть или от этого как-то можно избавиться, чтобы всё отображалось даже при уменьшении масштаба? Не знаю, что сюда привести... ну, вот css код того блока, в котором исчезает: .cont_verh_svitok_part2_center_fon { display:inline-block; padding:0; margin:0; border:0; outline:none; overflow:hidden; width:189px; font:12pt Palatino Linotype,verdana…

    Asked by Tok13,

    0 votes
    5 answers

  21. Плавный отступ.

    Вот собственно: http://jsfiddle.net/iKNG/F3N6f/. FireBug почему то ошибку не выводит, но и результата нет.

    Asked by iKNG,

    0 votes
    4 answers

  22. Растянул фоновое изображение, справа немного ломается.

    РЕШЕНО Здравствуйте. Сделал фон в GIMP, вставил эту картинку как фон в тэге body body { height: 100%; background-image: url("{{ MEDIA_URL }}images/body.jpg"); background-size: cover; } Картинка растянулась, но в ширине слегка ломается справа вот тут http://www.tech.djangohost.name/ (нужно прокрутить направо). Подскажите почему такое поведение? И как картинку растянуть без косяков? Так же подключен bootstrap. Если еще размтка нужна, выложу...

    Asked by viz9,

    0 votes
    0 answers

  23. Помогите проверить html пожалуйста

    Доброго времени суток, Помогите пожалуйста провалидировать код формы! Насолько там все корректно!? Спасибо.

    Asked by plywoods,

    0 votes
    1 answer

  24. Кодировка

    Простой index.php. Заливаю на сайт - кракозябры. Домен пустой, конфликтовать не с чем. Остальные сайты у этого хостера в кракозябрах замечены не были. В тегах: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Файл и через блокнот сохраняла, и через дримвивер (с контролем выставленной при сохранении кодировки). Один фиг - кракозябры. Помогите, пж, что тут еще может быть? =( p.s. Кеш браузера чистила

    Asked by brussnika,

    0 votes
    4 answers

  25. Просвечывание меню

    Ситуация следующая: сайт на wordpress`е, в котором выпадающие меню "просвечивается". Вот вставка из css: #access ul ul { -moz-box-shadow: 0 3px 3px rgba(6, 6, 6, 0.14); /* подложка выпадающего */ -webkit-box-shadow: 0 3px 3px rgba(208, 208, 208, 0.86); box-shadow: 0 3px 3px rgba(213, 213, 213, 0.95); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 9999;}

    Asked by papadopalas,

    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