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. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    0 votes
    0 answers

  2. Судьба доллара и евро

    Хелло всем посетителям forum.htmlbook.ru! Уже каждая собака наверное давно в шоке (а может быть и наоборот, радуется) от поведения доллара! Колбасит его последнее время невероятно. Вопрос же в следующем: насколько вам важен курс доллара, влияет ли он на вашу жизнь и если да, то как? Я лично постоянно мониторю этот сайт: Кросс курс евро доллара Чтобы быть в курсе событий... Он конечно не для широкого круга посетителей, но курс там точный и обновляется каждую секунду насколько я поняла ). Кто нибудь еще следит за курсом постоянно?

    Asked by Chereshnya,

    0 votes
    0 answers

  3. два блока рядом по середине

    Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице: Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так: <style> #content{ float: left; width: 275px; } #container{ float: left; margin-right: -90px; padding-left: 40px; } #menu{ margin-right: 200px; border: 1px solid red; text-align: right; } #clearing {height: 0; clear: both; } </style> <div style="margin-left: 400px; padding-top: 65px;"> <div id="container"> <div id="menu"> <a …

    Asked by _axl,

    0 votes
    0 answers

  4. кроссбраузерность

    сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &lt…

    Asked by termoplus,

    0 votes
    0 answers

  5. временная линейка в графическом исполнении

    видел нразмещают линейки с временным подсчётом, которая показывает, сколько прошло от даты в графичском исполнении. какие сайты предоставляют такой сервис и как это дело называется, чтобы его искать?

    Asked by Rilo,

    0 votes
    0 answers

  6. Растянуть таблицу на всю высоту окна

    Доброго времени суток всем Проблема такая: как растянуть таблицу по высоте на всю длину экрана. Знаю, что можно в стилях прописать html и body высоту 100%. Но у меня этот способ помагает только в опере. Мозилла игнорит, а в ие получается очень длинная страница (с вертикальной прокруткой). Заранее спасибо

    Asked by Ромашка,

    0 votes
    0 answers

  7. checkbox ? checked

    У меня в jsp шаблоне в цикле выводится неопределенное число элементов checkbox. Как сделать чтобы при выполнении условия из java-класса (например isDeleted ()) checkbox отмечался?

    Asked by Veroonya,

    0 votes
    0 answers

  8. если отключен флеш

    Добрый всем день! Возникла такая проблема - в шапке сайта стоит флешка с прозрачным фоном ( сзади просвечивает общий градиент). нужно сделать так, что если у пользователя отключён flash, вместо флешки выводилась бы статичная картинка jpg. Помогите пожалуйста, как такое сделать?

    Asked by Little_disaster,

    0 votes
    0 answers

  9. создание доски объявлений

    С недавнего времени занялся созданием своей доски объявлений по общей тематике Промучился с пару месяцев с дизайном, PHP и MYSQl .. Пришел к выводу что лучше все-таки использовать в работе скрипты Перепробовал многие во всех есть какие-то недостатки и ограниченность в функциях. Joker Board commercial version 2 только порадовал Пока косяков за ним не обнаружил Кто-нибудь тестил уже этот скрипт ? http://depositfiles.com/ru/files/60b9plb0d_.com С удовольствием узнаю ваше мнение ICQ: 475-902-632

    Asked by neonfly2009,

    0 votes
    0 answers

  10. Перелив. панель.

    очень хочется на своём сайте сделать панель навигайии, как на этих двух сайтах : http://krutoy.newmail.ru/ http://sasha12-15.narod.ru/ Имеется в виду, что при наведении курсора на раздел он выделялся определённым цветом. и ещё такой вопросиг, как сделать, чтобы при наведении на раздел не только выделялся цветом раздел, но и из него бы выходил список с разделами того раздела, как на http://computer-site.narod.ru/ Прошу помочь=))

    Asked by -Volt-,

    0 votes
    0 answers

  11. Баг с невидисмость в IE7

    Здравствуйте! На сайте www.kfspb.com во внутренних страницах в IE7 часто не видно основного контента (иллюстрацию прилагаю). Что это может быть? Кто-нибудь сталкивался?

    Asked by Vivasvan,

    0 votes
    0 answers

  12. Горизонтальное меню на <li> для резиновых сайтов. Проблема с броузерами.

    Всем доброго времени суток. Такая проблема: Нужно сделать резиновый сайт с горизонтальным меню. Сделал шапку и меню. Проблема в том, что горизонтальное меню, основанное на LI, может бесконечно ужиматься, пока все LI не заползут друг на друга. Соответственно, мне нужно задать некий предел, до которого можно ужиматься (зависит от того, насколько ужимается шапка. Если-бы дело было с таблицами, то я бы просто вставил в каждый LI распорку (белую картинку нужной мне длинны и высотой в 1PX) и тогда-бы ячейка не ужималась, но когда я вставляю распорку в LI, ужимается. Так ведет себя FireFox. В IE6 распорки действуют, но всплывает другая проблема: Если сжимать страницу так, чтобы …

    Asked by Rapp_colince,

    0 votes
    0 answers

  13. как "закрепить" вывод тултипа?

    Добрый День! Подскажите пожалуйста, как закрепит вывод тултипа? Т.е. я хочу, что бы тултип выводился не на указателе мышки а, например, всегда в левом верхнем углу. Желательно CSS. Спасибо. з.ы. в ФФ я этого добился а в ИЕ не получается...

    Asked by urfin,

    0 votes
    0 answers

  14. Помогите с версткой в IE

    Здрасте всем. Помогите пожалуйста с CSS на страничке http://rosplit.artstyler.biz У меня там сделано главное меню в виде ссылок с такими свойствами: a.mnu { display:block; height:26px; width:150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.08em; padding-top:4px; color:#FFFFFF; text-decoration:none; margin-top:5px; margin-bottom:5px; padding-left:29px; } a.mnu:hover{ background:url(/img/a_mnu_bg.png); background-repeat:no-repeat; } Все эти ссылки расположены в DIV-контейнере .mnu_container{ position:relative; width:167px; height:183px; background:url(/img/bg_mnu.png); background-repeat:repeat-x; overflow:hidden; background-color: #…

    Asked by d0ublezer0,

    0 votes
    0 answers

  15. Буквица и Firefox 3

    Верстаю один макет. Возникла необходимость сделать буквицу для заголовка h1. html: <h1>Сегодня вечером на Патриарших прудах будет интересная история!</h1> css: h1 { float:left; text-align:left; } h1:first-letter { text-align:left; font:normal 120% Verdana; color:#9acd32; } Код именно таков, потому что рядом справа от заголовка h1 будет еще одна надпись. по ТЗ надо чтобы она с заголовком помещалась в одну строку, поэтому и float:left; Теперь собственно по поводу брыкания Огнелиса 3: если в оформлении буквицы размер шрифта указан отличным от 100% (как в моем случае 120%) то размер блока h1 увеличивается в ширину, что легко проверяется прописыванием дл…

    Asked by Punsh,

    0 votes
    0 answers

  16. Смешная ошибка IE с :first-letter и ul

    <p>Заголовок 1</p> <ul> <li>...</li> <li>...</li> </ul> <p>Заголовок 2</p> <ul> <li>...</li> <li>...</li> </ul> В отдельном файле .css P:first-letter{font-weight:bold;} IE7 выдает второй список без маркеров, причем первый список выводится нормально. В опере и файрфоксе все нормально. Если убрать из .css эту строчку, то всё нормально При добавлении между первым списком и вторым абзацем (Заголовок 2) еще одного абзаца с длиной текста более 1 строки, второй список выводится корректно. Самое забавное будет, если размер текста в этом дополнительном абзаце будет чуть короче длины с…

    Asked by lexxpavlov,

    0 votes
    0 answers

  17. Вопрос по меню

    Всем доброго времени суток. Если есть возможность, подскажите: Есть меню на сайте. Состоит в принципе из разделов и подразделов, которые в данный момент выводятся все вместе. Требуется, чтобы подразделы меню выводились только по клику на соответствующий раздел. В шаблоне меню выводится так: {foreach name=foo from=$menu item=e} {if $e._level==1} <tr> <td class="menu2"><a href="{$e.url}">{$e.name}</a></td> </tr> {else} <tr> <td class="menu3"><a href="{$e.url}" >{$e.name}</a><br></td> </tr> {/if} {/foreach} Так вот. Есть доступ только к шаблонам. Есть еще…

    Asked by sych,

    0 votes
    0 answers

  18. Закругление углов в меню.

    День добрый, я тоже новенький в веб дизайне, но я когда-то был системным программистом, поэтому кой чего помню.... В общем регил написать свой сайт с меню, вчера прочитал этот сайт все очень даже понятно. суть li (отступ) + а(сам линк) + span(как уголок), понятно как сделать, и с фотошопом дружу... Но вот задача как выделять все сразу при наведении на а ? в css же нельзя писать условия, а нужно типа: (си) if (a.hover) { li.hover=true span.hover=true) } это 1е, второй побочный эфект, чтобы пользователь не мог навести на span и li, но тут задача сложнее, так как свойства li:active и span:active задействованы под изменени…

    Asked by trojanets,

    0 votes
    0 answers

  19. Как сделать ссылку на флэш банер

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman,

    0 votes
    0 answers

  20. Как сделать ссылку на флэш банер

    Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

    Asked by ArtOfHuman,

    0 votes
    0 answers

  21. Оцените пожалуйста

    Доброго времени суток, уважаемые форумчане. Это моя первая вёрстка, поэтому прошу строго не судить Вот так примерно должен выглядеть сайт: А это то, что у меня получилось: http://hosting0.narod.ru/ CSS вместе с html, потом CSS вынесу в отдельный файл. У меня есть несколько вопросов: 1. В IE 6, 2 блока левее ссылки на главную страницу уходят вниз, а должны быть в этом же ряду. Как их поставить на место? Также заметил, что на достаточно известных порталах в IE 6 блоки слетают вниз: сайт IPB форумов меню стоит нормально, а текстовый блок (который как мне кажется должен быть справа) слетает вниз. Хабрахабр здесь слетает вниз меню, которое должно находиться справа от стате…

    Asked by sm0k,

    0 votes
    0 answers

  22. проблемка с таблицей

    собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @charset "utf-8"; /* CSS Document */ #top { position:absolute; left:5%; top:0px; width:90%; height:50px; z-index:99; background-color: #FC9; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #body { position:absolute; left:5%; top:65px; width:90%; height:85%; z-index:2; margin: 0px; padding: 0px; } #apDiv1 { position:absolute; left:5%; top:97%; width:90%; height:3%; z-index:3; background-color: #F96; font-family: verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; text-t…

    Asked by bestxp,

    0 votes
    0 answers

  23. Как добавить этот календарь?

    Для даты рождения нужен календарь ... но как его добавить , что бы вводил 1987-12-28 (год-месяц-день) ??? Как правельно его впихнуть??? http://ui.jquery.com/repository/tags/lates.../#ui.datepicker http://www.samborsky.com/javascript/jquery/233/ Вот ДЕМО- http://www.samborsky.com/sources/datepicker-jquery-ui/ http://www.samborsky.com/sources/datepicker-jquery-ui-2/

    Asked by kavadims,

    0 votes
    0 answers

  24. Разное открытие кнопок!

    Вопрос: Почему у меня кнопочки если открою через Интернет Explorer он будут по функции работать ,а если их открою через Gogle Hrome то они стают простымы??! И фотография тоже в Интернете эксплорере не работает а в Хроме нормально!??? Воть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сайт</title> <style type="text/css"> <!-- .стиль1 {color: #F58730} --> </style> </head> <body> <form id="form2" name="form2" method="post" action=""> <div a…

    Asked by sokol14,

    0 votes
    0 answers

  25. Не правильно отбражает в IE

    В опере и других браузерах более или менее центральная часть страницы нормально отображается, а вот в IE, прямо какая то беда.. .!!! Подскажите пожалуйста, что сделать, чтобы изображение страницы было, как опере http://protokoly-khromtsev.narod.ru/Abramov_Nikolai.html вот css для блока div и т.д.: .roundcont {width: 95%; margin-left:20px; margin-right:20px; background-color: #C0E4FF; text-align:center; color: #000000;} .roundcont p {margin: 0 10px;} .roundtop {background: url(images/tr12.gif) no-repeat top right; } .roundbottom {background: url(images/br42.gif) no-repeat top right; } img.corner…

    Asked by instruktor,

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