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 repeat не до конца прорисовывает

    Использую стиль для центрального блока: background: transparent url(/images/image03.jpg) repeat-y scroll 0 0; Получается, если страница вписывается в 100% высоту - всё ок, если есть прокрутка вниз, то после 100% высоты css-свойство перестает работать и отображается, как на картинке Подскажите, пожалуйста

    Asked by rolph,

    0 votes
    16 answers

  2. Фон

    Как сделать чтобы при увеличении окна браузера фон в блоке увеличивался только на цельную картинку а не на её часть...? Дело в том что можно было бы конечно без этого обойтись, просто картинка с который состыковывается этот фон очень большая и многоцветная.. местами с прозрачностью.... Если её делать PNG-хой то она будет весить порядка 140кБ... а в JPG-е он будет весить всего 17кб.... Как бы разница ощутимая... вот и задался таким вопросом.... может ктонибудь знает? заранее благодарен. )

    Asked by alexander.parphenuyk,

    0 votes
    16 answers

  3. H1 и Span

    Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/

    Asked by Sayitright,

    0 votes
    16 answers

  4. Проблема с фоном и осветлением вокруг элемента

    Добрый день! Проблема в следующем: Есть дизайн сайта, который нужно сверстать, в рисунке применены такие способы выделения элементов, как осветление (вокруг цветка) и затемнение (в шапке). Не могу придумать как это сверстать. Что пробовал касательно затемнения в шапке: сделал основной фон для body (из узоров) и над ним повесил фон-затемнитель (градиент) в div'е. Это не дало нужного результата, т.к. узор на темном фоне попросту пропал. Касательно первой проблемы - осветления вокруг цветка - вообще мыслей нет как реализовать. Файл с дизайном (все лишнее убрал, чтобы не мешало, но все-равно файл весит 12,5 Мб) выложил сюда - www.masterspb.com/new/index.psd Поможете?

    Asked by themailz,

    0 votes
    16 answers

  5. Ширина списка в Chrome, Опере

    Я установил ширину списка style="width:210", но при раскрытии списка всё равно сам список не обрезается, а только строка раскрывающаяся. Причём в IE8 они почему то равны =), строка и и сам список, как бы сделать то же самое в опере. Посмотреть можно тут http://www.crocustours.ru/to_travel_agencies.html, справа "быстрый поиск тура", поле "гостиница".

    Asked by SoFuWa,

    0 votes
    16 answers

  6. Помогите пожалуйста с главной страницей

    Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <ul> <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> <li><a href="3.html">Шутеры<BODY text=#F5F5F5> <li><a href="4.html">Симуляторы<BODY text=#F5F5F5> <li><a href="5.html">Квесты<BODY text=#F5F5F5> <li><a href="6.html">MMORPG<BODY text=#F5F5F5> <li><a…

    Asked by FikS,

    0 votes
    16 answers

  7. Подсветка синтаксиса

    Вот попробовал сделать пример кода, на заголовок и на сам код не обращайте внимания. Меня интересует сама подсветка синтаксиса, не раздражает ли она глаз и прочее. И если гавно, то как лучше сделать? Когда делал, смотрел в разных редакторах в том числе и в блокноте++ http://www.greymlelelele.chat.ru/stat.html

    Asked by Yahoo!,

    0 votes
    16 answers

  8. trebuchet ms, ине только

    По какой-то непонятной причине у заказчика в 7 осле вместо Требучета отображается Ариал. Требучет у него установлен точно. Методом научного тыка выяснили, что проблема не только с этим шрифтом и уже не первый раз. Заказчик утверждает, что однако же есть страница, на которой требучет требучетом у него отображается. Мистика.рряюсь в догадках Протестрировала в ie tester, запустилась под вистой и проверила в 7 - с отображением шрифта все в порядке. Те

    Asked by aska,

    0 votes
    16 answers

  9. IE 6 неправльно считает абсолютные координаты

    Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись

    Asked by TonKhaO,

    0 votes
    16 answers

  10. Сведение данных XML файла на страницу HTML

    Не могу понять почему не переносятся данные из XML при выводе страницы Book.htm в браузере? Помогите плиз! Результат вывода в браузере Book.htm: Book Description Title: Author: Binding type: Number of pages: Price: Код в XML-файле: <?xmlversion="1.0" encoding="windows-1251"?> <!-- Имя файла: Book.xml --> <BOOK> <ТIТLЕ>Тпе Adventures of Huckleberry Finn</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>298</PAGES> <PRICE>$5.49</PRICE> </BOOK> Код в HTML-файле: <!-- Имя файла: Book.htm --> <HTML> <HEAD> <TITLE>B…

    Asked by uvexx,

    0 votes
    16 answers

  11. рамки "border" - хотелось бы КБ решения с учетом IE6/7, FF, Operы.

    Привет. Собственно сама просьба в теме. Это моя первая попытка html/css верстки. Сразу столкнулся с тем что не могу добиться эдентичного отображения границ таблицы с вложенными кнопками. Опера ФФ и ИЕ доют три разных результата. Мне интересно решение без использования изображений. Извените за css код кинул от всей сраницы - уже мозг "болит думать"). ЗЫ.. вобщем если комуто не лень "помочь нубу" буду весьма счастлив . Тему кинул в html, ибо предполагаю что с IE6 все не решить только с css. хз) принтскрин html <html> <head> <title>page name</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <…

    Asked by sashakiselev,

    0 votes
    16 answers

  12. Проблема с float

    Столкнулся с проблемой - если к стилю подключать float:left/right; то этот div выходит изза мейн дива вниз,причем они не стоят около друг друга как по сути должны(раз флоат есть), а тот кто выше в коде ,тот и стоит выше. В IE8 такого косяка нет,есть косяк связанный с этим же с футером. А вот в firefox все перекашивает ппц. Пробывал создавать 2 мейн дива один за другим,не помогает. html <body><center> <div id="uppercontent" > <div id="head" > </div> <div id="sponsors"> </div> </div> <div id="mainpart"> <div id="leftmenu"> </div> <div id="maincontent"> </div> <div id="footer"> Footer </d…

    Asked by oomozar,

    0 votes
    16 answers

  13. Таблица но на Дивах

    ту задался решением создать таблицу на дивах. в принципе все было хорошо до того момента пока не понадобилось настроить высоту при жестко заданной высоте и превышению текста был вариант либо спрятать переполнение либо в ручную настраивать высоту каждой строки (что совсем не вариант ) если кто сталкивался с такими вопросами и решил их подскажите как P.S. главная задача не использовать <TABLE> пример кода: CSS <style type="text/css"> #tbl{ width:100%; } .widtbl{ width:310px; border-top: 4px solid #000; } .bottom{ border-bottom: 3px solid #000; float: left; width: 310px; } .row_1{ width:50px; border-left: 4px solid #000; border-bottom: 1px solid #00…

    Asked by wcb-falcon,

    0 votes
    16 answers

  14. Верстка под Wordpress!

    Доброго времени суток форумчане Извините наперед, если не туда впихнул темку! Вопрос обстоит так, верстать та я умею, еще и научу))гг....но вот верстать по cms не знаю как это ваПще делаетсо! Взялся учить верстку под WP, но пока что безрезультатно(( Сильно вас прошу, кто знает, с чего начать, что почитать, напишите, или дайте линк! Только настоятельно прошу вас, ненужно писать сообщения такого типа как:"гугли, ищи в нете, почитай книжку" - я поэтому и прошу чтоб что то толковое дали, так как сам уже нагуглился по самое нехочу! И по ходу этого дела может и попадал на что то толковое, но не разобрался и так и не понял что это именно то что мне надо! Наперед всем спасибо за…

    Asked by Spidey,

    0 votes
    16 answers

  15. Подскажите кто знает.Разные тестовые и др.эффекты.

    Подскажите кто знает.Разные текстовые и др.эффекты.

    Asked by Энди,

    0 votes
    16 answers

  16. Колоночные макеты

    Сразу ссылку на проблему: http://tarik.kasperovich.ru/test/index.html Имеем макет, колонки построены с помощью 'float'. Если в основной колонке (в моём случае - в жёлтой) заюзать свойство 'clear' - очистит до самой длинной из "отфлоченых" (на макете прекрасно все видно). Собственно вопрос: какие вы знаете способы решения данной проблемы? Нужно, чтобы 'clear' работал только в своей колонке. Боковые колонки известной ширины - все остальное занимает центральная. На всю оставшуюся ширину, а не в зависимости от контента. P.S. В гугле был, но толкового решения так и не нашёл. P.P.S. overflow: hidden; - не подходит, т.к. хотелось бы иметь возможность выхода поверх центрального б…

    Asked by DjTarik,

    0 votes
    16 answers

  17. Firefox, высота таблицы и размер содержимого

    Добрый день! Есть таблица, в которой 1 строка произвольной высоты. Все остальные - фиксированные. В ячейке этой строки находится дивка. У неё может быть произвольное содержимое и надо, чтобы появлялись полосы прокрутки. Всё работает в ие6, опере, хроме. Но фф просто растягивает таблицу так, чтоб уместить всю дивку в ней, полосы прокрутки появляются тлько если фиксировать её размер (а надо, чтоб она была на всю ячейку, т.к. у ячейки может быть произвольная высота). по коду получается так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title…

    Asked by prichvm,

    0 votes
    16 answers

  18. Выравнивание меню из списка. Абсолютное позиционирование. Как?

    Выравнивание меню из списка по центру. Абсолютное позиционирование. Как лучше сделать? CSS: * { padding: 0; margin: 0; } img { border: none; } li { list-style: none; } a { color: #333; } a:hover { color: #7dbb24; } .clear { clear: both; } #navig { position: absolute; top: 150px; left: 0px; right: 0px; height: 38px; width:100%; min-width: 1024px; background: #8a8b8b url(img/bgmenu.gif) repeat-x; text-align: center; } #navig ul { text-align: center; margin:0px auto;} #navig ul li { float: left; font-size: 12px; background: url(img/space.gif) no-repeat center right; padding: 10px 30px 10px; } #navig ul li a { color: #fff; text-decoration: none; font-s…

    Asked by setevoi,

    0 votes
    16 answers

  19. Ширина ячейки со скрытыми элементами

    Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…

    Asked by lazybaby,

    0 votes
    16 answers

  20. страница сайта инфицированна

    Доброгов ремени суток. У меня проблема с сайтом. А вернее с одной из его страниц. После перехода на определенную страницу, последующие переходы по ссылкам редиректят меня на http://www.spyware-systems.info/0/go.php?sid=2. т.е. я зашел на страницу например "www.yabloki.ru/sorta.php" и потом когда с этой страницы хочу перейти на главную "www.yabloki.ru/index.php" меня переводят на http://www.spyware-systems.info/0/go.php?sid=2 и говорят о том что саит инфицирован. Я сначало сунулся в гугл. Т.к. он ссылаеться на то что именно гугл забанил этот саит. Там ответа не получил. Прождав пару дней я решил удалить эту страницу с FTP переписать ее на локально хосте, загрузил на саит.…

    Asked by sh1va,

    0 votes
    16 answers

  21. Как "такое" сделать в div`ах

    Здравствуйте форумчане и форумчанке. Возникла проблема при верстке в дивах, необходимо сделать следующие: Вся проблема заключается в том что не знаю как сделать такое без абсолютного позиционирования. (и конечно без таблиц) Как видно из рисунка, это пост на форуме, который будет повторятся. Если делать в абсолютном позиционировании, то каждое новое сообщение будет наслаиваться на предыдущие. В итоге 10 сообщений выглядит как одно. + всё должно тянутся, за исключением фиолет. и зелен.полей. Поле с аватором (фиолет) должно тянуться только по высоте (height), а поле с логином (зелен) только по ширине (width). Заранее спасибо.

    Asked by dedmene,

    0 votes
    16 answers

  22. Проблема с div и onmouseover

    6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу в…

    Asked by kxz8,

    0 votes
    16 answers

  23. вёрстка шаблона для dle forum 2.4

    появилась задача сделать шаблон для дле форума, который подходит под дизайн самого сайта. но вот беда, ни с ДЛЕшным форумом , ни с вёрсткой шаблонов под форумы(а там всё в тейблах...) я дело не имел(( - ето готово) спасибо slicemastaпоявилась ещё одна беда по етому поводу http://forum.htmlbook.ru/index.php?s=&...st&p=142489

    Asked by Proks,

    0 votes
    16 answers

  24. Где взять шаблон сайта?

    Дорогие, форумачане! Скажите где можно взять шаблон для сайта, с уже нарезанными картинками, просто в Photoshop не очень хорошо работаю....

    Asked by RuSS,

    0 votes
    16 answers

  25. Круговое меню на CSS

    Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?

    Asked by ola,

    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