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. Не серьёзная, первая верстка.

    http://firstsiteinmymi.ucoz.com/? научился масштабировать, делать шапки, футер и контент частично, вот примерно чо сделал, сразу говорю, то что самая простая верстка была, дабы примерно узнать чо да как, но и в ней возможны ошибки, поэтому пишите если что.

    Asked by RuslanHeYca4ev,

    0 votes
    11 answers

  2. не сжимаемый div

    Подскажите, как можно сделать div не сжимаемым? Что бы при сжатии окна браузера край браузера доходил до дива и дальше не сжимался

    Asked by dionis,

    0 votes
    3 answers

  3. Не скругляется внктренний блок.

    В общем... есть проблема такая, раньше не когда этого не замечал, в общем, создал круг, и хочу поместить в нем еще несколько блоков... вот тут-то и проблема, эти внутренние блоки не в какую не хотят скругляться... пробовал разные способы, эффекта 0... помогите пожалуйста вот скриншот и код <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>pechal'</title> <link rel="stylesheet" type="text/css" href="style2.css" /> </head> <body> <div class="container"> <div class="krug"> <div class="krugc"> <div id="barG_1" class="bar-lineG"></div> <div id="barG_2" cla…

    Asked by Radiation15,

    0 votes
    2 answers

  4. Не скрывается блок

    Задумка такая: форма выдвигается/задвигается за хедер. Но у меня когда она двигается она "проползает" сверху хедера. А по идее должна ползти под хедером, и ее не должно быть видно когда она ползет Попробовал решить это с помощью z-index - почему то не помогло Что делать?

    Asked by yaparoff,

    0 votes
    0 answers

  5. Не скрывается блок display:none в мобильных браузерах

    Не знаю проблема ли конкретного symbian телефона (другого нет под рукой), но на нем в разных браузерах (опера и встроенный) в мобильном режиме <div id="h_block" style="display:none;" > отображается как ни в чем не бывало и нормальных способов скрыть это я не нашел. В обычном (не мобильном) режиме все ОК. Подскажите, как победить?

    Asked by Aleksi,

    0 votes
    0 answers

  6. Не смог поставить подсказку в HTML

    Проблема в следующем вот код $poster['ins_nick'] = "<a href=\"java script:ins('".str_replace(array(" ", "'"), array(" ", "'"), $poster['members_display_name'] )."')\"><img src='style_images/<#IMG_DIR#>/nick_insert.png' border='0' alt='Вставить имя пользователя' /></a>"; Как к нему добавить всплывающую подсказку при наведении на картинку? Тег <a title="текст">...</a> Про бывал не получается!Подскажите куда его вставлять?

    Asked by angelShlesser,

    0 votes
    3 answers

  7. Не совпадает расчетная ширина элемента и фактическая

    Есть список, в каждом элементе списка от 2 div которые содержат картинки разной ширины 452 и 215 пикселей. Div должны располагаться в линию с заданными отступам по 10 пикселей. Соответственно, я рассчитываю, что ширина элемента списка будет (10+452+10)+(10+215+10) =707 пикселей. Выглядеть должно примерно так http://jsfiddle.net/8b4dso7L/3/ , но это работает только при ширине родительского элемента не менее 711 пикселей. при задании ширины родительского элемента в 707px верстка съезжает http://jsfiddle.net/k9j1gbsp/3/ В чем я туплю? Откуда еще 4 пикселя?

    Asked by Tohin,

    0 votes
    3 answers

  8. Не совпадают границы блоков

    Здравствуйте. Ситуация заключается в следующем есть на странице четыре центрированных блока, одинаковой ширины. Всем им заданы бордюры слева и справа, у первых трёх блоков бордюры совпадают, а нижний блок ужодит на пиксель в сторону, из-за чего возникает такой глюк? Как его можно исправить? (браузер Mozilla Firfox).

    Asked by param,

    0 votes
    3 answers

  9. Не совсем догоняю про поддержку браузерами, объясните пожалуйста.

    Есть браузер,а есть движок браузера, есть движок еще и JavaScript, HTML, CSS и т.д. У меня голова взрывается уже от этих движков.Помогите по полочкам все расставить. На что какой движок влияет, и что мне нужно знать как фронтенд разработчик ? (а то ничего не понимаю, не доходит и все)

    Asked by Agony741,

    0 votes
    8 answers

  10. Не совсем обычный список

    Доброго времени суток. Учусь верстке с азов, хочу попросить помощи у более опытных пользователей. Проблема не столь существенна, однако путь к знанию-понимание, чем, собсно, и руководствуюсь. Суть.Есть PSD-файл, макет сайта времен 2008 года. Верстка, как я понимаю, несложного уровня, однако меня интересует одна вещь. Слева можно заметить меню ссылок, перед которыми стоит тире. Задача в том, как сделать так, чтобы тире "выползали" влево, а текст не выползал. Я с моими,скажем так, небольшими знаниями пока вижу 2 решения - разбить текст в нужном месте с помощью , или сделать список с list-style-position: outside и list-style-image:url(картинка с тире). Второй способ считаю…

    Asked by serbiant,

    0 votes
    2 answers

  11. не сохранились файлы

    Сегодня утром писал проги на eclipse 3.0.2 php. А прихожу вечером они не открываются, типа не сохранены. Как восстановить данные?

    Asked by robo1500,

    0 votes
    1 answer

  12. Не срабатывает float:left + float:right

    Господа,подскажите пожалуйста,почему не срабатывает float:right для блока с текстом? Вроде сделал общий блок для сайдбара и контента.Сайдбару задал флоат лефт,а контенту флоат райт,но почему-то он неправильно срабатывает. http://cssdeck.com/labs/pe4laplm

    Asked by Temik2704,

    0 votes
    5 answers

  13. Не срабатывает height

    Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}

    Asked by IrkaLulka,

    0 votes
    39 answers

  14. Не срабатывает hover при использовании в div

    Делаю так, что при наведении на определенный div меняется его отображении. Все браузеры, кроме IE 6.0 отлично это понимают, но эксплорер то ли не поддерживает это свойство, то ли я что-то неправильно делаю, пишу в css просто .class1:hover{background-image:url(class1.jpg);}

    Asked by AlexMak,

    0 votes
    5 answers

  15. Не срабатывает margin

    Почему не работает marin:0 auto ?Не по горизонтали,ни по вертикали... Спан задал как блок,а маржин все равно не работает. Скорей всего какая-то глупая ошибка... Может из-за флоата? Span это слово Brillant

    Asked by Temik2704,

    0 votes
    9 answers

  16. Не срабатывает margin-bottom для блока

    Добрый день! Подскажите пожалуйста! http://cssdeck.com/labs/5uretdw0 Почему когда я задаю свойство margin-bottom:20px; для project-block (это блок с картинкой + текстом в правой части) ничего не происходит? .inner-block .portfolio-block .content .project-block {margin-bottom:20px;} Разобрался! Нужно было добавить overflow:hidden; Закрывайте!

    Asked by Temik2704,

    0 votes
    0 answers

  17. Не срабатывает onclick в песочнице

    Сабж На серой пимпочке, справа, по вертикали по центру https://jsfiddle.net/zep2ovaL/ Во всех браузерах работает

    Asked by torsar,

    0 votes
    1 answer

  18. Не срабатывает text-align:right в ячейке

    Суть: Есть таблица с одной строкой и пятью столбцами, ширина первых трех и последнего задано жестко, в пикселях. Соответственно у четвертого не срабатывает горизонтальное выравнивание, заданное через id ячейки в css. Вопрос: Где я ошибаюсь? Спасибо.

    Asked by Phoenix168,

    0 votes
    5 answers

  19. Не срабатывает vertical-align:bottom;

    Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; wi…

    Asked by jdk,

    0 votes
    3 answers

  20. Не срабатывает иконка facebook но только на локальной машине!

    День добрый! Верстаю макет на локальной машине.Подскажите пожалуйста почему кнопка фейсбука "Мне нравится" не отображается когда файл находится на моей локальной машине.Если же загрузить код на jsfiddle или cssdesk то все сразу срабатывает. В чем причина? Для вставки кнопки пользуюсь стандартными инструкция фейсбука https://developers.facebook.com/docs/plugins/like-button/ P.s.Кнопка твитера работает отлично,в отличие от фейсбука

    Asked by Temik2704,

    0 votes
    7 answers

  21. Не срабатывает класс ссылки

    Имеется страница, на которой размещен блок отзывов. У блока реализована постраничная листалка. <div id="response"> <div id="response-box"> какой-то текст </div> <div id="response-p"> <a class="active">1</a><a>2</a><a>3</a><a>4</a><a>5</a> </div> </div><!-- response --> К активной ссылке должен применяться такой же стиль как и к hover, но что-то не срабатывает #response-p a:hover,#response-p.active a{ height: 27px; min-height: 27px; width: 15px; color: #FFF; background: url(resp_a.png) no-repeat top left; text-decoration:none; } #…

    Asked by cul8er,

    0 votes
    2 answers

  22. Не срабатывает отрицательный margin-top (в IE,FF)

    Добрый вечер всем! Воспользовался бесплатным шаблоном, так как я далеко не верстальщик, скачал отсюда: http://w3layouts.com/factory-industrial-mobile-website-template, взял только шаблон из папки web. Поменяв пути для src и href на правильные, я встроил данный шаблон в админку. Но, как оказалось, шаблон не кроссбраузерный. Есть 1 косяк, и он проявляется во всех браузерах кроме Chrome, а именно: .top-header { margin-top: -456px;}суть в том, что меню и блок, следующий за ним (из 3 колонок), которые отображаются поверх слайдера в Chrome и Safari, отображаются после слайдера в IE, FF и OPERA. Самое обидное, что уже весь шаблон перелопатил под себя, изменив стили, иконки и пр…

    Asked by kumirska,

    0 votes
    1 answer

  23. Не срабатывает свойство transition

    Подскажите, почему не срабатывает свойство transition? http://cssdeck.com/labs/rcvlef8o Что не так?

    Asked by Alfa2015,

    0 votes
    2 answers

  24. Не срабатывают margin-ы и padding-и

    Всем привет. Вот то на чем остановился http://jsfiddle.net/FRc7b/ Хочу с позиционировать элементы текста в правом блоки, задать отступы сверху и снизу, но не работают ни маргин ни паддинг, помогите пожалуйста. вот так вот должно выглядеть это дело http://radikale.ru/data/upload/69fda/4efc3/6d46bae1fe.png

    Asked by WEB-best,

    0 votes
    2 answers

  25. Не срабатывают медиазапросы

    Здравствуйте! Может кто подскажет, как решить проблему... Пока не умею верстать шаблоны для Вордпресса, поэтому использую бесплатный. В шаблоне есть контрольная панель, в которой задаются настройки. Я его использовала несколько лет. Сейчас по стандартам Гугла нужно устанавливать адаптивные темы на сайты. Шаблон, который я использую, обновился и у него теперь в стилях прописаны медазапросы. Я удалила старую версию и установила новую. Медиазапросы не активируются. Сервис проверки от Гугла пишет, что шаблон не адаптирован, а на мобильном видно, что обрезается часть контента и половина каждой картинки. На планшете сайдбар налезает на контент. Я создала новый тестировочный сай…

    Asked by StOK,

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