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. Ребята помогите с одной страничкой

    Мальчики, помогите пожалуйста. Вот эту страничку надо как-то запрограммировать что-ли. Просто сайт еще не сделала. Денежек не хватило, а в листовках указала. Вот надо поставить хоть так, чтобы люди видели, что вроде в процессе. Поможете? а вот исходничек ТУТ Заранее всем спасибо, мальчики

    Asked by tiffany,

    0 votes
    11 answers

  2. Грамотная верстка 3х элементов

    Пунктир - граница элементов. Имею 3 графических файла. Вместе они составляют одно целое. Высота среднего элемента непостоянна. Как грамотно сверстать эту вещь? Мой вариант: <div style="background: url('/paper/1.png') no-repeat;height:46px"></div> <div style="background: url('/paper/2.png') repeat-y;height:400px"></div> <div style="background: url('/paper/3.png') no-repeat;height:25px"></div> Уверен, что мой код создаст массу проблем при последующей верстке.

    Asked by Rise,

    0 votes
    2 answers

  3. CSS & rows [Stylish]

    Меняю морду опостылевшему корпоративному сайту под свой нрав -> доступа до кода нет. Встретил элемент которому не могу вправить высоту. Стал рыть - нарыл что в html вмонтирован frameset с параметром rows="23,*,5, 20". 23 - это высота. Меняю её значение через средства разработки FireFox - меняется высота. Как мне победить этого динозавра через CSS?

    Asked by VitaliyAT,

    0 votes
    0 answers

  4. Кроссбраузерный SVG

    Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…

    Asked by alexandr_v-vich,

    0 votes
    6 answers

  5. Очистить тему Wordpress

    Привет, скачал тему с одного сайта, установил на свой бложек. Изначально было две ссылки в теме. Одна в футуре и одна в сайдбаре. Успешно удалил, и подумал, что больше ничего и не надо.Хрен. Менял стили и случайно снес все стили. Вижу такую картину: Я, извините, в ахуе. Ведь обычно сайт выглядит так: Смотрю исходный код: Естественно ссылка в стилях "косит" под обычный текст. А теперь вопрос: как удалить эти ссылки? Понятное дело, что эти ссылки генерируются автоматически. Что я делал: 1.Проверил тему плагином TAC, он рапортует, что тема чистая. 2.Искал во всех файлах темы eval,не нашел

    Asked by novickOk,

    0 votes
    1 answer

  6. html-письмо

    Здравствуйте, есть сверстанное html-письмо но когда приходит в the bat, Thunderbird, outlook 2010 картинки загружаются только так Чтобы загрузить рисунки, щелкните эту ссылку. Автоматическая загрузка некоторых рисунков в Outlook была отменена в целях защиты конфиденциальности личных данных. Подскажите как обойти эту проблему!

    Asked by Rubik,

    0 votes
    1 answer

  7. jQuery

    Подскажите пожалуйста знатоки, как в приведеном фрагменте прописано обращение к библиотеке jQuery? <head> <title>Animated Form Switching with jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" /> <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="css/style.css" /> <…

    Asked by seemax,

    0 votes
    12 answers

  8. как убрать пробел в ie9

    http://jsfiddle.net/jSwVs/ от есть менюшка и у нее стрелочка в низу в ie9 не соединяется есть ли вариант это исправить. тут проблема еше в том что непроходимо это делать обязательно шрифтами так как пользователи могут менять цвет активной плашки.

    Asked by meded90,

    0 votes
    0 answers

  9. атрибут width для <img>

    вот тут написано но запись типа width="100%" не проходит валидацию (проверял для html5). поправьте меня, если я не прав. в спецификации сказано . в итоге выходит нельзя использовать проценты?

    Asked by {tktu,

    0 votes
    7 answers

  10. Изменение полосы прокрутки в CSS

    Здравствуйте! Никак не получается изменить цвет полосы прокрутки браузера. Атрибуты scroll* вообще не реагируют.

    Asked by Gambini,

    0 votes
    2 answers

  11. Курсор "рука" над флешкой

    Сгенерировал одной программой flash-файл (=> доступа к ее исходникам у меня нет) и поместил ее на свой сайт. Добиваюсь того, чтобы при наведении курсором над этим flash-файлом, курсор менялся на "руку". Пытался сделать средствами CSS (style="cursor: pointer;"), но не получилось. Помогите понять что к чему. Здесь находится флешка (под таблицей): Флешка с крутящимся вентилятором под таблицей

    Asked by IndigoHollow,

    0 votes
    2 answers

  12. z-index:-1 отключает все кнопки

    вопрос не актуален.. надо было просто вместо -2 1 -1 поставить z-index 0 1 2 и все стало ок )

    Asked by nikki4,

    0 votes
    0 answers

  13. Дробный font-size

    Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }

    Asked by seemax,

    0 votes
    15 answers

  14. Выезжает footer

    Всем привет, проблема следующая: http://jsfiddle.net/LaYXv/3/ Сайдбар вылезает из main. Вроде все "правильно", не могу понять почему выезжает. Заранее спасибо.

    Asked by uteelers5,

    0 votes
    1 answer

  15. Рамка с указанием цвета уголков на css

    Вопрос возник при прохождении самого первого уровня на сайте http://divhack.com Приведённое на сайте решение не даёт ответа на вопрос, оно не соответствует предложенному для вёрстки psd-макету. Верстаю меню (или же подвал) в резину. В макете вокруг блока навигации имеется довольно интересная однопиксельная рамка. Верхняя, правая, нижняя, левая границы - разных цветов. В каждом уголке рамки - однопиксельные клеточки, тоже разных цветов. Блок я сверстал, бордеры указал: .nav {width: 100%; height: 43px; background-color: #b6b6b6; border-top: 1px solid #d3d3d3; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #c2c2c2;} Но как сделат…

    Asked by LonerD,

    0 votes
    2 answers

  16. div приклеился к низу

    В общем ситуация: есть шапка сверху, под ней слева сайдбар. Справа от него по идее должен быть ещё один див с чем-либо. Проблема в том, что он всё время находится внизу - или под сайдбаром, или сбоку от него, но тоже приклеенный к низу. При флоат: райт он почему-то вообще съезжает под див в котором находится и висит вне его. Как можно вытащить его наверх? Кстати, сайдбар при флоате тоже почему-то уходит из большего дива

    Asked by Peekit,

    0 votes
    9 answers

  17. Таблица с квадратными ячейками.

    Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!

    Asked by 9EVIL,

    0 votes
    6 answers

  18. Динамическое меню на css

    Присылайте примеры динамических менюшек на css без использования javascript и аякса

    Asked by dae141083,

    0 votes
    1 answer

  19. Проблем с IE 9

    проблем с IE 9 у меня он не хочет отображать сторонний шрифт, все браузеры работают нормально, а вот IE9 как и всегда кривой я использую в CSS вот это: @font-face { font-family: 'CRYSISB'; src: url("../font/CRYSISB.ttf"); } что нужно чтоб увидел и IE 9? И еще проблема с IE 9 это задралась вверх меню, что нужно прописать для IE 9?

    Asked by Bismuth,

    0 votes
    9 answers

  20. Квадратный див с относительными размерами

    Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.

    Asked by Smirnov M.,

    0 votes
    21 answers

  21. Квадратный див с относительными размерами

    Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <body> <div id="wr"> <div id="circle1"> </div> </div> Модераторы, удалите тему, будьте добры, случайно отправилось

    Asked by Smirnov M.,

    0 votes
    0 answers

  22. помогите разобраться с таблицей

    Есть таблица. Нужно сделать так, чтобы ячейки, имеющие ссылки, были сами ссылками. Юзал поиск, ничего толкового для прешения этой проблемы не нашел. Если задать ссылке высоту и ширину ячейки получается совсем не то, что нужно. И как сделать такую рамку вокруг шапки таблицы как на изображении. Спасибо за помощь. Код: <table class="calendar"> <thead> <tr> <th colspan="7">Календарь на Июль 2011</th> </tr> <tr> <td>пн</td> <td>вт</td> <td>ср</td> <td>чт</td> <td>пт</td> …

    Asked by 9EVIL,

    0 votes
    0 answers

  23. На отображение абсолютно позиционируемого элемента влияет его родитель

    Столкнулся с такой особенностью, что если взять элемент и абсолютно его спозиционировать с помощью position:absolute;, то отображение этого элемента будет зависеть от того, каким является его родитель. Так если есть два элемента <div class="outside"> <div class="inside">text</div> </div> и внутреннему назначить position:absolute;, то если внешний элемент будет иметь свойство display:block;, то его отображение будет таким. Если же внешнему элементу назначить свойство display:inline; или display:inline-block;, то его отображение будет другим. Внутренний элемент с классом "inside" может, кстати, иметь любой display, но это не повлияет на всю картин…

    Asked by clavin,

    0 votes
    3 answers

  24. Просмотр картинок в шаблоне

    Доброго времени суток всем! Сразу скажу, я не спец в веб-программировании, поэтому решил скачать шаблон для своего сайта, и столкнулся со следующей проблемой: не пойму как смотреть картинки, т.е. картинки портфолио своего, вроде нашел папку куда нужно заливать свои работы(папка portfolio), вроде переименовал их как нужно (work_01, work_02, ...), вроде появились эти картинки как маленькие превьюшки, но когда нажимаю на них, они не становятся больше (на весь экран). Вот сам архив шаблона что скачал http://ifolder.ru/30155564 . Помогите, кому не трудно разобратся как просматривать картинки в этом шаблоне=(! Заранее всем спасибо, кто откликнется на мою проблемку!!!

    Asked by nuon,

    0 votes
    0 answers

  25. Вставка flash-объекта в html для соврем. браузеров

    Интересует каким способом я могу вставить флеш без использования каких-то скриптов. Кроссбраузерность ограничивается IE7+ и более менее используемыми версиями других браузеров. Тоесть мне не нужно поддерживаеть IE5.5 и Safari 0.05 Кроме того, доктайп используется <!DOCTYPE html> а значит тег embed валидный. Интересуют такие варианты вставки: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120"> <param name="movie" value="myContent.swf" /> <object type="application/x-shockwave-flash" data="myContent.swf" width="300" height="120"> <p>Alternative content</p> </object> </object&…

    Asked by danik.html,

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