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://storage9.static.itmages.ru/i/15/0830/h_1440960187_5020454_95be8f1766.jpg Но не до конца понимаю как это все сделать грамотно. У меня есть два варианта, как это реализовать. <header> <nav> <ul class="navigation"> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="/" class="logo"><img src="" alt=""></a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню&lt…

    Asked by anvyd,

    0 votes
    1 answer

  2. Окно с прокруткой

    Уважаемые спецы WEB строительства, подскажите пожалуйста, как сделать, в adobe dreamweaver, фиксированное окно с прокруткой по вертикали, что бы текст прокручивался внутри окна в HTML сайте. Мне нужно как здесь... Может кто ни будь даст ссылку на урок, как такое окно сделать в HTML при помощи adobe dreamweaver.

    Asked by Vladimir_K,

    0 votes
    6 answers

  3. Админка

    я понимаю, что вопрос немного расплывчатый.. но все же, может, что-нибудь проясните вообще по этому поводу.. как делают админки?

    Asked by Alex_Mak,

    0 votes
    29 answers

  4. Как сделать выделение изображения(подсветка или т.п ) при наведении курсора?

    Всем привет!!подскажите как сделать так, чтоб при наведении курсора на изображение оно как-то выделялось и было выдно что это ссылка а не просто картинка?Может существует какой-то плагин?Буду очень признателен за ответ!

    Asked by mongols,

    0 votes
    3 answers

  5. Зависимые чекбоксы

    Вот есть два чекбокса: <input type="checkbox"> <input type="checkbox" disabled> Скажите, как сделать, чтобы при выборе первого, второй становился активным и если второй выбран, то после снятия галочки с первого, второй становился бы снова неактивным и ещё и невыбранным.

    Asked by sergey_sergey,

    0 votes
    34 answers

  6. Резиновая шапка сайта

    Доброго времени суток уважаемые участники форума! Проблема в следующем, имеем рисунок который необходимо замостить на резиновую верстку сайта. Я решил сделать так - разделил рисунок на три части, выбрал фоновое изображение, но вот проблема - не могу сделать это на DIV-ах. Код сделал примерно следующим, index.html: <div id="header"> <div id="header_left"> </div> <div id="header_logo"> </div> <div id="header_right"> </div> </div> И собственно style.css: body { margin: 0px; padding: 0px; } #header { background: url(images/header_block.png) repeat-x; width: 100%; } #header_left { background: url(images/header_left.png)…

    Asked by Bryant-24,

    0 votes
    16 answers

  7. Пустой div

    Подскажите, пожалуйста, не могу найти ответ на свой вопрос. Элементу div задана ширина, но нужно оставить его пустым, что нужно прописать в css файле, чтобы он занимал отведенное ему место, а то у меня получается, что его просто нет.

    Asked by bboyRook,

    0 votes
    4 answers

  8. Помогите выровнять текст по вертикали

    Вот код: <div class="menu"><a href="......">Новости</a></div> .menu { float: left; text-align: center; width: 116px; height: 28px; border-left: 1px solid white; border-bottom: 1px solid white; font-weight: bold; font-family: Verdana, sans-serif; font-size: 10px; color: white; } .menu a { color: white; }

    Asked by Zuma,

    0 votes
    11 answers

  9. Резиновый дизайн или нет

    Какая концепция дизайна в наше время предпочтительнее: резиновый дизайн или нет и почему?

    Asked by ruletka131,

    0 votes
    76 answers

  10. Помогите поднять изображение

    На этой странице приведенную внизу кода таблицу не могу поднять. На 19'' экране эта таблица с окнами-ссылками расположена посредине экрана и на расстоянии 4,5 см от верхней фоновой картинки. Можно ли как-то поднять эту таблицу или, например, совместить с расположенным выше меню, но чтобы меню оставалось на своем месте? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Титул</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content="keywords"> <meta name="description" content="описание"> <link href="styles.css" rel="styl…

    Asked by kminas,

    0 votes
    3 answers

  11. Как растянуть Iframe во весь экран?

    Здравствуйте, помогите мне растянуть iframe во весь экран, я пробую так: <frame src="some_page.php" width="100%" height="100%" frameborder="0"></iframe> Но у меня со всех сторон где то отступ по 5px.

    Asked by Maskca,

    0 votes
    1 answer

  12. div-ы - граница компонента тянется вниз

    Доброго времени суток, уважаемые знатоки css. При верстке у меня возникла довольно странная проблема. Описать ее непросто, но я постараюсь. Шаблон сайта сверстан в 3 колонки с помощью div-ов. При открытии одного из компонентов в FireFox, Chrome или Opera происходит довольно странная вещь - главная область компонента растягивается вниз так, чтобы нижний конец стал вровень с нижней границей правой или левой колонки. При этом в IE все отображается как надо. Проблема в картинках: Вот как это выглядит в IE (как оно должно выглядеть): Нижняя граница компонента заканчивается там, где кончается текст компонента. Нижние границы правой и левой колонки ни на что не влияют. А вот к…

    Asked by zaero,

    0 votes
    22 answers

  13. Как привязать картинку?

    Я сверстал свою страничку но как бы не пытался привязать картинку к подвалу сайта ничего не получается. Всегда есть зазор и дкформация. А если в основной колонке добавлять текст то она как правило едет за ним. А теперь с рисунком. http://s1.ipicture.ru/uploads/080913/OUvmUcdLU3.jpg Крансый квадрат это рисунок который мне нужно привязать к подвалу сайта. Причём намертво.Без зазоров и искажений.Даже если будет меняться длина основной колонки он всё равно был бы намертво приклеен к подвалу сайта.

    Asked by Rebroid,

    0 votes
    11 answers

  14. Рамка вокруг div не BORDER

    Здравствуйте. Помню смотрел какие-то видеокурсы, там использовался аттрибут в css, устанавливающий рамку у дива, но не бордер, а что-то другое. Суть в том, что она не занимала границы, и после ее снятия не надо было заново пересчитывать координаты. То есть если я ставлю бордер 2px, а потом убираю, мне после этого надо у всех элементов внутри дива менять положения на эти 2px. Рамка мне нужна просто чтобы визуально видеть границы дива. Примочки с плагином firefox - неинтересно, приходится каждый раз ставить заново, после обновления страницы. Что это за тег такой никак не вспомню, и не найду...

    Asked by zhuravlik,

    0 votes
    3 answers

  15. Изображение на изображение

    Здравствуйте, я бы хотел узнать как можно с помощью CSS наложить одно изображение на другое (при наведении). То есть, допустим у меня есть картинка, а при наведении на неё она чуть чуть тускнеет, а поверх неё появляется (плавно) другое изображение. Пример: 1. До наведения 2. После наведения 3. Вторая картинка такая: Вот собственно вот так вот... Помогите пожалуйста =)

    Asked by SkaZzzz,

    0 votes
    18 answers

  16. Растянуть блоки по высоте средствами css

    Стандартный шаблон общий контейнер, шапка, середина(в середине два блока слайдбар и контент) ну и футер. Общий контейнер wrapper растянут по высоте 100% (html & body естесвенно высотой 100%), внутри контейнера #wrapper шапка #header сайта фиксированной высоты, ниже контейнер середины сайта #middle для размещения блока сладйбара и блока для контента. Футер прижат к низу сайта стандартными средствами. Проблема: При малом наполнеии слайдбара #sidebar и контента #content которые имеют свои бэграунды получается дыра до футера. Вопрос: вообще возможно растянуть блоки слайдбара и контента до футера средстваи css? P.S. Табличную весртку не предлагать, JS тоже. Выравнивать …

    Asked by Protey,

    0 votes
    11 answers

  17. Body не растягивается на всю страницу!

    Здравствуйте товарищи, своё первое сообщение, как водится на подобных форумах, начну с вопроса, который мучает меня уже 2 недели Никак не могу добиться что бы BODY растягивался в зависимости от содержимого страницы. Привожу 3 наглядных примера вида окна браузера в разрешении экрана монитора 1152x864(оранжевый бордер - граница html, красный - body) Тут как бы всё нормально выглядит А если прокрутить чуть ниже... то уже совсем не нормально и видно что боди и не собирается растягиваться вслед за содержимым А теперь сбросим масштаб Тут уж вообще ужас HTML <body> <div class="conteyner"> <div class="fon"> <div class="fon2"> <di…

    Asked by SnowWind,

    0 votes
    7 answers

  18. margin сдвигает родительский блок

    Здравствуйте! Объясните пожалуйста, почему когда я прописываю margin-top блоку #mid_header - сдвигается вместе с ним родительский элемент #header? http://jsfiddle.net/NZ4FV/1/ Буду очень благодарен!

    Asked by Imperil,

    0 votes
    4 answers

  19. Кроссворд на HTML, CSS

    Здравствуйте! Нужен кроссворд на HTML и CSS, JQuery. Подскажите как, что, каким образом делать. Может у кого-нибудь рабочий пример есть?...

    Asked by MePHiSto,

    0 votes
    6 answers

  20. Эффект нажатой кнопки

    Нужно реализовать вот такой эффект активной ссылки, как его можно реализовать, а то все уже отверстано а тут еще не решено как делать:

    Asked by Shar,

    0 votes
    20 answers

  21. Как сделать чтоб открывалось в новой вкладке?

    Моё почтение всем. Простите меня за возможно тупой вопрос...тем не менее ответ мне не известен. Суть в следующем, есть форма: <form name="searchform" method="get" action="http://www.bible.com.ua/bible/index.php" en="utf8"> <input type="hidden" name="en" value="guess"> <input name="book" value="-3" type="hidden"> <input type="text" name="search" size="60" class="biblesearch"> <input type="submit" name="Submit" value="Найти"> </form> Это типа поисковый виджет. Нужно чтобы она открывалась в новой вкладке (после нажатия на submit или на Enter). Буду признателен за советы по решению этой задачи))

    Asked by bravada j,

    0 votes
    5 answers

  22. FAQ по Smarty

    Итак, разные советы, трюки и рецепты по Smarty. Кто что знает, кидайте сюда. Как сделать, чтобы на всех страницах логотип был ссылкой на главную, а на главной, чтобы ссылки не было? Используем переменную $smarty.server.REQUEST_URI и проверяем ее значение на "/", что и будет соответствовать главной странице. {if $smarty.server.REQUEST_URI != "/"} <a href="/"><img src="/images/title.gif" width="213" height="60" border="0" alt="htmlbook.ru"></a> {else} <img src="/images/title.gif" width="213" height="60" alt="htmlbook.ru"> {/if} Как сделать, чтобы автоматически заполнялся значением какой-то параметр HTML-кода? Надо сделать следующее. Если есть знач…

    Asked by Vlad,

    0 votes
    18 answers

  23. Offset в IE

    Добрый день. есть сайт http://new.mfr.ru/ В ИЕ8 все разделы меню почему-то с каждым пунктом смещается вправо на 40px. Подскажите как с этим бороться? что это за offset вообще?

    Asked by crazybet,

    0 votes
    9 answers

  24. Скрвание текста

    Здравствуйте, я делаю сайт помощи для игры Requiem. Веб-программинг никогда не учил, всю инфу нахожу в интернете. Но вот столкнулся с проблемой. Не могу найти скрипт для скрытия/свертывания текста. Типа чтоб при нажатии на "Показать текст" разворачивался текст, а при повторном нажатии, но там уже будет "Скрыть текст" он сворачивался обратно. А вместо текста хочу записать туда таблицу. Пожалуйсто, подскажите как это можно сделать. Заранее благодарен.

    Asked by ktak,

    0 votes
    38 answers

  25. Как очистить canvas?

    Всем привет! не могу очистить canvas от устаревшего изображения изображение рисуется так: context = canvas.getContext("2d"); ... context.moveTo(this.x, this.y); context.lineTo(CANVAS_WIDTH, Math.floor(Math.random() * CANVAS_HEIGHT)); context.lineWidth = 1; context.strokeStyle = "#ff0000"; context.stroke(); ... для очистки экрана использую метод: context.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); по логике в каждом кадре должна появляться одна красная линия с произвольными координатами но на деле линии начинают добавляться видимо координаты старых линий тоже сохранились в context как можно очистить не только экран (clearRect) но и удалить старые координаты линий из c…

    Asked by ravend,

    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