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. button + a связать

    никто не знает как такую кнопку без ксс сделать а то в ие не пашет (обязательно нужно что бы button ом делалась) <a href="http:#" target="_blank"> <input type="button" value="#"> </a> Поясняю - мне не нужна связь с сервером этой кнопкой - мне нужен прикольный фон, что б не картинкой тока делать а просто прописывать обычную ссылку

    Asked by ma-s,

    0 votes
    4 answers

  2. фон

    помогите !!! мне необходимо несколько маленьких фоноф наложить на общий фон страницы. я слышал что это можно сделать через *див

    Asked by bald,

    0 votes
    15 answers

  3. Типовые шаблоны

    По форуме натыкался на ссылку с кодом типовых шаблонов страниц, на подобие 3 колонки футтер, и пр. поделитесь ссылкой, не нашел в поиске

    Asked by sajkun,

    0 votes
    0 answers

  4. Процесс верстки сайта ЦТ «CARBON»

    Дизайн главной страницы родился: Сейчас происходит знакомство с версткой. Начала и подзависла в шапке с относительным позиционированием - не хочет сдвигаться.. <body> <div id="header"> <div class="logo_table"> <table border="1"> <tr> <td><img src="img/header/logo.png" alt="Центр Тонирования «CARBON»" /></td> <td> </td> </tr> <tr> <td align="right"><img src="img/header/button.jpg" alt="скидка 5%" /></td> <td><span class="style1"> +7 (4732) 93-90-50<br /> +7 (4732) 94-94-66<br />профессиональное тонирование</span></td>…

    Asked by art-Limon,

    0 votes
    9 answers

  5. Не могу прикрутить hover

    Приветствую! <!--Вступление про чайника опущено--> У меня есть тэг: <a href = "fbs.htm">Блоки стен подвалов</a> Хочу сделать его неподчёркнутым и не синим - пожалуйста, нет ничего проще: <a href = "fbs.htm" style = "text-decoration: none; color: #5F3800;">Блоки стен подвалов</a> А теперь хочу, чтоб эта (и только эта, а не все остальные за компанию) еще меняла свой вид при наведении мышой. Больше часа экспериментов, гугля и форумов не принесли результатов. Желательно всё разместить внутри этого тега, а не в <style> или в отдельном css-файле (вопрос религии ). Заранее ОГРОМНОЕ спасибо!

    Asked by DasTPID,

    0 votes
    6 answers

  6. Нестандартный выпадающее меню

    Делаю выпадающее меню, 3 уровня. Проблема в том что 2-й уровень должен иметь св-во overflow-y:scroll; так как пунктов может быть ооочень много. Из-за этого 3-й уровень не выходит за пределы 2-го. Кто сталкивался подскажите как решить проблему. Код ниже <style> ul.layer1 li {position:relative;} ul.layer2 {display:none; position:absolute; background:#fff; overflow-y:scroll; border:1px solid silver; padding:10px; top:10px; left:10px; z-index:100; list-style:none;width:150px; } ul.layer1 li:hover ul.layer2 {display:block;height:200px; z-index:100;} ul.layer3 {display:none; border:1px solid silver; position:absolute; background:#fff; padding:10px; top:10px; left:10px…

    Asked by hel,

    0 votes
    1 answer

  7. Запрет разрыва содержимого списка

    Есть такая структура: <div> <ul> <li><a><span>Текст про собак</span></a></li> <li><a><span>Текст про попугает</span></a></li> <li><a><span>Текст про удавов</span></a></li> ... <li><a><span>И про НЛО</span></a></li> </ul> </div> <div> имеет фиксированную ширину, элементы <li> выстроены горизонтально с помощью display:inline. Проблема в том что список большой и в одной строке не вмещается, а при переносе на другую разбивается содержимое, например "Тект про" остаётся на одной …

    Asked by pedrosoft,

    0 votes
    12 answers

  8. Про шрифты

    Как добиться кроссбраузерности между Windows и Linux если шрифты в макете используются нестандартные...(Calibri Trebuched Pro и т.д.)..Linux свои по умолчанию использует и соответственно вся верстка ломается. Подгружать не вариант. Если какие то стандартные средства? Если тема уже поднималась, сорри не нашел

    Asked by rusakov,

    0 votes
    4 answers

  9. проблема с выпадающим меню

    Проблема такая... Выпадающие меню криво отображается в ie, во всех браузерах нормально а в ie какойто косяк. Помогите пожалуйста? Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <style type="text/css"> .thisMenu div {float: left; padding:0px;font:arial 14px #fff} .thisMenu div div {clear: both;float: none;} .thisSubMenu {display: none; margin:0px; margin-top:15px; marg…

    Asked by andrey_94,

    0 votes
    4 answers

  10. Рисунок поверх флешки

    Всем добрый день. возникла проблема, есть флеш кнопка по некоторой причине она невидима. переделать ее нельзя, так как она регулярно генерится программой. Хотелось бы поверх кнопки, в штмле, разместить картинку(стрелку), чтобы кнопка при этом нажималась. Помогите дельным советом. Заранее спасибо!

    Asked by xtz,

    0 votes
    0 answers

  11. что такое travel

    <a travel="oftnd2" href="#oftnd2" name="ftnd2"> Что такое travel???

    Asked by piryaz,

    0 votes
    2 answers

  12. Прокрутка в IE7 исчезает.

    Здравствуйте! Проблема с отображением автоматической прокрутки в IE7, в других браузерах вроде бы все впорядке. div.dopdiv-doptop { width: 100%; overflow: auto; overflow-x: auto; float:left; } Можно посмотреть здесь http://www.znaksovetov.ru/index.php?option...4&Itemid=63 В чем может быть проблема?

    Asked by olga_4444,

    0 votes
    13 answers

  13. Слой высотой в 1 пиксель

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Проверка</title> </head> <body> <div style="width:100%;height:1px;background-color:#AAAAAA;font-size:0px;margin:5px 0px 8px 0px;"></div> </body> </html> В опере и мазиле слой, как и положено, высотой 1 пиксель. В интернет експлорере почему-то его высота равна 2 пикселя. Кто-нибудь знает как это можно исправить?

    Asked by Колос,

    0 votes
    1 answer

  14. Рамка для DIV

    Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?

    Asked by Gold Dragon,

    0 votes
    14 answers

  15. атрибут float одновременно меняет позиционирование на абсолютное?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div style="border:2px black solid;">родительский элемет <div style="float:left;">Левое Бла - бла - бла</div> <div style="float:right;"> Правое Бла бла бла</div> </div> </body> </html> ТАк и задумано, что с атрибутом флоат дочерние дивы вываливаются из родительского? з.ы. в 6 и 7 ИЕ они не вывали…

    Asked by hf3,

    0 votes
    28 answers

  16. Поисковики и флеш сайт

    Добрый день! Такой вопрос, есть первая страница (заставка) на флеше, есть кнопка входа на статичный html сайт, как лучше эту ссылку сделать, внутри этого же флешом, или же поверх наложить див и там прописать ссылку? Просто я не очень хорошо знаком с оптимизацией (знаю конечно азы, но не углубленно), знаю что флеш поисковик не может пропарсить, так же как и js...

    Asked by rus,

    0 votes
    4 answers

  17. Как изменить расположение данера ( статистики)

    Есть ресурс : Нажмите сюда! Как видите вверху с права маленький банер ( маленький, т.к. если его сделать больше поиск съезжает вниз, в результате чего, хедер становиться шире , и все выглядит ужасно). Как его сдвинуть в лево, что бы поиск занял свое привычное место... Спасибо "<div id="site-description"> <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> <h1>{SITENAME}</h1> <p>{SITE_DESCRIPTION}</p> <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p> </div> <a href="http://nigma.ru/m&graf20008" target="_blank" title=" Нигма "><img src="http://www.kvshu39.ru/ima…

    Asked by persey01,

    0 votes
    7 answers

  18. IE8 и background-position

    Пример можно посмотреть тут: www.gkb1.org справа сверху в IE8 виден фон с правого края который не должен быть виден. Всего пиксела 2 но портит картину. В остальных браузерах все ок. Такая же проблема с нижним правым углом, где есть расстояние между футером и сглаживанием угла.

    Asked by yvgorshkov,

    0 votes
    1 answer

  19. Карта ( Map ) линков прозрачного фона CSS

    Задача возникла после того, как я не смог конвертировать SWF (Swish) файл в фрйл FLA (Flash), а нужно было это сделать в свою очередь, чтобы разобрать SWF файл и перелинковать менюшку. Пробовал сделать обычный "use map" на основе прозрачного GIF файла, но тоже фя . . . , т.к. Flash в крутую перекрывает GIF, при том со своими линками. После всего пришол к рутинно идее, - просто разобрать SWF, надеяс что в он после этого позволит переделать малые тексты к изображениям а также линки меню. Но тоже фя . . . , т.к. есть всякие компиляторы в обратном порядке но не с SWF => к FLA. Не знаю, может я не так опитный в этом деле, но единственная надежда на CSS. Не знаю только, есть…

    Asked by Dobo,

    0 votes
    3 answers

  20. Проблема с простой формой

    http://forum.htmlbook.ru/index.php?showtopic=14379 Взял макет из этой темы... не могу "прикрутить" сбоку лупу http://albert-verstka.narod.ru/Froma-2/Tabl.html

    Asked by альберt,

    0 votes
    1 answer

  21. Сказка о списках

    Жил был список. Элементов в нем было много-премного!!! И был у него класс "списочный" и содержал он набор стилей. А внутри элементов жили другие стили и оформления, и некоторые части текста никак от "списочного" класса не зависели. Некоторые, но не все, были и куски текста, подверженные классу "списочный". А начало каждого пункта в списке выглядело так: <li> <div class="какой-то"> ... </div> что-то там еще, и всегда очень разное Но вот потом оказалось, что заказчик хотел бы, чтобы цифирка, рожденная тегом <li>, изменила свою окраску да и вообще выглядела совсем иначе, нежели ее описывает класс "списочный". А весь остальной текст должен оставаться …

    Asked by aruru,

    0 votes
    2 answers

  22. overflow: hidden и текст

    Хотелось бы чтобы при "overflow: hidden" не обрезался текст за пределами блока, а просто не показывало строку вообще. Как это сделать можно?

    Asked by maxs,

    0 votes
    15 answers

  23. Корявое отображение сайта на КПК

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

    Asked by Little Muk,

    0 votes
    3 answers

  24. сойство float

    Использовать ли свойство float для создания колонок или все таки это свойство предназначено для другого?

    Asked by qb-studio,

    0 votes
    5 answers

  25. Хороший способ PNG fix, да вот с плохими последствиями

    Привет. Начал верстать такую вот страничку: http://info.irr.ru/files/rosprint/index.html. ОКРУЖЕНИЕ: IE6. В горизонтальном списке меню, там, где "газеты", "журналы".. у них есть подсписки, так вот Скрипт, который нормализует PNG картинки в IE6, перекрывает чёрные чёрточки у списков и не показывает их (как мне кажется, возможно я ошибаюсь.. но дело точно в скрипте). В остальных браузерах вроде бы всё ок с этим. Пока ещё есть силы ковыряться.. но боюсь придётся отказаться от этого скрипта.

    Asked by BassEast,

    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