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. background-image с тремя картинками - можно?

    Привет честной публике! С наступающим Новым годом! Всех благ и удач! Вопрос такой. Недавно увидел любопытный код для создания блока с двумя закругленными углами по разным углам, скриншот смотрится неплохо, но... результат не повторился. Идея автора кода такая: если в font-family можно записать 3 шрифта, почему бы в background-image не вписать три картинки? Две картинки распихиваются по разным углам, а градиентной картинкой заливается сам блок. Уголки сделаны так: внутри четвертинки круга фон прозрачный, снаружи - непрозрачный, совпадающий с фоном тушки. Итак, код: .block { background-color:#4ea5ff; background-image: url(bot-left.gif), url(right-top.gif), url(background…

    Asked by Ksanytch,

    0 votes
    5 answers

  2. Не выравнивается к центру менюшка

    Уважаемые форумчане, подскажите пож-та как выравнять нижеописанную менюшку по центру страницы. что только не пробывал, стоит на месте не двигается. нечего не пойму....менюшка красивая получилась, а выровнять не могу.. <html> <head> <style type="text/css"> div.menuhor div.navih { width: 100%; height: 24px; font-family: Tahoma; font-size: 11px; line-height: 5px; font-weight: bold; margin: 0px 0 0 0; background-color: 336699;} div.menuhor div.navih a { float: left; color: #FFFFFF; text-decoration: none; padding: 9px 8px 10px 8px; background-color: 336699;} div.menuhor div.navih a:hover { color: #FFFFFF; background-color: #004982;} </style> </hea…

    Asked by gudzon,

    0 votes
    4 answers

  3. Поле слева

    http://sforme.ru/forme/about/command/ Помогите, в опере нормально отображается, а в ie левая колонка расширяется! В чем проблема?

    Asked by help26,

    0 votes
    7 answers

  4. Текст, надпись на фоне-картинке

    Подскажите, пожалуйста, что нужно сделать, чтобы текст с места не съезжал? Т.е. в хтмл редакторе я пишу в нужных мне местах, а на сайте, текст оказывается съехавши или вверх или еще куда-нибудь. И еще одна просьба, можете подсказать хтмл код для того, чтобы писать поверх картинки. (на форуме нашла только css код, а т.к. я не сильна в css, то лучше дайте хтмл код) Вот хтмл код странички <HTML><HEAD><TITLE></TITLE><!--OCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dt--> <META http-equiv=Content-Type content="text/html; charset=windows-1251"><link type="text/css" rel="StyleSheet" href="http://audrey-pa…

    Asked by Hell,

    0 votes
    5 answers

  5. Вопрос по техническому алгоритму создания сайта

    Привет Я начинающий ("чайник") Подскажите алгоритм создания сайта с нуля и до финала. Я напишу, поправьте, если я неправ 1. В Фотошопе сначала создается дизайн сайта (например шапка, цвет общего фона, отдельные графические элементы и т.п.) (?) - а как создавать блоки с меню, их сразу в фотошопе рисовать? Потом файл сохраняется в формате (?) - я думаю, что jpeg 2. А что делать потом (?). Как вставлять текст в графический файл? Когда начинается верстка? 3. После дизайна нужно "резать" сайт, а я не понял, что это такое и в какой программе выполняется и для чего? 4. После верстки прикрепляем сайт к CMS (здесь вообще темный лес...) Буду благодарен, если поясните мне, спасибо.

    Asked by Палиндром,

    0 votes
    31 answers

  6. Выравнивание таблицы внутри таблицы

    Схема таблицы: Как видно на схеме используются таблицы в таблицах. Основная таблица с тремя блоками,с жесткими рамками по ширине,по высоте ничем не ограничена. Таблицы 1-1,1-2,1-3, 2-1,2-2,2-3, 3-1 ровняются по верху основной таблицы. Вопрос как сделать так что бы таблица 3-2 всегда ровнялась по нижнему краю основной таблицы?

    Asked by coool,

    0 votes
    6 answers

  7. Проблемы со слоем в мозилле

    Сайт _ttp://rentevent.ru CSS: _ttp://rentevent.ru/templates/default/css/styles.css В опере и осле меню (Главная, Контакты, Реквизиты) работает ок, но в Мозилле оно не кликабельно. Заметил, что если убрать слой с контактами (г. Санкт-Петербург, ул. Звенигородская, 9-11...), то все становится ок. Подскажите как быть с мозиллой?

    Asked by FeraS,

    0 votes
    11 answers

  8. Isocpeur или чертежный шрифт

    Есть ли аналог в ксс этому шрифту, или только картинками можно вставлять или флешем ?

    Asked by Reno,

    0 votes
    2 answers

  9. Дизайн select'а

    Народ подскажите пожалуйста как можно изменить дизайн селекта... задача такая. Есть селект вида <select> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> там по умолчанию цвет фона белый цвет... цвет шрифта черный... при наведении на выпадающий обЪект его цвет фона становиться синий а сам шрифт белым... как это изменить ... например чтобы цвет фона по умолчанию был зеленый цвет шрифта белый, а при наведении цвет фона белый а шрифта зеленый. Заранее спасибо.

    Asked by Shaggy,

    0 votes
    14 answers

  10. png в ие - полупрозрачность

    в общем очередной косяк ие: у меня есть логотип в пнг-файле с полупрозрачным фоном (эффект "свечения" типа). в опере и огнелисе - все норм отображается, а в ие там, где должен провечивать основной фон - серое поле. opacity пробовала уже по всякому - не то получается - логотип пытается стать прозрачным полностью(а не только там где "свечение") пробовала пустить этот пнг фоном, а сверху прозрачный гиф 1*1 положить - помогло в ие (логотип еще и ссылкой на главную является, но ссылкой стал не гиф 1*1, а весь див с фоном - то бишь в общем-то все как надо), НО при таком варианте в опере и огнелисе логотип пропадает, несмотря на то, что диву заданы высота и ширина в пикселях. е…

    Asked by Sanguis,

    0 votes
    26 answers

  11. Окрашивание бордера таблиц

    Друзья. Пользовался некогда вот таким стилем для окрашивания бордера таблиц: table.tm { font-size: 9pt; padding: 1px; background: red; } table.tm td { font-size: 9pt; padding: 1px; background: white; } и <table class="tm" cellspacing="1" cellpadding="0"> Но у этого способа есть небольшой недостаток, если таблица объемная, то сначала окрашивается бордеры td а только потом бордер table. Есть ли другой способ, дабы избежать этого недостатка? Но небольшой каприз, стиль задавать только для таблицы, для td не выход. Спасибо.

    Asked by walek,

    0 votes
    3 answers

  12. margin-right в IE

    есть такой код (это сокращ?нный вариант, но суть отображает полностью): <html> <body> <div style="margin-right: 600px; border: 1px solid red; overflow: hidden;"> фывафыва фываыв аджлфыоав должфырв алдорфыв алдрфыв jhgjhgjhgighklhglhkljhkljhkljhkljhlkjhjkhkjhkjhlkjhlkjhkljh;liojojli;h;luihoiu </div> </body> </html> Для чего это надо? Надо, чтобы содержимое при разном размере контейнера заполняло его по ширине, оставляя постоянно справа поле фиксированной ширины под другие данные... В FF вс? работает отлично (попробуйте поизменять размер окна браузера...) В IE - посмотрите, что делает эта какашка... Необходимо решение проблем…

    Asked by ZoNT,

    0 votes
    2 answers

  13. Какую книгу

    Всем привет! Какого автра книжку купить, посоветуюте

    Asked by Bismuth,

    0 votes
    5 answers

  14. Microsoft.Net framework

    Подскажите, что такое "Microsoft.Net framework". Что это такое и для чего он нужен?

    Asked by Sunny_Cameroon,

    0 votes
    4 answers

  15. Встраивание ЕХЕ файла в окно странички HTML

    Помогите пожалуйста, как форму от загруженного ексе файла (запушенная маленькая программа с формой) встроить в окошко страницу HTML. Помогите пожалуйста очень очень надо. Не могу найти ни как хелпа по этой штуке... Не думаю что такая штука не предумосмотрена, ведь можно... Не многое то и надо открыть окошко прогаммы с ексе в странице HTML, наверняка в фрейме ексе должен быть... Пожалуйста киньте кусочек кода на эту штуку или ссылочку на help по этой темке. Ужас... всю ночь не спал..

    Asked by HukP0ta3,

    0 votes
    8 answers

  16. DIV-ка с изображением внутри

    Здравствуйте, такой вопрос: Сайт сверстан слоями. На сайте три колонки. Верстка резиновая. В центральной колонке нужно разместить блок (дивку), в которой размешено большое (2000px по ширине) изображение. При этом это изображение должно быть отцентровано в этой дивке. Т.е., если к примеру центральная колонка сайта получилась шириной 800px, то от изображения должно обрезаться справа 600px и слева столько же, а центральная часть отобразится. Это было бы просто сделать, если положить изображение бэкграундом, но вся беда в том, что изображение связано с картой (MAP)? т.е. на изображение есть ссылки. Я попробовал применить к дивке вот такие стили overflow: hidden; text-align: …

    Asked by Stutzer,

    0 votes
    3 answers

  17. Будьте добры, посоветуйте!

    Есть вот такая страничка, сделанная Имедж Реди, быстро, красиво, как же наполнить информацией, имею ввиду в каком писать текст? <html> <head> <title>butterfly_nature1024</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (butterfly_nature1024.jpg) --> <table id="Table_01" width="900" height="675" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3"> <img src="images/butterfly_nature1024_01.jpg" width="900" height="89" alt="top"></td…

    Asked by evgenet,

    0 votes
    10 answers

  18. Трехколоночный макет

    Решил сделать верстку слоями с помощью плавающих элементов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Hellow world!</title> </head> <body style="margin:0; padding:0"> <div style="width:200px; padding:0; margin:0; height:100px; background-color:green; float:left; color:yellow;"> Первый </div> <div style="width:200px; height:100px; background-color:red; float:right;"> Третий </div> <div style="height:100px; background-color:blue; color:white;"> Второй </div> </body> </html> Все бы ничего да в ИЕ между средним слоем и двумя другими образуют…

    Asked by Postal,

    0 votes
    3 answers

  19. Одно слово

    Привет! Мне нужно в текстовом блоке выделить первое слово другим цветом и шрифтом. Если для этого дела переопределить какойнибудь тег (h например), то остальной текст после него начинается с новой строки. Как поступить?

    Asked by иннокентий,

    0 votes
    3 answers

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

    Я поставила на страницу ифрейм и несколько ссылок. Но когда кликаешь по ссылкам, они открываются не в ифрейме, а в этом окне. ВОть,если что, часть кода ссылок: href='"main.html"'> href='"me.html"'> href='"site.html"'> onMouseOver="MM_swapImage('nav13','','nav13929063a.gif',1)" href='"hoopsandyoyo.html"'> src="nav13929063i.gif"> onMouseOver="MM_swapImage('nav14','','nav13929064a.gif',1)" href='"gr.html"'> src="nav13929064i.gif"> onMouseOver="MM_swapImage('nav15','','nav13929065a.gif',1)"

    Asked by funnybunny,

    0 votes
    2 answers

  21. Нужна помощь в создании сайта!

    Скромнай просьба. Я только начел создовать сайт, и вообще заниматься сайтостроительством. Поетому я в этой теме буду задавать вопросы,а вы плиз помогите ответом.(ТИпа FAQ)! Вопрос ?1 У меня проблема, друг сделал дизайн главной страницы и написал чтото на инглише, так вот, гогда я пишу на русском то вот что получаеться : &񕵟&񖇐礮弢r> . &񕬞䰮&񗊕宮. Что делать?

    Asked by Sy,

    0 votes
    1 answer

  22. Проблема с фоном

    В общем у меня такая проблема может даже не проблема а задача :| ! У меня в таблице рисунком задан фоном, но нужно чтоб в конце таблицы появился еще один рисунок и тоже фоном, чтоб текст на него наладывался! Можно ли сделать так чтоб на одну таблицу наложить сразу 2 фона ну а дальше я наврено разберусь через repeat!

    Asked by Marlik,

    0 votes
    7 answers

  23. проблемы с ие

    Помогите люди добрые . Вот проблема в ие глюк, ну думаю сами увидете. а так не понемаю в чем проблема... И еще не кто не знает, как можно будет поставить фон с учетом закруленых углов

    Asked by musulman,

    0 votes
    1 answer

  24. help> помогите проблемы с гостевухой> я чайник тока начал!!!!!!!!!!!!!

    Подскажите ПЛЗ как зделать так, чтобы когда пишеш в гостевухе и потом нажимаешь кнопку отпровить то, чтобы мо? сообщение остовалось там над полем где я писал. како код мне нужен помогите ПЛЗ!!!!!!!!!!!!!:)

    Asked by Turbo,

    0 votes
    6 answers

  25. Ссылка - ячейка таблицы??

    ——————————————————————————-- Меня заинтересовал один момент. Пример, по этой ссылке - http://evapco.ro/index.php. Как в нижнем фрейме сделан перечень товаров? Я так понимаю, это таблица. Но вот подобрать код пока не получается, чтобы добится такого же эффекта. Как можно сделать кажду ячейку отдельной ссылкой? У меня получается сделать ссылкой в ячейке, либо текст, либо картинку, либо наоборот пустое поле(без текста и картинки). А как его сделать так, как здесь? Чтобы вся ячейка была ссылкой, еще и подсвечивалась при наведении курсора? Надеюсь, я нормально обьянил, в чем проблема, и вы меня поймете=) Буду бесгранично признателен за обьяснения и по возможности пример кода.

    Asked by DanTe-Fr,

    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