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. Не могу разобраться...

    Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…

    Asked by Mr.Smith,

    0 votes
    15 answers

  2. Проблемы с Фоном! Помагите!!!!

    Пытаюсь поставить фотографию фоном всей странички. Надо чтобы она "начиналась" не с верхнего левого угла, а с правого нижнего угла(так как там находится акцент фотографии) что там будет "срезаться" (в зависимости от разрешения монитора) сверху и слева-неважно. Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию? И как расположить таким же образом картинку в какой-нибудь одной ячейке таблицы! Все это пытаюсь сделать в HTML Заранее Спасибо Откликнувщимся

    Asked by mif512,

    0 votes
    16 answers

  3. Помогите расположить текст вертикально

    Помогите пожалуйста! Нужно развернуть текст на 90 градусов против часовой стрелки, когда-то давно я это находила, но теперь не помню где и как... Может кто знает?

    Asked by Nomo,

    0 votes
    13 answers

  4. Проблема с iframe ...

    Здравсвуйте. У меня проблема с iframe. Проблема состоит в том, что я гружу через iframe страницу на которой флеш баннер. К флеш баннеру у меня нет доступа. Как мне сделать чтоб при клике на этот баннер я смог бы подсчитывать количество кликов. Т.е мне нужно чтоб при клике на баанер независимо от того есть у баннер встроенный лин иил нету он должен перходить на ту страницу котрую я укажу. Это мне нужно для подсч?та кликов для баннеро-обенной системы, когда ти баннера html. Заранее всех благодарю.

    Asked by jeans1986,

    0 votes
    4 answers

  5. Страница в UTF-8, а хидеру шлются в windows-1251.

    Господа, дамы, нужна ваша помощь. Сделал страничку в юникоде. В самом html прописано <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> в файле .htaccess прописано: DirectoryIndex index.php index.html index.htm RemoveHandler .html .htm AddType application/x-httpd-php .html .htm CharsetDefault UTF-8 AddDefaultCharset utf-8 AddCharset UTF-8 .html AddCharset UTF-8 .php а все-равно отдается страничка с сопутствующими хидерами: HTTP/1.x 200 OK Date: Tue, 08 Apr 2008 10:38:58 GMT Server: Apache/1.3.37 (Unix) mod_layout/3.4 mod_tsunami/3.0 PHP/4.4.4 rus/PL30.22 mod_…

    Asked by Egoritch,

    0 votes
    1 answer

  6. Форма входа

    У меня форум на ucoz, и там при входе, когда требуется ввести логин и пароль все время стоит галочка "запомнить", как от этого избавиться?

    Asked by Гарин,

    0 votes
    15 answers

  7. html-ТЕСТЫ

    ПОМОГИТЕ СОСТАВИТЬ любые ТЕСТЫ ПО html используя как нам сказали вопрос ответ Заранее спасибо

    Asked by МАРИЯ 55,

    0 votes
    11 answers

  8. Списки НУРМЕРОВАННЫЕ

    Помогите составить любой нурмерованный список Заранее всем спасибо

    Asked by МАРИЯ 55,

    0 votes
    2 answers

  9. Пожалуйста,помогите чайнику...

    Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.

    Asked by Robin,

    0 votes
    9 answers

  10. Как брать пробу цвета с веб-страницы?

    Здравствуйте! подскажите пожалуйста как можно узнать точный RGB-код цвета который используется на странице в интернете?

    Asked by makel,

    0 votes
    9 answers

  11. Глюк со слоями. Слой будто бы не в слое.

    <body> <div id="main"> <div id="top"> <div id="header"> <img src="pictures/right.jpg" alt="" /> </div> </div> <div id="content"> <div id="news"> <div class="container"> <div id="nheader">Новости</div> <div class="n"> <div class="nhead"> <div class="nday">31</div> <div class="ndays">.12.07</div> </div> <div class="ncontent"> В данном письме ЦБ РФ дал ответ на ряд вопросов. В том числе: расчеты между резидентом и нерезидентом по операциям с внешними ценными бумагами с использованием банковского счета нерезидента может осуществляться в валю…

    Asked by champion,

    0 votes
    2 answers

  12. переопределение стилей, подключение html файла

    Собственно возник вопрос можно ли переопределить стили подключив не просто css а простой документ Html со стилями... собсвенно что то работает что то нет... кто сталкивался или если где почитать. докумет со стилями для P и для заголвка H1.ex <html > <head> <title>Размещение описания стиля в заголовке документа</title> <style type="text/css"> p {color:darkerd; font-size:9px; text-align:right; } H1.ex { font-weight:normal; font-style:italic; font-size:10px; } </style> </head> <body> <h1 class="ex"> Заголовок первого уровня</h1> <p> Пример описания стиля для стандартного элемента HTML - разметки </p&gt…

    Asked by ProGGGer,

    0 votes
    8 answers

  13. ПОДСКАЖИТЕ КАК ТАКОЕ СДЕЛАТЬ.

    Вот мне надо както внедрить в сайт прокрутку с дальнейшей ссылкой на фотографию.Как это сделать??!!

    Asked by tray,

    0 votes
    5 answers

  14. Способ измерения элементов страницы

    Скажите, плиз, есть ли какой нибудь способ измерения размеров готовых web-страниц и отдельных элементов? Что-то вроде линейки в пикселях, например, - приложил к экрану монитора и вот он, точный размер! Не все же страницы создаются в относительных размерах, у меня многие в 17 дюймов не влезают, а ведь у кого-то есть 14 дюймовые мониторы? И какой параметр берется за точку отсчета всех размеров при верстке? Спасибо!

    Asked by RR,

    0 votes
    10 answers

  15. процентная ширина в ие7

    Доброго времени суток! Столкнулся с такой проблемой: в ие7 процентная ширина блоков трактуется по-своему (блок вместо например 30% растягивается по содержимому и не более). Когда задаются фиксированные значения в пикселях, все начинает работать. clientWidth при этом выводит величину "0" (другие браузеры показывают вполне конкретные ненулевые значения). Причем на сайте это не единичный случай. В ие6 подобного не наблюдалось. Кто сталкивался с подобным багом (или не баг это)? Как с ним бороться? На сайте много ситуаций, когда без процентов не обойтись!!!!

    Asked by zascia,

    0 votes
    9 answers

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

    Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...

    Asked by Jaeser,

    0 votes
    28 answers

  17. Приоритеты CSS

    index.html <html> <head> <link href="one.css" rel="stylesheet" type="text/css" /> <link href="two.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="divid"> <div>qedasd</div> <div>qedasd</div> <div>qedasd</div> <div class="divclass">fdfdf</div> </div> </body> </html> one.css #divid div {color:red;} two.css .divclass{color:blue;} Вот такая конструкция не работает. Можно править только two.css. Есть мысли?

    Asked by Dimitry Wolotko,

    0 votes
    5 answers

  18. Позиционирование

    Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…

    Asked by ~Kitty~,

    0 votes
    15 answers

  19. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok,

    0 votes
    14 answers

  20. Расстояние между строчками

    Уважаемые Гуру! Не моегу решить проблему с расстоянием между строк в столбце навигации. В IE расстояние гораздо шире, чем в остальных браузерах. Спасибо заранее за помощь. У меня имеется серое поле #grau_navi, на нем расположен бокс box_navi со списками непосредственно самих ссылок. Вот код: #grau_navi{ background-color: #bcc4cb; float: left; height: 600px; width: 13.5em; margin: 0; margin-top: 1px; } #box_navi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #0d2e6b; font-weight: bold; margin: 0; padding: 11px; display: block; line-height: 1; } ul#box_navi { list-style-type: none; } ul#box_navi li{ } ul#box_navi li a:l…

    Asked by Tanuhin,

    0 votes
    4 answers

  21. Как изображение сделать ссылкой?

    Спасибо, что заглянули. Есть рисованная кнопка, ее нужно вставить на главную и потом по ней выйти на другую страницу. Как быть?

    Asked by Focus,

    0 votes
    9 answers

  22. сумма ширин ячеек не совпадает с шириной таблицы

    Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код: <td align='right'> <table width='975' border='0' cellpadding='0' cellspacing='0'> <tr height='85'> <td width='71'> <a target='_parent' href='1.php'><img class='face' src='images/spacer.gif' width='71' height='85'></a> </td> <td width='79'> <a target='_parent' href='2.php'><img…

    Asked by begin,

    0 votes
    6 answers

  23. Задать максимально-возможную высоту <div>

    На нижний слой страницы(его высота около 2000px), сверху я хочу наложить такой же по размерам слой с большим z-index: .cont1 { position: absolute; top: 1200px; left: 0px; z-index: 2; } .cont2 { background: #D4070C; position: absolute; height: 2000px; top: 0px; left: 0px; z-index: 3; } К сожалению, чтобы нижний слой полностью закрывался пришлось задать фиксированную высоту (2000px), но так как ни на всех страницах высота нижнего слоя так велика, получается не очень хорошо. Есть ли возможность вместо точного задания размеров написать что то вроде height: 100%; - к сожалению работает только на видимую часть экрана, то есть если опустить вниз то там будет вс…

    Asked by man777,

    0 votes
    4 answers

  24. Почему блок падает? Как это исправить?

    Здравствуйте! Первый плавующий блок имеет вложеную картинку шириной 200 пикселей. Второму плавающему блоку я задаю ширину 100%, и он спадает вниз.... а не пристыковывается к первому блоку. Подскажите пожалуйста как можно это исправить? Код: //**вот этот блок смещается вниз почему то...*//и стили: .1 { float: left; } .2 { float: left; width:100%; }

    Asked by makel,

    0 votes
    7 answers

  25. Активировать поле

    Вот не получается у меня такая штука, как, например, на этом форуме: нажимаешь "ответ" или "создать новую тему" - открывается страничка, а поле заголовок уже активно, т.е. можно сразу начинать писать. Как сделать-то? PS. TabIndex не помогает....

    Asked by gizmomy,

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