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. броблема с <div> css inline-table в разных броузерах.

    Привет, ребят я тут новенький так что не кидайте помидорами)) Есть блог. работаю в гугл хром. есть некая конструкция кнопок Like в дивах. В css написано display: inline-table; в хроме все ок, 5 дивов располагаются в строчку. Открываю мозиллу или ИЕ, так там последний див сползает ниже, т.е. не на сл строку а просто ниже располагается. различные комбинации перепробовал, ни чего не помогает... подскажите что не так плз.. вот хром вот мозилла вот сама структура: <div class="socialbutton"> <div class="likebutt"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?49"&gt…

    Asked by djforce,

    0 votes
    3 answers

  2. Двухколончный макет. Помогите с версткой

    Добрый день, уважаемые. С праздником. Вот какая у меня ситуация. Весь контент сайта размещается в двух колонках: блок с картинками (зеленый) и блок с текстом (желтый). Сами колонки находятся в блоке-обертке (серый фон). Высота колонок соответсвенно по контенту в них. Но нужно, чтоб высота колонки с картинками ровнялась высоте текстового блока (текста всегда больше), и при этом картинки полностью заполнили блок. Рисунок 2 иллюстрирует. Я так понял, сделать это на дивах: 1. Это невозможно; 2. Это очень сложно. Советовали делать на таблицах. Какое же решение? Рисунки: 1) http://www.php-studia.ru/images/1wcw.gif 2) http://www.php-studia.ru/images/2cnc.gif

    Asked by Маленьке Звірятко,

    0 votes
    2 answers

  3. Работа с текстом.

    Здравсвуйте. Подскажите пожалуйста, столкнулся со следующей проблемой. Есть верстка: <style type="text/css"> #main { border: 1px solid black; width: 300px; } </style> <body> <div id="main"> <p id="text"> You can improve your ability to gatherto gatherto gather <img id="image" src="blankslot.png" width="98" height="23" /> information by grouping like items into basic categories. </p> </div> вот что мі видем на картинке проблема в том, что мне нужно расположите текст так, чтоб отступы между строками в той строке, где находится картинка были такими же ,как и отступы межд…

    Asked by DarkKnight,

    0 votes
    9 answers

  4. Подскажите как можно сделать вкладки jquery

    Привет, есть скрипт который выводит на страницу изображения в дивах, где то 10 изображений небольших в строчку 3 и в столбик 3, хотелось как то сделать выше вкладку на каком либо языке, может jquery. Чтоб можно было засунуть в определенные вкладки изображения по типу... и выбирались бы они без перезагрузки страницы... Спасибо!

    Asked by djforce,

    0 votes
    3 answers

  5. Относительно независимая прокрутка в двух колонках

    Здравствуйте. Как можно добиться эффекта, когда два рядом расположенных divа прокручиваются только до того момента, пока в них не закончится контент, а не до конца соседнего? Например, в div1 контента больше чем в div2. Прокрутка div2 останавливается, когда он заканчивается, а div1 прокручивается дальше... В результате должны получиться две заполненные колонки до футера, чтобы не было никаких пустых мест. Примеры того, что я хочу получить в результате можно посмотреть на одноклассниках и фейсбуке.

    Asked by shokеr,

    0 votes
    2 answers

  6. Атрибут class

    например имею: <div class="hidden"> </div> нужно что бы он стал <div class="unhidden"> </div> какие есть способы?

    Asked by Hell&Heaven™,

    0 votes
    9 answers

  7. вариантЫ эмуляции Last-child

    Подскажите вариантЫ эмуляции Last-child для IE7-8. Для ИЕ7 есть expression ,но IE8 не поддерживает их.Можно конечно через скрипт ,но хотелось узнать способа CSS

    Asked by dostel1,

    0 votes
    5 answers

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

    все понял тему можно удалять

    Asked by Romeo62,

    0 votes
    1 answer

  9. Прижать футер к низу страницы

    Помещаю все содержимое страницы во wrapper(растягиваю на 100% по высоте), footer делаю с отрицательным отступом, все ОК. Но как сделать отступ в 20px сверху? p.s. ладно черт с ним с футером, как просто растянуть блок по высоте окна браузера и сделать фиксированный отступ сверху?

    Asked by chocolate_moles,

    0 votes
    8 answers

  10. Резиновая вертска..

    Решил впервые в жизни отведать резиновой верстки и вот что вышло ссылка И сразу же проблемы: - при сворачивании окна получается 2 колонки, которые налезают на футер. Как сделать, чтобы футер сдвигался вниз вместе с колонками ? - как сделать, чтобы логотип не наезжал на меню ? Спасибо.

    Asked by uteelers5,

    0 votes
    2 answers

  11. text-underline-style

    Всем Привет! Подскажите как правильно применить атрибут text-underline-style?? куда еге не ставил ничего не меняется! Спасибо!!!

    Asked by Patrickk,

    0 votes
    9 answers

  12. Проблема в расположении элемента

    Класс .rek располагается не там где нужно Вот скрин height: auto , поэтому высота блока 737px Вот что когда height: 500px то есть он роcполагается в начале родительского блока Его css #main .rek { margin: 3px 0 0 0; text-align: justify; height: auto; width: 696px; } как его поставить нормально? ========================================================================================== Извиняюсь, вот код, http://jsfiddle.net/wb7Bq/ но он не полный ЗЫ: а вот над розполагается можно было и не ржать, не все тут из России и знают Русский

    Asked by T@NKIST,

    0 votes
    3 answers

  13. Изменение цвета рядков таблицы при наведении мышью

    Ребята, помогите пожалуйста - устал гуглить. Есть таблица, колонки из 2-х чередующихся цветов. Для этого установлен дефолтный цвет таблицы, а в нужных колонках явно указывается цвет. Упрощенно, убрав всё лишнее: <table bgcolor=#AAAAAA> <tr> <td bgcolor=#BBBBBB> Колонка 1 </td> <td> Колонка 2</td> <td bgcolor=#BBBBBB> Колонка 3</td> <td> Колонка 4</td> <td bgcolor=#BBBBBB> Колонка 5</td> </tr>; </table> То есть все колонки цвета #AAAAAA, а те в которых указано - цвета #BBBBBB (т.е. колонки 1,3,5) Таких рядков много, они формируются php скриптом исходя из результата запр…

    Asked by Flashback,

    0 votes
    5 answers

  14. Вопрос по верстке

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

    Asked by Imperil,

    0 votes
    4 answers

  15. поиск по прикрепленному к сайту файлу

    Помогите! Ситуация такая: есть сайт и есть таблица с 5 колонками в excel.Надо на сайте сделать поиск по этой таблице, но только по значению первой колонки и при выводе результатов на сайте пользователь видел содержание только той строки, в первой колонке которой есть искомый элемент. выглядеть это должно примерно так: то что нужно получить

    Asked by zoobic,

    0 votes
    18 answers

  16. Расположить блок сбоку от основного (margin: 0 auto)

    Здравствуйте! Целый день сегодня мучаюсь. Нужно расположить блок сбоку от основного контента <div id="content">...</div> #content{max-width: 800px; margin: 0 auto} Нарисовала примерно то, что нужно получить.

    Asked by Анастасия Кирина,

    0 votes
    2 answers

  17. Проблемы с кроссбраузерностью

    Здравствуйте. Столкнулся с одной неприятностью и не в силах решить ее самостоятельно... Поставил на сайт (движок wordpress) шаб, и уже в процессе работы над ним заметил проблему с менюшкой - в опере она ведет себя как-то странно. Вместо того чтобы нормально развернуться подменю, творится что-то непонятное: то оно дергается как бешенное, то просто появляется на секунду и исчезает. И такое творится только в Опере. Быть может кто-то знает проблему и может помочь с ее решением? Если нужны какие-то фрагменты кода - с радостью предоставлю. Заранее благодарю Адрес сайта: 1ldg.16mb.com

    Asked by Sfash,

    0 votes
    0 answers

  18. jQuery Mobile и css <select>

    Не знал в какую тему задать вопрос, поэтому попробую спросить тут. Задача - мобильное веб приложение. Встала проблема, есть <select> при "нажатии" на него его цвет меняется на синий-голубой и открывается "айфоновское" (просто тестируется на айфоне), как я понял он по умолчанию стоит у jQuery Mobile, а вот как его поменять? Темы не спасают, они меняют только отображение изначальное, по нажатию он всеравно меняется на синий, вообще не понимаю смысла этих тем. В общем ступор... Буду рад, если кто-нибудь поможет решить проблему. Спасибо.

    Asked by kuyn,

    0 votes
    0 answers

  19. Размещение картинки в центре слоя

    Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.

    Asked by Ururu,

    0 votes
    4 answers

  20. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley,

    0 votes
    5 answers

  21. XHTML и HTML

    Всем привет. Почему такие крупные сайты как apple.com, vk.com, habrahabr.ru написаны на xhtml, а не на html. Хотя говорят что xhtml устарел. У него какое то премущество?

    Asked by Bava,

    0 votes
    3 answers

  22. Проблема с таблицей

    Добрый день! Не могу понять в чем может быть пролема: Таблица во всех браузерах грузится нормально, в IE8 IE7 глючит. А точнее при загрузке страницы показывает таблицу норм, но как только страница загружена сразу пропадает все оформление и остается только текст. Тут посмотреть можно как это выглядит Вот код: Может кто встречался с таким уже table { *border-collapse: collapse; /* Для IE7 и старше */ border-spacing: 0; width: 100%; } .bordered { border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1p…

    Asked by Imperil,

    0 votes
    8 answers

  23. Дайте пинок :)

    Добрый день! Запутался я Небольшая предыстория. Начну с того, что изучил HTML и CSS в центре "Специалист", после окончания многое осталось непонятным. Стал потрошить Яшу в поисках статей, уроков и т.д, В общем хотел заполнить пробелы которые остались после курсов. Все это дело потребовало 2х месяцев. Далее я решил пойти на курсы JS, они шли 4 дня, стоили 7т. руб. Уже со второго занятия я вообще не понимал о чем толкует преподаватель. В итоге пожалел что вообще на них записался, ибо вся информация есть в сети. Но собирать её по крупицам занимает много времени. Я пытался изучать php,js,mysql в сети, в итоге в голове полная "каша" и толком то я ничего из этого не знаю. Ну…

    Asked by Modestes,

    0 votes
    4 answers

  24. Как создать один класс для всех элементов таблицы?

    Собственно встала проблема с css для таблички.Хотелось бы сделать стили для каждой ячейки в одном табличном классе,да бы не лепить 135 маленьких классов на каждую ячейку.Возможно ли это?Буду крайне благодарен за пример.

    Asked by RFbager,

    0 votes
    28 answers

  25. Фон с градиентом

    Здравствуйте, верстаю 5-й урок с данного курса. шаблон Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям: <header> <div class="up"> <div class="w960"> <img src="img/logo.png" alt="" width="153" height="43" > </div> </div> <div class="down"> <span class="left"></span> <span class="right"></span> <div class="w1200"> </div> </div> </header> .w1200{ height:100%; width:1200px; margi…

    Asked by ShootingStar,

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