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. Загадочный DOCTYPE

    Тренировался в вёрстке, наткнулся на интересную проблему. Делал шапку сайта с непрописанным DOCTYPE в браузере опера и всё было хорошо, но как только решил проверить с других браузеров, куда-то пропала часть элементов. Как только я прописал на страничке <!DOCTYPE html> в опере тоже пропало как у остальных. В чём может быть проблема? Как DOCTYPE может убрать элементы? Собственно вот как выглядит страница без прописанного доктайпа И с ним Собственно сайт blackspot.ucoz.ru Код шапки <header><div class="header"> <a href="http://blackspot.ucoz.ru/"><img src="/template/img/blackspot.png" alt="BlackSpotStudios" class="logo" /></a> <div…

    Asked by Ge1i0N,

    0 votes
    4 answers

  2. Парочка проблем

    Вот выложил заготовку Моя ссылка 1)Проблема следующая.. В Хроме заголовки h7 (которые красные) выглядят растянутыми по ширине.. В ИЕ все гуд... Как решить проблему? 2)Нужно сделать чтоб в левой и правой колонках, нижний контент прилип к футеру на небольшом расстоянии, не зависимо от количества контента над ним.. Как это реализовать? Должно быть как тут

    Asked by veromi,

    0 votes
    4 answers

  3. Вертикально-резиновый сайт

    Приветствую. Уже давно верстаю сайты используя табличную верстку, но на данный момент стоит острая задача сверстать блоками, а в этом у меня опыта практически нет. Полазая по всяким сайтам и прочитав гайды по блочной верстке, вроде как все сделал, но есть одна неприятная штука - контентная часть не растягивается как нужно. Дабы не писать много слов, я сверстал две простенькие схемы сайта - лучше покажу что я имею и что нужно в итоге: Имею Нужно Т.е. нужно чтобы все элементы оставались в "обертке", а обертка всегда была в высоту 100%. P.S. Пробовал на обертку ставить "overflow: hidden", но в этом случае, он просто "обрезает" область к height, т.е. видим только 100% окна, а…

    Asked by Impulse,

    0 votes
    4 answers

  4. Баг с background-position в FF 9.0.1

    <html> <head></head> <style> .bug { background: url("loading.png") repeat 10000px 100000px; height: 800px; width: 800px; } .normal { background: url("loading.png") repeat 10000px 10000px; height: 800px; width: 800px; } </style> <body> <div class="bug"> </div> <div class="normal"> </div> </body> <html> картинка "loading.png": Так вот, в FF 9 в нижнем диве все нормально, картинка в background отображается, а в верхнем- нет. В чем проблема, как решить? Во всех остальных браузерах проблемы такой нету.

    Asked by Odrin,

    0 votes
    4 answers

  5. Убрать увеличение длины элемента при увеличении font-weight

    имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

    Asked by pav8909,

    0 votes
    4 answers

  6. Картинка для ссылки

    Здравствуйте! Проблема следующая, хочу сделать так, чтобы картинка в виде стрелочки появлялась возле активной ссылки. Но при добавлении картинки она накладывается на ссылку Вот CSS данного меню /* Категории раздела */ a.catName {font:bold 16px Arial, Helvetica, sans-serif; padding:10px; margin:0;} /* оформление ссылок(шрифт,размер,отступы) */ a.catName:link {text-decoration:none; color:#232323;}/* оформление ссылок, которые еще не посещались пользователем */ a.catName:visited {text-decoration:none; color:#232323;}/* оформление ссылок, которые посещались пользователем */ a.catName:hover {text-decoration:none; color:#89c631;}/* стиль элемента при наведении на него курсора *…

    Asked by lion228,

    0 votes
    4 answers

  7. Выбрать предыдущий элемент

    Можно ли выбрать предыдущий элемент, то есть противоположность div + p ?

    Asked by Nightmare,

    0 votes
    4 answers

  8. Отображение шрифтов в IE, Mozilla, Chrome в Windows XP

    Во всех трех браузерах шрифт Tahoma отображается по-разному, с этим можно что-нибудь поделать? В IE8 более-менее, а в Mozilla и Chrome как-то узко и коряво. С этим столкнулся при тестировании на ХР, хотя на Windows 7 все нормально отображается. Скрины прилагаю: Chrome, IE, Mozilla

    Asked by skiph,

    0 votes
    4 answers

  9. Border у img, как избежать.

    Ну собственно во всех браузерах исключая хром всё нормально, но я хочу что бы и в хроме было всё хорошо. clan-amp.ru Слева менюшка выскакивающая - почему ссылка сделанная из картинки имеет бордер, хотя он везде задан 0 или none. Я уже замучился искать.

    Asked by Wahlberg,

    0 votes
    4 answers

  10. Интересный эффект, CSS. Требуется помощь

    Привет, форум. Наткнулся на интересный эффект на сайте http://www.sape.ru А именно вот здесь: Можете проверить этот эффект у них на сайте. То есть ты нажал на кнопку допустим "купли" и у тебя появляется блок с инструкцией купли. Так же и с продажей. Кто-нибудь может помочь с воплощением?

    Asked by shpilson,

    0 votes
    4 answers

  11. padding

    нужно сделать отступы для текста со всех сторон блока на 10px. Пишу padding:10px; слева текст отступает и вместо того чтобы переноситься на новые строчки тупо растягивает блок в стороны. Как исправить?

    Asked by Krote,

    0 votes
    4 answers

  12. margin-bottom НЕ работает в Chrome и Safari

    Доброго времени суток ВСЕМ Специалистам CSS! Существует такая проблемка: display: table; position:relative; table-layout: fixed; border-collapse: collapse; background-color: Transparent; border: none !important; padding:0 !important; width:100%; margin-top:172px; height: 100%; margin-bottom:54px; во всех браузерах блок приподнимается на margin-bottom:54px; от зафиксированного футера, Кроме Chrome и Safari. Подскажите решение, не могу разобраться )))

    Asked by ni7k,

    0 votes
    4 answers

  13. Тупые углы на CSS

    Ребят, всё утро бьюсь и мучаю гугл. Нужно при помощи CSS оформить тупые углы с левой стороны, как вот тут: Уже шарики за ролики скоро поедут , дайте хотя бы идеи как это сделать. Спасибо за ранее.

    Asked by safrankov,

    0 votes
    4 answers

  14. css: наследование свойств

    Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}

    Asked by clgs,

    0 votes
    4 answers

  15. Div Блок опустить вниз

    Как div блок 1 опустить в область 2 на картинки показано!Подскажите пожалуйста. margin-ы не помогают смещается тогда вся область,position тоже ерунда выходит,скорей всего не правильно применяю(

    Asked by AlexNN,

    0 votes
    4 answers

  16. div в divе

    Здравстуйте. Имеется стандартная верстка , меню, шапка, две колонки и футер... Выглядит так: <div class="main"> <div class="container"> <div class="main_menu">Главное меню</div> <div class="header">Хедер</div> <div class="left"></div> <div class="center"></div> <div class="footer">Подвал</div> </div> </div> Проблема в том, что в основной див container почему то входят только блоки main_menu и header а все остальные как бы отдельно. Хотя в коде все блоки располагаются в нем. Из-за этого я не могу сделать рамку вокруг всего контейнера. Если же например у блока left убрать float:left, то…

    Asked by greeb,

    0 votes
    4 answers

  17. Три div'a в одном диве горизонтально.

    Ребят а подскажите как сверстать такую штуку (смотри скрин). ФОТО Вот HTML: <div id="t0"> <div id="t1"> </div> <div id="t2"> </div> <div class="t3"> </div> </div> Мне нужно чтобы блок 1 был 100 px, блок 3 - был 100 px, блок 2 растягивался на все остальне пространство. Проблема в том что они не находятся на одной линии (1-ый стоит как и должен стоять, а вот второй, почему то смещается по горизонтали вниз (когда должен быть на одной линии с первым), выходя за слой t0) Подскажите как сделать? Спасибо.

    Asked by tarkinsky,

    0 votes
    4 answers

  18. Использование повторяющихся элементов на разных сайтах

    Очевидно, что многие элементы (меню, логотип и т.д.) часто однотипны от сайта к сайту. Встал вопрос как организовать процесс быстрой верстки таких элементов. Хотелось бы почитать кто как решает этот вопрос, может кто даст дельный совет.

    Asked by bob_24,

    0 votes
    4 answers

  19. Выпадающее меню

    Всем привет) Уважаемые коллеги) Столкнулся вот с такой вот задачей. Нужно сверстать такое меню, вот как это сделал я. Проблема в том, что фон пунктов должен быть прозрачный, то есть при фоновом изображении не должно быть видно белого нижнего бордера. Можно по идее просто линию абсолютно позиционировать и в каждом пункте через ид указывать. А можно ли сделать правый обтекающий бордер, как нибудь динамически?

    Asked by Rezpektor,

    0 votes
    4 answers

  20. Изменение свойства при клике

    Подскажите пожалуйста, как сделать в js. Чтобы по клику элемент передвигался влево, а при повторном клике на этот элемент возвращался на свое место?) Сделал вот так, оно только одинажды работает. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#language').click(function() { $('#language input').css('right', '28px'); $(this).css('right', '4px'); }); }); </script>

    Asked by Rezpektor,

    0 votes
    4 answers

  21. Как вывести объект DOM?

    Вопрос касается js. В переменной лежит объект table (или указатель на него, хз). Надо вывести этот table средствами js, просто чтобы вывелась таблица целиком. Так не работает: function output ( object ) { var content = document.getElementById( "content" ); content.innerHTML = object; } Как правильно это делать?

    Asked by MrPostman,

    0 votes
    4 answers

  22. Помогите вставить красиво картинку

    Помогите вставить красиво картинку справа вверху которая, а то как то оно туго смотрится.

    Asked by maceraty,

    0 votes
    4 answers

  23. Как сделать, чтобы картинка в шапке менялась

    Подскажите как сделать, чтобы картинка в шапке менялась при переходе со страницы на страницу. Допустим у меня три картинки (header.jpg, header2.jpg, header3.jpg), куда и какой внести код чтобы они по порядку сменяли друг друга? Если это важно, то тема "Selalu".

    Asked by seer333,

    0 votes
    4 answers

  24. Редирект на мобильную версию сайта c помощью htaccess

    Здравствуйте. Ситуация следующая: есть основной сайт (к примеру www.site.ru) и мобильная версия www.m.site.ru. Необходимо, что бы происходил редирект через htaccess на мобильную версию сайта, если мы зашли на него через телефон. Еще проблема в том, что на мобильной версии сайта используются абсолютные ссылки на основную версию сайта. Поэтому редирект должен работать так же и на внутренних страницах. К примеру, www.site.ru/contacts должно вести на www.m.site.ru/contacts. Заранее спасибо

    Asked by htaccess,

    0 votes
    4 answers

  25. Курс по PHP

    посоветуйте БЕСПЛАТНЫЙ ВИДЕО курс по PHP, пробовал у Попова учиться он старый ииии.. кароче не смог по нему. ну на крайняк можно и книжку.

    Asked by Vanilnaya,

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