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. Как укротить swf формат?

    Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей

    Asked by admelj,

    0 votes
    5 answers

  2. Как уложить div'ы последовательно столбцами, а не строчками?

    Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.

    Asked by inoxxx,

    0 votes
    27 answers

  3. Как уменьшать размер букв при изменений размера

    В общем при уменьшении размера окна браузера ,буквы должны уменьшаться, не охота для каждого размера окна браузера прописывать отдельный media запрос с размерами Как избежать этого? Пример: @media screen and (max-width: 580px){ p{ font-size: 40px; } } @media screen and (max-width: 570px){ p{ font-size: 30px; } } Примеры.rar

    Asked by Almaz_Kazan,

    0 votes
    2 answers

  4. как уменьшить border-left и выровнять по середине?

    Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?

    Asked by hea8y,

    0 votes
    8 answers

  5. Как уменьшить блок

    Добрый день. Помогите сделать, чтобы скролл не зарезался снизу. http://jsfiddle.net/RQfGm/ HTML: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <body> <div id="wid">fixed</div> <div id="wrapper"> <div style="height: 1000px;"></div> </div> </body> </html> CSS: html, body { overflow: hidden; width: 100%; height: 100%; padding: 0; margin: 0; } #wid { height: 40px; background: red; z-index: 10; width: 100%; } #wrapper { height: 100%; overflow: auto; position:relative; width: 100%; }

    Asked by yarikus,

    0 votes
    4 answers

  6. Как уменьшить вес картинки, сохранив ее массштаб?

    Подскажите пожалуйста, как можно уменьшить вес картинки, но при этом сохранить длинну и ширину? Сайт из-за этого долго грузится, но размер картинки нужно сохранить. Спасибо

    Asked by Yarkaya,

    0 votes
    2 answers

  7. Как уменьшить размер картинки в html?

    Только начал изучать html. До этого никогда не занимался ничем подобным. Если в теге <img> не задавать атрибуты wigth и heigth, то оно использует их стандартные размеры. А как сделать размеры картинки меньше стандартных? Чистый html, без css.

    Asked by star_l1ght,

    0 votes
    1 answer

  8. Как уменьшить размеры шрифтов для Windows Phone?

    Всем привет! Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться н…

    Asked by Nibaluiso,

    0 votes
    4 answers

  9. Как уменьшить спрайт?

    У меня на сайте есть блок с обратным отсчетом, сделан при помощи спрайта, и вот я хочу уменьшить этот счетчик, но вот как? чтобы спрайт не "посыпался".

    Asked by Demidovetz,

    0 votes
    2 answers

  10. Как уменьшить фоновую картинку?

    Всем привет! Я пока новичок в разработке сайтов, пишу свой первый сайт, решил прикрутить галлерею. За основу взял код отсюда: http://www.artlebedev.ru/tools/technogrette/js/filmstrip/ style type="text/css"> #fsClipper { height: 330px; width: 100%; overflow: auto; //overflow: hidden; //overflow-x: auto; } .fsControl, #fsLinks a { color: darkblue; cursor: pointer; //cursor: hand; } .fsControl.disabled, #fsLinks a.current { color: #000000; cursor: default; text-decoration: none; } .fsControl.disabled { color: #666666; } #fsScreen { height: 300px ! important; background: no-repeat 50% 50%; } </style> <div id="fsClipper"> <div id="fsScreen"></div…

    Asked by vissper,

    0 votes
    3 answers

  11. как уместить текст в размер экрана opera mini?

    есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.

    Asked by mitiya,

    0 votes
    3 answers

  12. Как унифицировать?

    Есть пхп мониторинга игрового сервера http://diesel.lubernet.su/MiniMon/?IP=85.2...&port=29900 Реализовано наложением картинки количества игроков на картинку с названием карты. Однако в разных ситуациях картинка с количеством игроков оказывается на разных координатах... Например: Опера - по ссылке все нормально, а в айфрэйме: Мазила - по ссылке норм, в айфрэйме норм. Эксплорер по ссылке: в айфрэйме: Сафари - по ссылке норм, в айфрэйме норм. Фрейм используется вида: <div> <iframe name="cwindow" frameborder="0" width=220 height=40 background= "transparent" scrolling="no" src="http://diesel.lubernet.su/MiniMon/?IP=85.21.249.207&port=29900"></ifram…

    Asked by Antieverything,

    0 votes
    5 answers

  13. Как упорядочить DIV?

    Здравствуйте. У меня скрипт формирует блоки с данными, я их помещаю при формировании страницы в ДИВы. Блоков может быть разное количество, и букв в них тоже. Если див в стиле: .col1 { background-color: #C0C0C0; padding: 5px; margin: 1px; float: left; width: 150px; } то картинка будет такая: а как сделать чтобы было так: ?

    Asked by ARCH,

    0 votes
    5 answers

  14. Как управлять столбцом в таблице?

    Есть простая структура таблицы. Извесно, что я легко могу управлять стилями конкретной строки, допустим, класс навесить на нужный мне <tr> и все. А можно так же лего управлять стилями для конкретного столбца? В таблицах сущность "столбец" не предусмотрена, на сколько я знаю. Вместо него есть сущность "ячейка" (тобишь, <td>) в строке. Если у меня с десятка строк, то прописывать класс в каждом втором <td> каждого <tr> (если мне нужен второй столбец, допустим) как-то не комильфо. Есть выход?

    Asked by Evkaky,

    0 votes
    2 answers

  15. как упростить процесс создания сайта, или переменные в html. need help

    во-первых, приветствую! это мой первый постинг на этом форуме. htmlbook - очень полезный для меня ресурс, и, я думаю, не только для меня, за что спасибо! но вот меня интересует такой вопрос, на который я здесь ответа не наш?л (может, просто плохо искал): как сделать эээ... переменные? не знаю даже как правильно называются такие вещи.. В общем, сайт простой, только html и css, каркас из одних таблиц. и вот пока сайт делаешь, меняются то одни, то другие детали, и приходится каждую страницу переделывать индивидуально, хотя элемент один и тот же. интересует следующее: можно ли сделать (в таблице) какое-то "нечто", которое при обработке страницы будет отображаться нужным значе…

    Asked by brainless,

    0 votes
    10 answers

  16. Как успокоить валидатор?

    Есть набор ссылок - картинка и подпись. Было сделано: <a href="#"><div class="img"></div><div>#</div></a> a{display:block} .img{background:url()} Пишет - низя блочный элемет вставлять в строчный. Изменил все <div> на <span> - ошибок не выдаёт, но предупреждает, что не стоит делать пустые тэги <span> Чего ему сунуть, чтобы не ругался?

    Asked by Nanto,

    0 votes
    2 answers

  17. Как устанавить курсор pointer в пределах элемента

    День добрый! Я хочу установить курсор pointer в пределах кнопки "download" в редакторе html на wordpress. Вот код: <img class="size-full wp-image-40 aligncenter" src="Picture here" onclick="startGateway('00000000');" alt="" width="300" height="80" /> Когда пользователь нажимает "download" происходит вызов функции. Вариант сделать кнопку "download" ссылкой мне не подходит! Кто знает как это сделать пожалуйста помогите.

    Asked by trapstar,

    0 votes
    4 answers

  18. как установить Div в нужное положение

    Господа, подскажите как поставить див в нужное положение. Теперь у меня так: А я хочу что бы div LANG был перед 'my profile'. Html: code <div id="menu"> <div id="language">LANG</div> <div id="navigation"> <ul> <li>My profile</li> <li>My Ads</li> <li>Login</li> <li>Signup</li> </ul> </div> </div> CSS: code #menu { float:right; width:660px; } #language { float:right; padding-top:5px; padding-right:10px; font-weight:bold; } …

    Asked by emslt,

    0 votes
    4 answers

  19. Как установить firebug в firefox под убунтой ?

    Не получается установить firebug в firefox под ubunru 12.04 когда пытаюсь устанавливать пишет что не поддерживается текущей версией firefox, как можно установить firebug под убунту ? Хромовский инспектор не очень по мне

    Asked by ilyas,

    0 votes
    9 answers

  20. Как установить SmartyDWT

    Здравствуйте! У меня такой вопрос в эту ветку форума: на днях скачал плагин SmartyDWT для Dreamwear, но никак не могу разобраться как его установить? Подскажите советами...

    Asked by Sanmon,

    0 votes
    2 answers

  21. Как установить блок в правый верхний угол <body> ?

    Как установить блок в правый верхний угол <body> ? Это по клику у меня будет появляться блок в правом верхнем углу c сообщением. Подскажите какие CSS данные нужно добавить в <div></div> ? Оказывается по спешке написал вместо нуля букву "о" Вот решение <div class="alert alert-success" style="position:absolute; top:0px; right:0px"> <button class="close" data-dismiss="alert">?</button> Сообщение отправлено. </div>

    Asked by Krava,

    0 votes
    1 answer

  22. Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ?

    Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ???

    Asked by 333_org_ua,

    0 votes
    1 answer

  23. Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?

    привет, html,body{height: 100%;}.page{overflow: hidden;min-height: 100%;} .c1{width: 50%;float: left;}.c2{width: 200px;float: left;;padding: 0 10px 0 10px;}.c3{width: 50%;float: right;;}.c1 .wrp { height: 100%; margin-right: 100px;padding: 10px;} .c3 .wrp {height: 100%; margin-left: 100px;padding: 10px;}<div class="page"> <div class="c1"><div class="wrp"></div></div> <div class="c3"><div class="wrp"></div></div> <div class="c2"> </div></div>Нужно дивы .c3.wrp и .c1.wrp растянуть на 100% экрана, его родитель .с1 имеет своего родителя .page - который на сто процетов экрана растягивается, но див .с1 …

    Asked by riki,

    0 votes
    5 answers

  24. как установить высоту строки

    Помогите, пожалуйста, разобраться с таким вопросом. Допустим, у меня в файле css установлена высота строки, но на какой-то определенной странице я хочу ее уменьшить для некоторых строк. Применяю конструкцию типа здесь текст, но валидатор выдает сообщение об ошибке и ссылается на спецификацию, из которой я не понял, в чем же состоит ошибка. Как сделать правильно? Если я непонятно выразил свою мысль, то вот о какой странице идет речь: www.avtonov.svoi.info/euro.html

    Asked by krig,

    0 votes
    2 answers

  25. Как установить длину кнопки

    Имеется следующий код: Нужно установить длину кнопки в 50 символов. Как это сделать ???

    Asked by amibus,

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