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. двухэтажная картинка

    Часто встречаю картинки состоящие как бы из 2 объединенных, применяются они вместо варианта смены картинки при наведении мышкой, чтобы не было тормозов при подгрузке. Эта картинка загружается сразу. Вот пример Как её применить? В классе прописано что-то вроде background:transparent url(/111.gif) no-repeat scroll center top; и размер в высоту в 2 раза меньше, но не работает.

    Asked by maxs,

    0 votes
    10 answers

  2. эффекты css отображаются в IE, но не отображаются в опере и FF

    дело в том, что css я никогда не пользовалась, так что я чайник просто. на укозовском сайте нужно было сделать парочку изменений. с горем пополам, разобралась, результат в эксплоэре просто великолепный, а в опере и эксплоэре фейки: 1. .statusBlock {padding-top:3px;} .statusOnline {color:#040aff;} .statusOffline {color: RGB(255, 3, 27);} это цвет статуса пользователя. в эксплоэре изменился, в опере и то, и другое чёрное 2. text-align:center - этот тег вообще не работает. выравнивание как было левое, так и осталось. 3. не отображается ряд изображений. помогите, пожалста)))))))

    Asked by angel_a,

    0 votes
    14 answers

  3. Фрейми

    Всем привет! Помогите пожалуйста, создать страницу с размещенными в ней тремя фреймами. Я уже кое-что создал в приобщенном архиве. Что именно нужно сделать: нарисовал в приобщенном файле struktura.jpg. Сами фреймы я уже создал, нужно толкосделать действия, также приобщаю в архиве frame3.rar. Поскольку на Вашем форуме не нашел как прилепить к посту файл, то пришлось виложить здесь на ифолдере. Результати пожалуйста викладивайте здесь или скидуйте на почту: honda07@ukr.net Заранее всем спасибо!

    Asked by nedan,

    0 votes
    8 answers

  4. Вопрос с графикой

    Вот сайт http://golby.my1.ru/ , ни на что не обращайте внимание, кроме непрозрачности левой и правой тени от контента. И меню навигации. Вопрос скорей по фотошопу(чего только не делал), чем по вёрстке.

    Asked by Yahoo!,

    0 votes
    3 answers

  5. слой с параметром float

    Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части <html> <head> <style type='text/css'> #center_left { width:52%; float:left; } #center_right{ width:44%; float: right; padding-left:15px; } #left { width:52%; height:auto; float:left; background-color:#FFFDF4;} #right{ width:43%; float:left; height:auto; padding-left:15px;} #center_right_bottom{ width:468px; float: right;} </style> </head> <BODY> <div style="width:100%;"> <div id="center_left" style="background-color:#FF9900"><br><br>сл…

    Asked by dist,

    0 votes
    8 answers

  6. по какому браузеру ориентироваться?

    в разных браузерах оформление таблицы выглядит по-разному больше всего волнует отображение параметра width и отступы на какой браузер ориентироваться?

    Asked by avishka,

    0 votes
    6 answers

  7. Рамка с закругленными краями ( для таблицы)

    Задача! Надо сверстать такое http://fota.mota.ru/albums/7b677767b8ffbf2...24/image/0.html я сделала так <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS&DIV...Флора & Фауна ...Домашняя страница...</title> <link href="Style21.css" rel="stylesheet" type="text/css" /> </head> <body class="m2" > <div id='container'> <table cellspacing="0" > <tr> <td width="8%" > <div id="td13"> <div id='img_t_right'> </div> </div></td> <td > <div id="td20"> <div id="l"> <div id="r"> <d…

    Asked by m2v11,

    0 votes
    4 answers

  8. Отображение слоя

    В общем проблема: Есть пустой слой с рисунком в бек-граунде. В IE располагается правильно сразу после предыдущего слоя. В FF же он съезжает на какое-то расстояние к середине страницы. Если в слой запихнуть какой нить символ, то отображение становиться правильным. Как решить проблему без вставки каких то символов?

    Asked by Kash,

    0 votes
    3 answers

  9. Как по-нормальному убрать scrollbar'ы?

    Как по-нормальному убрать scrollbar'ы? Короче ситуация такая - не хочу задавать фоны <div>"ов в процентах, но когда задаю ширину бэкграунда 1280пиксей то в браузерах почему-то появляется горизонтальная полоса прокрутки, хотя разрешение экрана 1280х1024... Можно поставить на все overflow: hidden, но тогда при уменьшении размеров окна часть страницы просто обрезается и скроллбар не появляется. Интересно, как можно решить проблему? неужели без резиновой верстки не обойтись??

    Asked by Umnik1,

    0 votes
    2 answers

  10. Несколько вопросов по верстке

    1)При появлении скролла в опере высота id=1 не 100%, а 1+390+1, (в ИЕ все ок) Скролл появляется когда в id=2 много текста: <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td rowspan="3" height="100%"> [b]<table id=1 width="50" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr><td height=50%><img src="images/2-2_01.gif" width="50" height="100%" alt=""></td></tr> <tr><td><img src="images/2-2_04.jpg" width="50" height="390" alt=""></td></tr> <tr><td height=50%><img src="images/2-2_06.gif" width="50" height="100%…

    Asked by Chebas,

    0 votes
    2 answers

  11. Проблема с checkbox

    У меня на сайте есть две однаковых страницы (переход с помощью index.php?cat=1 или cat=2), отличающиеся только текстом возле которого стоит галочка. Сверху страницы есть счетчик показывающий сколько полей отмечено. Когда я что то отмечаю на одной странице , а потом перехожу на вторую , счетчик сбивается , а при возврате категории опять не отмечены. Подскажите, пожалуйста как сделать так , чтобы информация по отметке с первой страницы передавалась на вторую.

    Asked by Dude,

    0 votes
    5 answers

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

    У меня на сайте есть две однаковых страницы (переход с помощью index.php?cat=1 или cat=2), отличающиеся только текстом возле которого стоит галочка. Сверху страницы есть счетчик показывающий сколько полей отмечено. Когда я что то отмечаю на одной странице , а потом перехожу на вторую , счетчик сбивается , а при возврате категории опять не отмечены. Подскажите, пожалуйста как сделать так , чтобы информация по отметке с первой страницы передавалась на вторую. Всем большое спасибо

    Asked by Dude,

    0 votes
    7 answers

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

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

    Asked by Rapp_colince,

    0 votes
    0 answers

  14. Помогите пожалуйста!

    Здравствуйте, помоги, пожалуйста. Имеется css файл: html{ height: 100%; } body{ margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFFFFF; height: 100%; } #wrapper { margin: 0 auto; width: 880px; } #header { width: 870px; height: 2px; margin: 0px; background: url("/images/top_line.jpg") no-repeat; } #leftcolumn { float:left; background: url("/images/gradient_left.jpg") repeat-y; margin:0; height:133px; width:35px; } #content { float:left; background:#0795bd; margin:0; height:133px; width:802px; display:inline; } #rightcolumn { background:url("/images/gradient_right.jpg") repeat-y; margin: 0; height:133px; width: 35px; float: l…

    Asked by lily_88,

    0 votes
    2 answers

  15. Не работае таблица стилей в IE (в Opera всё работает отлично.)

    Помогите, пожалуйста, решить проблему с таблицами стилей. Есть страница сайта, оформленная при помощи слоёв.При просмотре в Opera, всё работает отлично, но когда смотришь через IE, впечатление, что таблица стилей вообще не подключается и поэтому всё оформление просто "разваливается". С такой проблемой столкнулся впервые, если раньше и возникали проблемы, то это касалось отдельных элементов страницы и устранить проблему не составляло большого труда. Подключаю css <link href="stylecss.css" type="text/css" rel="stylesheet" /> Часть файла css, так задаю стиль для слоя #layer_1 { position:relative; top:105px; left:510px; z-index:1; border:3px solid #70685A; width…

    Asked by slo_nik,

    0 votes
    6 answers

  16. Drupal и Smarty

    Для сайта webimg.ru, который построен на Друпале, использовал шаблонизатор Smarty. Однако столкнулся с некоторыми затруднениями. Дело в том, что в Друпале вид различных элементов дизайна прошит в ядре и чтобы поменять их на свой лад применяется набор шаблонов и PHP-файлов. Однако для Smarty многие вещи просто не работают. Пришлось перевести свою тему на PHPTemplate, встроенную по умолчанию, благо штука простая. После чего сайт стал работать быстрее, потому как Друпал криво кэшировал шаблоны Smarty, да и остальные фичи заработали. Обзор вопроса выявил, что хотя Smarty действительно можно подключать, это еще не гарантирует, что сайт будет полностью поддерживать все возможно…

    Asked by Vlad,

    0 votes
    2 answers

  17. Как можно реализвать подобное меню?

    Доброе время суток. помогите пожалуйста реализовать меню подобное тому, какое на данном сайте: http://www.fordvehicles.com/ я имею в виду именно о том раскрывающемся меню с пунктами "Ford now, cars и.т.д." Простое раскрывающееся меню сделать можно конечно без проблем, но интересует как можно сделать так, чтобы при наведении на определенный пункт меню отображался свой имэйдж. Спасибо за помощь

    Asked by DImaN,

    0 votes
    5 answers

  18. Параметр height в таблицах!

    Доброго времени суток! Проблема следующего содержания: КОД: <table cellpadding="0" cellspacing="0" width="600" height="100%" border="1" style="border-collapse:collapse;"> <tbody> <tr> <td colspan="2" height="100"> </td> </tr> <tr> <td rowspan="2" width="200"> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td> <td height="20">ПРОБЛЕМНАЯ</td> </tr> <tr> <td>2&lt…

    Asked by mozart,

    0 votes
    8 answers

  19. .htaccess показать папку

    Сам сайт находится на domain.in.ua, но ещё есть "учёт" который находится domain.in.ua/uchet/ При попытке перейта на domain.in.ua/uchet/ меня кидает вообще в другое место, помогите попасть в эту папку. Вот сам .htaccess RewriteEngine On RewriteRule ^([a-z_0-9\-]+)\.html$ ?do=$1 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/?$ ?do=category&cat=$1 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/?$ ?do=full&altname=$1 [L] RewriteRule ^([0-9\-]+)/([0-9\-]+)/?$ ?do=archive&year=$1&month=$2 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/([a-z_0-9\-]+)\.html$ ?do=full&cat=$1&altname=$2 [L] RewriteRule ^([a-zA-Z_0-9\-]+)/([a-z_0-9\-]+)/?$ ?do=category&ca=$1&cat=$2 [L] RewriteRule ^…

    Asked by sinos,

    0 votes
    3 answers

  20. В ИЕ цвет gif'a отличается от других

    В ИЕ цвет gif'a отличается от других. С png я знаю как решать проблему, а вот с гифом нет. У кого какие соображения.

    Asked by Brain_activities,

    0 votes
    9 answers

  21. Ссылка-изображение

    Всем привет. Помогите мне пожалуйста разобраться с CSS, я чтото крутил крутил, ничего не вышло. Кароче мне нужно сделать изображение-ссылку, используя только один тег <a></a>. Тоесть изображение нужно вставить как бэкграунд к тегу <a>.Размер моих изображение 30х30 пикселей. Как мне это сделать? Вот что у меня должно получиться: Host for your pictures А вот мой код, но нифига не получается :\ #pageraiting{ padding-left:2em; font-size:small; color:#999999; } #pageraiting #stars a{ padding:15px; background: url(/images/menuselected.gif) center no-repeat; } <div id="pageraiting"> <div>Просмотров: 23 459</div> <div id="stars"&g…

    Asked by m4tr1x,

    0 votes
    3 answers

  22. Флеш банер в новом окне, Как зделать?

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

    Asked by San_Tehnik,

    0 votes
    4 answers

  23. Меню

    Здравствуйте. Я недавно начал изучать HTML. Но тут понадобилось сделать выпадающее меню. Пробыва по инструкции на simplythebest.net . Но получается криво. Помогите!!!

    Asked by Dolphin-1995,

    0 votes
    5 answers

  24. Распознавание CSS в FireFox.

    Приветствую и прошу помощи . Возникла интересная ситуация: IE6 и Opera отображают страницу более-менее нормально, тогда как FF3.0.3 отказывается воспринимать CSS вообще. Кроме того, это происходит только на страницах с картинками (остальные страницы отображаются всеми браузерами адекватно). Так же ведёт себя и NVU. По-моему, проблема не в коде, хотя, если он может потребоваться, то - вот он (в донельзя упрощённом варианте): CSS: * {font-family: Times, Arial, sans-serif;} #BODY, #COMM { text-align: justify; margin-left: 10%; margin-right: 10%;} HTML: <html> <head> <link rel="stylesheet" href="../../css/Text.css" type="text/css"> </head…

    Asked by Nailman,

    0 votes
    4 answers

  25. Вложеная таблица едет вниз

    Други мои, посоветуйте... Забодался я уже. Есть таблица. Две колонки. Левая - фиксированая. Меню, новости. Правая - основной контент. В правую вставляется текст, таблица. Так вот эта подлая таблица лезет вниз ячейки. <td valign="top">, само собой, CSS, конечно! Но все равно эта вложеная таблица лезет вниз! Вот примерный код. <!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>Untitled Document</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"&gt…

    Asked by EGORR,

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