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 в отдельный файл ?

    Подскажите как Как импортировать css из html в отдельный файл ? ———————————- не актуально

    Asked by Roman--1,

    0 votes
    16 answers

  2. Вертикальное выравнивание

    Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …

    Asked by woofs,

    0 votes
    16 answers

  3. JavaScript + CSS

    Есть всплывающий текст, как можно применить к нему стиль вместо того, чтобы писать кучу параметров: <a href="index.htm" onmouseover="Tip('Название', DELAY, 0, BGCOLOR, '#eee', BORDERCOLOR, '#99A2AC', FONTSIZE, '12px', FONTFACE, 'Tahoma', OPACITY, '95')" onmouseout="UnTip()">

    Asked by Kenshi45,

    0 votes
    16 answers

  4. Как минимизировать ширину слоя?

    Возникла проблема в верстке.. Даже не знаю как рассказать попонятнее) Вобщем есть вот такой участок кода из дле: <table cellspacing=0 cellpadding=0 border=0 width=100% height=62> <tr> <td width=15 style="background:url({THEME}/images/1.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/2.gif) repeat-x left" valign=top class=header_01><div id='spbar'>{speedbar}</div></td> <td width=15 style="background:url({THEME}/images/3.gif) no-repeat left" valign=top class=header_01> </td> <td style="background:url({THEME}/images/4.gif) repeat-x left" valign=top cl…

    Asked by rijy,

    0 votes
    16 answers

  5. Элемент за правой границей экрана...

    Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?

    Asked by DjTarik,

    0 votes
    16 answers

  6. Математический расчет на html страничке

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

    Asked by Alexx,

    0 votes
    16 answers

  7. Опасности удаления DOCTYPE

    Доброго времени суток.. да и просто доброй жизни! Есть вопрос : Хочу удалить доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - из-за него у меня фиксированный блок в IE не работает. Уже пробовал разные варианты-хаки с фикс. блоком. Результатом был недоволен Хочу его удалить. Но не знаю какие проблемы могут из-за этого возникнуть, как поисковики могут отреагировать не такую "штуку". Всем откликнувшимся большущие спасибо!

    Asked by blacks2,

    0 votes
    16 answers

  8. CSS/JS код для Создания нового окна/слоя

    Ниже небольшой кодик Очень понравилась реализация просмотра изображений нас сайте Вконтакте Решил выдернуть код от туда, получился не совсем как я ожидал. Очень длинный код Может кто знает как реализовать эту функцию в "несколько строк" <style type="text/css" /> body { background: #fff; text-align: left; margin: 0px; padding: 0px; font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; } p { font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; padding:0px; margin:15px 0px; } a { color: #2B587A; text-decoration: none; } img { border: 0px; } .captchaImg{ width:130px; height:50px; background:url(/im…

    Asked by Antuan,

    0 votes
    16 answers

  9. Борьба с селектом, браузер: ie6

    Всем давно известно, что если спозиционировать абсолютно, какой-нибудь блок и если под ним окажется select: в IE мы столкнёмся с геморроем.. Есть вариант, перекрыть эту проблему, iframe, но что делать если у тебя блок не с фиксированой высотой и шириной? Ведь iframу нужно выставлять только фикс. ширину и высоту.. в % не катит. Что нужно прописать в css, чтобы iframe тянулся вместе с div-ом, хотя бы по высоте?

    Asked by BassEast,

    0 votes
    16 answers

  10. Как убить Frame с порнухой

    Приятели наловили этого добра, а у всех дети,жены не все есть хорошо когда на столе голые тети с дядями.А сам я не в теме и нет времени букварь листать. Кто может, подскажите как выбить с компа эту радость.Заранее спасибо, верю есть и среди вас хорошие люди

    Asked by anis,

    0 votes
    16 answers

  11. Глюк в Опере

    Чудеса, но на этот раз глючит Опера 9.26, а в IE 6 всё нормально. Вот эта страница отображается нормально, как просили: http://www.trinity-bridge.221b.ru/index.htm Обратите внимание, что поле контента отстоит от нижней рамки на 10 px (bottom: 10px;), независимо от разрешения экрана. Теперь делаем невинную вещь: вставляем в контент ещё одну картинку с обтеканием. И всё - поле контента уезжает вниз за край экрана: http://www.trinity-bridge.221b.ru/index2.htm В IE 6 при этом всё нормально, но это, видимо, оттого, что для IE там прописаны костыли, по совету Searcher: *height: expression(parentNode.offsetHeight - 165 + 'px'); *width: expression(parentNode.offsetWidth - 344 + '…

    Asked by Pinguin,

    0 votes
    16 answers

  12. Смена цвета в полосе прокрутки

    На некоторых сайтах видел что полоса прокрутки была "нестандартная" разукрашена разными цветами. Я узнал что этого эффекта можно добиться с помощу CSS. Дописал к тегу BODY такой вот код в своем css файле но вот токо ничего не изменяется. body{ font: x-small/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 5px 0px 0px 0px; padding: 0px; background: #999999 url(../img/fon/body_fon.gif); SCROLLBAR-FACE-COLOR: #cc0000; SCROLLBAR-HIGHLIGHT-COLOR: #cc0000; SCROLLBAR-SHADOW-COLOR: #990000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; } Подскажите в чем дело?

    Asked by ванька,

    0 votes
    16 answers

  13. Я дурак и не понимаю просьб Администратора

    Здравствыйте! А можно как нибудь расширить сайт? Чтоб он был на всю страницу? Он щас как бы посередине а по бокам есть пустое место Я почитал учебник чйта не нашёл. Подскажите плиз!

    Asked by Skk,

    0 votes
    16 answers

  14. div. Опоясать картинку

    DIV .login{ background: url("/imgs/login.jpg") no-repeat center; }Но див имеет высоту, которая зависит от input'ов в нем, а я хочу, чтоб он растягивался на всю картинку.

    Asked by Старовер,

    0 votes
    16 answers

  15. Нужна помощь!

    Здравствуйте всем! Я только начинаю постигать азы web-программирования и мне нужна помощь и советы от знающих людей. Такой вопрос: как сделать так, чтобы рисунок растягивался по содержимому. И был на всю страницу. Например, на ноуте 15" он на всю, а на 19" чуть больше, чем наполовину экрана. Не знаю, что делать..... http://www.megaupload.com/?d=1FZJJ17Z - сайт

    Asked by Diego,

    0 votes
    16 answers

  16. Title в ссылках

    Вот, общались с моим другом - возник вопрос: "Есть ли практическая польза от прописывания title во внутренних ссылках?" Я ему доказываю что есть, он мне - что нет. Может кто-то аргументированно доказать это или опровергнуть? (с точки зрения юзабилити и оптимизации) Заранее спасибо.

    Asked by ndiezel,

    0 votes
    16 answers

  17. Закругление букв

    Скажите, если кто знает, а реaльно на css сделать слово, закругляющееся по кругу? Но скорее это не в эту тему

    Asked by Glebr,

    0 votes
    16 answers

  18. Выпадающее окно на css

    .popup a { position:relative; } .popup a span{ position:absolute; display: none; top: 20px; left: 20px; z-index: 1; background: #FFFFFF; } .popup a:hover span { display: block; } Вот код страницы: <span class="popup"><a href="">Ссылка<span>Всплывающий текст</span></a></span> Цель: при наведении мышкой появлется рядом с ней окошко в котором определенный текст. В Firefox, Chorme и IE7 работает нормально, а вот в Opera часть (те элементы что снизу экрана) показывается не там где нужно (те что сверху экрана работают нормально), а в IE6 не работает вовсе. В чем моя ошибка? (Visibility пробовал использовать, ситуация не изменилась) …

    Asked by PCSpeaker,

    0 votes
    16 answers

  19. Применение кнопочек

    Подскажите люди добрые как сделать такую штуку, что бы при нажатии на кнопочку, под ней например появлялась форма для написания коментарив, с кнопками и формами я работать умею, а вот добится того что бы при нажатии на кнопку страница не обновлялась, а сразу показала форму, немогу((( подскажи те плз... на сколько я понимаю этот метод должен быть похож на: http://htmlbook.ru/ тут на главной странице при нажатии на кнопочку "Знаете ли вы...." новость обновляется, а страница остается прежней.. обьясните плз как такого добится?

    Asked by pulover,

    0 votes
    16 answers

  20. Градиентный фон

    Подскажите, как сделать тянущийся градиент на фоне. Известно два крайних цвета, они должны сохраняться при любой ширине блока. Подозреваю, что нужен SVG/VML, никто пример не подскажет? Не дается что-то с лету...

    Asked by rash,

    0 votes
    16 answers

  21. Размеры favicon

    Вот заинтересовал такой вопрос, какого размера должен быть стандартный favicon я обычно использую фавикон размером 16х16, больших размеров не использую, я как дизайнер знаю что уменьшение картинки как правило приводит к нехорошим результатам, и картинку необходимо поле уменьшения дорабатывать что бы она выглядела хорошо, это же относится и к favicon-у Но вот покапафшись в нете я обнаружил что используются фавиконы больших размеров, зачем и для чего? непонятно товарищи знатоки, может вы подскажите мне

    Asked by AlexKon,

    0 votes
    16 answers

  22. Верстка!

    Получил заказ на создание сайта. Со слоями не разу не сталкивался. Вот макет сайта.Рисовал сам. Вопрос? Можно ли както обойтись без слоев? Если можно то как?

    Asked by 3d_max_9,

    0 votes
    16 answers

  23. Полоса не растягивается

    Здравствуйте! Мучаю свой первый макет, делаю для мужа , все никак не могу его "добить" (макет, а не мужа конечно же). Надо было с чего попроще начать, но сейчас уже не отступлю! Делаю верстку для макета, посмотреть можно то, что есть тут: http://stepalex.mamayana.ru/ Там все пока еще совсем страшненькое, но суть не в этом. Проблема такая: слева есть серая полоса, на которой слово ПОРТФОЛИО. По задумке дизайнера она должна "прилипать" к левой стороне экрана, при этом быть от верха до низа экрана (при любом масштабе). Слово портфолио должно быть примерно посередине экрана. Но у меня получается, что она идет от границы таблицы (центральная, в которой весь остальной контен…

    Asked by YanaSt,

    0 votes
    16 answers

  24. Как сделать выпадающие меню на картинках

    Здравствуйте! Подскажите пожалуйста. Как можно сделать горизонтальное выпадающие меню на картинках? Заранее спасибо

    Asked by andrey_94,

    0 votes
    16 answers

  25. Пунктир вокруг... кнопок (submit, button) в FF

    С пунктиром вокруг ссылок все понятно a { outline: none; } Эта тема обсуждалась на форуме. А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда: input[type="button"], input[type="submit"]{ ??? } Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.

    Asked by and0605,

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