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. Элемент списка - Опера

    Опера почему-то по-другому отображает отступы между элементами списка - li. Думал, вот жестко указать стиль. Кто-нибудь знает, какие свойства у списка по-умолчанию в ИЕ или в Огнелисе? Или чем их можно посмотреть.

    Asked by undsoft,

    0 votes
    0 answers

  2. кнопка отображается выше других элементов

    <!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=iso-8859-1" /> <title></title> </head> <style> input { height: 33px; padding: 0; margin: 0; } </style> <body> <form><input type="text" name="login" value="login" /><input type="password" name="password" value="pass" /><input type="submit" value="login" /></form> </body> </html> Кнопка отображается в firefox выше чем поля login и password. …

    Asked by KitL,

    0 votes
    1 answer

  3. Помогите найти шрифт. Очень нужно.

    Здравствуйте. Вот обращаюсь к Вам за помощью в поисках необходимого мне шрифта. Сам вот уже вторые сутки не могу найти. Вот его образец. Если кто знает что это за шрифт, то не могли бы вы назвать это имя или дать мне ссылку на его скачку. Заранее большое спасибо.

    Asked by krotov.dima,

    0 votes
    1 answer

  4. Позиционирование в div

    Каким образом позиционировать текст внутри ?К примеру, как разместить текст в нижнем левом углу ?

    Asked by malenkymuk,

    0 votes
    3 answers

  5. Расстягивание контейнера на ширину больше 100%

    Есть контейнер к верху прижат некоторый бакграунд, внизу футер. В контейнере могут быть элементы, текст которые растягиваются больше чем на ширину экрана. то есть контент вылезает за край экрана, а футер и бакграунд оста?тся на 100%. Надо что бы и футер и бакграунд увеличивался до ширины контента. Что делать?? бакграунд нормально отображается только в ие. body, html{ margin:0; padding:0; min-height:100%; height:100%; } div.container { height: auto !important; min-height:100%; height: 100%; background:url(img/top.gif) repeat-x top; } div.footer { background:green; height:20px; margin-top:-80px; width: 100%; } div.footer_guard { clear:both; height:80px; } **…

    Asked by Fatal_Error,

    0 votes
    0 answers

  6. Изменение стиля ссылок

    Собственно в чем вопрос. Знаю как изменить стиль ссылок при наведение на е? и т.д. эти стандартные моменты на css. Но ситуация такая есть движок на php - в блоке ссылки на разделы сайта, которые автоматически выводятчя из БД при добавлении материала через админку, вот, и нужно сделать, что когда кликнешь по ссылке и передешь на данную старницу эта ссылка изменила стиль (цвет, шрифт и т.д.)? Подскажите пример кода, и реализации, плиз?

    Asked by okunev2,

    0 votes
    9 answers

  7. Создание thumbnails из div`ов - проблема

    Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…

    Asked by white.ru,

    0 votes
    1 answer

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

    Вот собственно кто видал такое чудо, т.е. есть файл стилей и красивый сайт, задача, нужно из файла стилей удалить лишний код, неиспользуемые селекторы и т.д. ?

    Asked by Emm,

    0 votes
    10 answers

  9. Создание thumbnails из divов

    Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…

    Asked by white.ru,

    0 votes
    1 answer

  10. 2 бэкграунда в одном div. Возможно ли?

    Приветствую всех. Подскажите пожалуйста- возможно ли использование двух бэкграундов в одном div? Один бэкграунд выровнен по верхнему краю, другой - по нижнему. Использование вложенных div_ов- решает проблему, но хотелось бы покрасивее.

    Asked by bond84,

    0 votes
    1 answer

  11. "Барабашки" в ссылках меню

    Время от времени две ссылки в меню перестают адресовать браузеры куда надо (субдомен.сайт.орг), а посылают по чудной (типа хт-4ью-дл.сайт.орг), при этом IE и FF не находят страницу, но показывают в адресной строке верный адрес (субдомен.сайт.орг), а Опера не находит адрес и видит в адресной строке "барабашку" (хт-3ью-дл.сайт.орг). В шаблоне страницы сайта при этом продолжает стоять правильный адрес (субдомен.сайт.орг). Никакие очистки кэша браузеров, баз данных сайта сами по себе не помогают. Лечится просто: меняется в шаблоне адрес на любой другой, после хождения по нему переделывается опять на нужный (субдомен.сайт.орг), вс? начинает работать. Беда только в том, что чер…

    Asked by WalterG,

    0 votes
    4 answers

  12. Игнорирование таблицы

    Возможно ли как то указать браузеру что б он скажем на одну из двух таблиц стилей просто не реагировал не удаляя при этом линк ненужной таблицы ?

    Asked by Gorik,

    0 votes
    1 answer

  13. не растягивается таблица по вертикали, только в Опере и в IE

    Есть таблица(основная) в ней форматируются все остальные элементы, слева есть ячейка, в ней позиционирование элементов осуществляется с помощью дивов. Когда дивы растягиваются ячейка тоже растягивается, таблица соответственно тоже(в теории, но на практике она растягивается только в FF). В Опере тянется только левая ячейка, а все что правее остается на месте. В IE правая часть тянется, но появляются отступы от низа таблицы и от верхней ячейки. Как сделать так чтобы таблица нормально тянулась вместе с ячейкой в Опере и IE.

    Asked by sheff52,

    0 votes
    1 answer

  14. Опять про футер

    короче, воть .foo { width: 800px; height: 120px; vertical-align: bottom; bottom: 0px; margin: 0px; background: black url(img/botgr.gif) no-repeat bottom right; position: absolute; } в осле уходит на 30 пкс вниз низа страницы и оооооочень далеко влево.. Помогите плз... СПС. Просто маюсь уже оооочень долго, башка того...

    Asked by Admin,

    0 votes
    3 answers

  15. вопрос "чайника" по изображениям

    помогите "чайнику", плиз. Только начинаю. Пишу в блокноте. Дошла до изучения вставки изображения на сайт. . А картинка на сайте и не видна(((. Т.е. я прописала путь к картинке (она у меня расположена на ПК). Может и смешной вопрос, но для меня важно на данном этапе Сильно не ругайтесь, плиз

    Asked by Leo,

    0 votes
    8 answers

  16. Убрать отступы !

    Как убрать отступы между двумя изображения , что-бы они прилягали друг к другу ? <p align="center"><TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD ROWSPAN=7> <IMG SRC="images/image_01.gif" WIDTH=17 HEIGHT=428 ALT=""></TD> <TD COLSPAN=6> <IMG SRC="images/image_02.gif" WIDTH=266 HEIGHT=131 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/image_03_blank.gif" WIDTH=199 HEIGHT=169 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=4> <IMG SRC="images/image_04.gif" WIDTH=101 HEIGHT=253 ALT=""></TD> <TD ROWSPAN=8> <IMG SRC="images/image_05.gif" WIDTH=17 HEIGHT=449…

    Asked by dima2207,

    0 votes
    2 answers

  17. Ширина списка

    Здравствуйте появилась такая проблема есть код, для выпадающего меню span ul { border-bottom:1px solid #808080; list-style-image:none; list-style-position:outside; list-style-type:none; background-color:#61b1dc; position:relative; width:182px; } span li { position:relative; border-top:1px solid #808080; } span ul li ul { display:none; left:181px; white-space:nowrap; position:absolute; top:0pt; } span ul li ul li { width:auto; } span ul li a { color:#ffffff; display:block; text-decoration:none; font-weight:bold; } span ul li a:hover { color:#0000ff; } * html span ul li { float:left; } * html span ul li a { height:1%; } span li:hover ul, li.over ul { display:block; } И при…

    Asked by Sigurt,

    0 votes
    0 answers

  18. Высота текстового поля

    Подскажите, please, возможно ли изменить высоту текстового поля, я имею в виду не textarea, а просто text <input type=text> И как это сделать. Спасибо!

    Asked by lavrentiy,

    0 votes
    2 answers

  19. Float и отступ

    Вечная проблема этот float, уже переюзал все примочки чтобы отклерить это обтекание и всегда к род. блоку добавляется отступ снизу, никак немогу сним договорится, може форумчане вкурсе, чем его можно взять??

    Asked by Emm,

    0 votes
    4 answers

  20. Текст поверх картинки (почему не работает?)

    <html> <head> <title>Untitled</title> <style type="text/css"> #text_bg { background-image: url(/av-37843.gif) no-repeat; } </style> </head> <body> <div id="text_bg"> текст поверх картинки </div> </body> </html> Почему картинка не отображается? Ничего не понимаю... ((

    Asked by kip,

    0 votes
    3 answers

  21. Направте на путь истенный :)

    Всем доброго времени суток. Буду краток, я начинаю тольк озучать этот язык, для саморазвития так сказать, сам я программист FlashFlex. Хочу узнать буквально несколько основ, которые мне нужны для хорошего старта, чтобы я не мучал себя не которые вопросами и не убивал много временни на поиски ответа которого нет 1. что есть HTML, по сути, его можно использовать только для того что бы расположить те или иные картинки туда и сюда, сделать функционирующие кнопки и так далее. Возможноли применять скрипты какие либо в html коде , например я хочу при нажатии на кнопку, менять имя этой же кнопки на какое нить другое скажем myNewBtn+random(5) Образно.? 2. видел у многих аттрибуд …

    Asked by RATFACE,

    0 votes
    5 answers

  22. Народ нужна помощь

    Кроче дело обстоит так .Задаю <html> <head> <style> div.main{border:1px solid #ccc;width:100%;} </style> </head> <body> <div class="main"></div> </body> </html> Так вот проблема в том что все браузеры нормально(ну тоесть рисуют черту) ,а вот IE6 рисует div выстой 10px ....думал что в css проблема,но когда отдельно вынес ,то проблема осталась. Подскажи кто нибудь как решить эту проблему

    Asked by rukos,

    0 votes
    2 answers

  23. Help please. Нужна 100% вертикальная растяжка независимо от контента

    Help please. Нужна 100% вертикальная растяжка независимо от контента. Короче надо чтобы Copyright был всегда в низу страницы, независимо от того сколько на этой странице содержания. Я не знаю как это сделать, может кто подскажет?

    Asked by Mossdog,

    0 votes
    8 answers

  24. Есть проблема..

    Всем доброго времени суток!!! У меня возникла проблема..... Можно ли как то автоматически определять размер ширины браузера и автоматически пересчитывать ширину выпадающего меню. Т.е. меняется ширина открытого окна=>меняется ширина выпадающего меню. Нужно что бы параметру width присваивалось значение: 0,33*("ширина открытого окна"-290px), как это осуществить? "Ширина открытого окна" должна динамически изменять при е? реальной смене. Спасибо все кто что подскажет

    Asked by Dr_Veter,

    0 votes
    5 answers

  25. Margin-left в IE и FF

    Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)

    Asked by JiMKE,

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