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. css-reset для элементов форм

    Здравствуйте! Давно интересует такой момент. Вот всегда, пока верстаю, встаёт одна и таже проблема. Добиваюсь практически попиксельного отображения во всех версиях браузеров, включая 7го осла. Но как только дело доходит до форм - всё, пиши пропало. В одном браузере выше, в другом ниже, в третьем - левее, в четвёртом - чекбокс не выравнивается внутри лэйбла и ещё куча-куча разных проблем. Я не знаю, может я такой тупой и уже давно всё придумали, но что-нибудь вроде css-reset для элементов форм в природе не существует? Понятное дело, что особенности есть, и их всё-равно нужно учитывать, но может быть они уже где-то расписаны? В этом вопросе гугл мне не помог :-( P.S. также…

    Asked by AlOshka,

    0 votes
    2 answers

  2. страницы в html

    Доброго времени суток! У меня такой вопрос. Вот есть у меня главная страница.. И я хочу туда добавлять новости. И собственно сам вопрос. Как сделать так чтоб, опубликовать все новости на главной и при том страница не уходила в низ.. То есть как бы, можно было листать и просматривать остальные новости прям на главной...

    Asked by a1c2,

    0 votes
    4 answers

  3. Тормозит скроллинг в опере

    При задании блоку свойства CODE (htmlphp): скопировать код в буфер обмена position: fixed; Жутко тормозит скролинг, Почему?

    Asked by doox911,

    0 votes
    0 answers

  4. Изменение стилей

    Есть таблица. Первая ячейка пустая {width:10px;background:url(1.png);}, во второй просто ссылка. Нужно, чтобы при наведении на ссылку стили первой ячейки изменились на {width:10px;background:url(2.png);} Как это можно сделать?

    Asked by stationfuk,

    0 votes
    3 answers

  5. Неверная кодировка

    Файлы кодированы в UTF- 8 без BOM, кодировка стоит UTF-8, на локалке нету глюков, а на вебхосте кракозябры. Помогите разобраться с проблемой, всем заранее спасибо шаблон-заглушка на html адрес http://sci-net.org/

    Asked by moss,

    0 votes
    9 answers

  6. Кнопка

    Допустим, я хочу сделать стилизированную кнопку. Что я уже имею: Фон Кнопка в *png покоя Кнопка в *png hover Содержимое index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> <title>Титул</title> </head> <body> <div id='wrapper'> <div id='sale'> </div> </div> </body> </html> Содержимое style.css /* CSS Document */ html, body { margin: 0; height: 100%…

    Asked by BetaVersion,

    0 votes
    6 answers

  7. Как растянуть колонки до сайдбара?

    Всем привет! В общем есть 3х колоночный шаблон wordpress. Я хочу, чтобы в нём сайдбар тянулся до самого футера, а размер не зависел от содержания. Кто подскажет как так сделать?

    Asked by shaddad,

    0 votes
    0 answers

  8. Как верстать макет с такими элементами

    Здравствуйте! http://picso.ru/photos/large/10775-99rmm.jpg Подскажите, пожалуйста, как правильнее верстать вот такие макеты, где некоторые элементы "выезжают" за границы (обведены на скрине) ? Создавать дополнительный родительский блок, или применять абсолютное позиционирование? Желательно с примером. Спасибо.

    Asked by fezilk,

    0 votes
    4 answers

  9. FancyBox, съзжает контент

    Здравствуйте уважаемые гуру. Опыт в вёрстке имею минимальный, профиль не мой, однако возникла необходимость сделать один сайт. Сайт имеет фиксированный размер и центрируется как по горизонтали так и по вертикали. Имеется необходимость в галерее, остановился на FancyBox (к слову в LightBox проблема аналогичная). Суть в том, что при клике на картинке из галереи сбивается центрирование по горизонтали всего контента кроме этой самой картинки. После закрытия окошка галереи, сайт остаётся в таком-же положении. Проблема замечена во всех браузерах кроме Оперы и (невероятно!) IE. Изначальный вид: Клик по картинке (всё уехало): После: Заметил одну особенность: в стиле fancybo…

    Asked by DastRule,

    0 votes
    4 answers

  10. Подскажите нубу

    Начал изучать сайто-строение, для примера решил сделать сайт о группе SOAD... вот код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <title>SOAD</title> <style> .center { width: 800px; /* Ширина элемента в пикселах */ height: 1000px; padding: 10px; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ background: #000000; /* Цвет фона */ } body { background: #333333; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div class="center"> <img src="shapka.png" widt…

    Asked by IgnatVoronov,

    0 votes
    8 answers

  11. Скролл для комментариев

    Здравствуйте. Подскажите пожалуйста кто знает. (сайт на друпале) Задача: сделать скролл для комментов. Стал решать так (как в примере на этом сайте): Для #comments { overflow: scroll; /* Полосы прокрутки */ width: 900px; /* Ширина блока */ height: 850px; /* Высота блока */ padding: 5px; /* Поля вокруг текста */ border: solid 1px #eee; /* Параметры рамки */ } Все работает, только беда в том, что под скролл попадает и форма отправки комментариев. Вот код, который показал firebug [div id="comments"> [a id="comment-11"> [div class="comment comment-odd"> [a id="comment-10"> [div class="comment comment-even"> [div class="box"> - для формы комментов [/div> С…

    Asked by gorcom,

    0 votes
    4 answers

  12. Табуляция в textarea

    Здраствуй-те, пишу работу и вот застрял на такой вещи как табуляция в теге <textarea>. Проблема вот в чем, мне необходимо изменить значение кнопки tab, чтобы она не переключалась между кнопками, а чтобы она создавала отступ. Это вещь необходима, чтобы создать модель списка. У меня есть идея, это пойти через вставку специального символа tab в javascripte, то есть, как только пользователь кликнул, резко копируем весь текст добавляем к тексту символ и возвращаем, но я не уверен будет ли это способ работать и реализуем он ли вообще. Помогай-те идеями или статья с такой вещью, буду рад любой информации.

    Asked by Muro_like,

    0 votes
    2 answers

  13. Изменение размера логотипа в background: url()

    Доброго времени суток! Цель, вставить логотип следующим способом: <header><div id=logo></div></header> header #logo { background: url(../img/logo.gif) no-repeat; height: 150px; width: 150px; } Теперь о проблемке. Оригинальный размер изображения 300x300. Нужно вывести 150x150 (масштабирование). Подскажите, как это сделать, не редактируя само изображение?

    Asked by SimbaRu,

    0 votes
    4 answers

  14. Тег <code> или CSS

    Какую роль играет тег code? Он просто меняет шрифт или играет важную роль для поисковых машин. Что если его заменить CSS стилем?

    Asked by bifrein,

    0 votes
    5 answers

  15. Проблема верстки для Mozila

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Баг в Mozila</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> #a{ width:300px; height: 210px; outline: 1px solid #0f0; } #b{ width: 150px; height: 200px; outline: 1px solid #f00; position: relative; margin-bottom: 40px; float: right; } #c{ width: 50px; height: 20px; outline: 1px dashed #00f; position: absolute; top: -10px; right: -9px; } </style> </head> <body> <br /> <div id="a"> <div id="b"> <div id…

    Asked by Zzz_,

    0 votes
    1 answer

  16. Проблема с высотой

    Здравствуйте. Столкнулся с проблемой вёрстки. Необходимо получить следующий вид: , однако у меня получается такой вид: Привожу код страницы: <!DOCTYPE html> <html> <head> </head> <body> <div id="wrapper"> <header id="header"> <div>Заголовок</div> <nav id="hor_menu"> Меню </nav> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div> <aside id="sideLeft"> <nav id="ver_menu"> Меню </nav> </aside> <…

    Asked by param,

    0 votes
    7 answers

  17. Как установить перекрытие фонового изображения?

    Здравствуйте. Здесь на сайте в футере использовал траву с repeat-x. В итоге она смотрится отдельными кустиками. Как можно пустить ее с наложением конца одного изображения на другое? Благодарю.

    Asked by borus,

    0 votes
    3 answers

  18. Кодировка, чтоб её....

    Проблема с установкой utf-8 Вот, ещё старая тема, пост #24 http://forum.htmlbook.ru/index.php?showtopic=14308

    Asked by alexandr_v-vich,

    0 votes
    2 answers

  19. Не видны другие background-ы

    Короче при локале всё было хорошо вот в стиле записывалось вот так: Но при global-е нечево не видно помогите пожалуйста в чём проблема! Заранее спасибо

    Asked by erekle,

    0 votes
    3 answers

  20. Подскажите как лучше сверстать шаблон

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

    Asked by Sirega,

    0 votes
    8 answers

  21. Помогите исправить Вид материалов файлов

    Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…

    Asked by GhostNiniga,

    0 votes
    0 answers

  22. Помогите исправить Вид материалов файлов

    Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…

    Asked by GhostNiniga,

    0 votes
    0 answers

  23. периодическое обновление страницы

    Помогите пожалуйста, как сделать, чтобы страница автоматически периодически обновлялась с интервалом n секунд?

    Asked by Bubba,

    0 votes
    3 answers

  24. Помогите двигать кнопку войти/выйти немого левее

    Я создаю сайт в стиле ВКонтакте Сайт http://vigrakh.ucoz.ru/ Код в CSS body {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; } .home {border:none; margin: center; } #menu { margin-bottom: 0px; } .mbar { height: 41px; background: url("http://wallaby.ucoz.ru/menu/mbar.png") no-repeat; } .mbar .mbar { background-position: 100px -41px; } .mbar .mbar .mbar { background-position: 0 -82px; background-repeat: repeat-x; } #menu {font: 11px tahoma, arial, verdana, sans-serif, Lucida Sans; font-weight: bold; background-image:url('/img/uplo.png'); background-repeat:repeat-x; height:41px; line-height:41px; color:#fff; border:solid 0px #fff; width:80…

    Asked by GhostNiniga,

    0 votes
    4 answers

  25. Не работает таблица

    <table width="900"> <col width="1*"><col width="2*"><col width="3*"> <tr> <td style="background-color: orange;"> 1111 </td> <td style="background-color: lightblue;"> 2222 </td> <td style="background-color: orange;"> 3333 </td> </tr> </table> Рассчитываю на то, что колонки будут иметь ширину в пропорциях к ширине таблицы 1/2/3, а они получаются одинаковыми. Если задать ширину одной из колонок в пикселях, тоже ничего реального не задаётся.

    Asked by skvor,

    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