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. Как добиться эффекта?

    Подскажите пожалуйста как добиться эффекта как на этом сайте http://www.residentadvisor.net/ в дивах "Album Reviews" или "Single Reviews". Т.е. при наведении на превью, выводилось описание. Может есть какие нибудь уроки по данной теме?

    Asked by Discotune,

    0 votes
    3 answers

  2. CSS + Drupal

    Ребята, добрый день. Столкнулся с элементарным вопросом. Делаю сайт на Друпале, столкнулся с проблемой, не могу блоку присвоить id и разместить его так как мне этого хочется. В html создал id="map", разместил там картинку "карта сайта", и описал id в css: #map { margin-left:113px; position:absolute; } Вот что дает Фаерберд; <div class="map"> <div class="clear-block block block-block " id="block-block-19"> <div class="content"><p><a href="/sitemap"><img height="14" width="19" src="/sites/default/files/map_my.gif" alt=""></a></p> </div> </div> </div> Понимаю у меня проблема с вложенными элементами? Как пра…

    Asked by zubar,

    0 votes
    4 answers

  3. CSS, IE и кривые руки.

    Всем привет! Прошу помощи, а то в HTML да ещё с CSS я слабо понимаю, да вот приспичило сделать формочку авторизации, для скрипта одного. Наваял я, значит, своё "изделие", сижу, в гугл хроме любуюсь. Лепота. Ну, то есть не лепота, а то, что я хотел. А потом открыл я поделку свою в интернет эксплорере и остолбенел: Картинка вбок, стили будтоб и не применялись... (хотя применяются. Цвет шрифтов - за милую душу подцепляется.) Кошмар, вобщем. Умом я понимаю, что накосорезил где-то. Но разумения мне не хватает понять где. Так что помогите люди добрые басурманского осла одолеть! Код исходный ниже прилагаю: <HTML> <HEAD> <TITLE></TITLE> <ME…

    Asked by vate,

    0 votes
    4 answers

  4. Цвет ссылок не меняется

    Всем привет. Подскажите в чем может быть дело. Цвет ссылок всегда такой как будто их уже посещали в OPERE SAFARI ie8 В ie6 ie 7 все нормально #str a:link { color:#090; text-decoration:none; } #str a:visited { color:#F00 ; text-decoration:none ; } #str a:hover { color:#000 ; text-decoration:underline ; } Может быть это из-за того что браузеры помнят посещенные ссылки некоторое время? Но почему тогда ie 6 ie 7 Нормально показывают?

    Asked by Budulianin,

    0 votes
    4 answers

  5. главная страница

    мой сайт сделан на cms joomla. я сделал главную страницу в dreamweaver и не знаю, как сделать, чтобы она была главной. помогите плиз. или скиньте ссылку, где есть инфа по этому вопросу

    Asked by roosei,

    0 votes
    2 answers

  6. Немогу решить как нарезать...

    Asked by CEBEP,

    0 votes
    7 answers

  7. Отступы внутри блока DIV

    Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…

    Asked by Iguar,

    0 votes
    4 answers

  8. Ошибка в условных коментариях

    Пишу 2 условных комментария. <!--[if lte IE 7]> <style type="text/css"> .shr{font-size:15px; margin-top:-20px; } </style> <! [endif]--> <!--[if IE 8]> <style type="text/css"> .shr{margin-top:0px; } </style> <! [endif]--> Получается что в браузере ИЕ7, всё нормально отображается как и хотел при использовании условного для ИЕ7, как начинаю писать такое для ИЕ8, так как в нём нужно тоже, расплывается всё. Что делать?

    Asked by people2010,

    0 votes
    2 answers

  9. 3 колонки одной высоты с резиновым центром

    Добрый вечер! Возникла задача сверстать 3 колонки одной высоты. Мне очень понравился метод Matthew Taylor'a, но одно меня ставит в тупик: все колонки здесь имеют длину в %. Мне же нужно, к примеру, 300px левая, 350px правая и центр - всё оставшееся место. За основу брал статью-перевод http://www.master-web.info/equal-height-co...ss-browser-css/ Крутил, вертел, пока ничего не вышло. И почему-то кажется, что этот метод не рассчитан под фиксированные сайд-бары Есть ли у кого идеи, как это и можно ли сделать? Спасибо

    Asked by Yuriy,

    0 votes
    26 answers

  10. Помогите отверстовать CSS

    css файл BODY{ background-color: gray; border-style: groove; border-color: aqua; border-width: medium; width: 90%; margin: 5%; word-spacing: normal; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; } #welcome{ border-style: solid; border-color: green; border-width: 2px; margin: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; } #welcome h1{ text-align: center; font-family: cursive; font-size: 40px; margin-left: 10px; } #greeting{ border-color: maroon; bor…

    Asked by NeSDeSHNiy,

    0 votes
    0 answers

  11. По каким стандартам верстать?

    Актуалнее и рациональнее...

    Asked by pxdude,

    0 votes
    6 answers

  12. Фиксация высоты ячейки

    Подскажите выход - есть таблица из двух столбцов в левом 3 ячейки в правом одна (на весь столбец). В каждой из 3 левых ячеек есть фоновый рисунок, в правой текст. При открытии страницы при разных разрешениях монитора высота таблицы меняется (из-за текста). При этом рисунок который находится в нижней ячейке множится необходимое количество раз. Вопрос - как сделать так, чтоб верхняя и нижняя левые ячейки остовались неизменными, а свой размер меняла центральная.

    Asked by Aljnk,

    0 votes
    6 answers

  13. Center

    Здраствуйте,есть небольшая проблема,немогу поставить по центру 3 банера... Хтмл <div class="footer_right" > <div class="stat" > </div> <div class="stat_2" > </div> <div class="stat_3" > </div> </div> Ксс .footer_right { position:relative; float:right; width:42%; height:65px; } .stat{ background:url("file:///C:/Users/Admin/Desktop/Winamp/Images/stat_bg.png") no-repeat; width:108px; height:51px; position:absolute; } .stat_2{ background:url("file:///C:/Users/Admin/Desktop/Winamp/Images/stat_bg.png") no-repeat; width:108px; height:51px; position:absolute; } .st…

    Asked by Mr.Black,

    0 votes
    11 answers

  14. как облегчить работу браузеру?

    В каком случае браузер меньше напрягается? Допустим есть десять блоков которые оформлены одинаково, мы все привыкли(я по крайней мере) задавать этим блокам один класс и уже его стилизовать в CSS. Да нам так проще и CSS файл получается меньше. Но как лучше для браузера, как ему легче отрисовывать блоки, когда у них один класс и они оформлены одним правилом CSS или когда каждый блок имеет индивидуальное правило. В частности интересуют IE7/8 и их особенности. Может где то можно почитать на эту тему?

    Asked by rediskavet,

    0 votes
    6 answers

  15. Validator W3C

    Подскажите пожалуйста. Валидатор ругается на: Line 259, Column 23: document type does not allow element "h3" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <p align="center"><h3><a href="/ru/events/">Все события >>></a></h3></p> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is …

    Asked by Alex&R,

    0 votes
    4 answers

  16. Верстка картинки слайдера

    Верстаю страничку и столкнулся с такой проблемой: как сверстать слайдер, понятно, что на сайте он будет работать на jquery, но свойства нужно задать при верстке ( шрифт, размеры и т.д). Или может не стоит этого делать? Скрин прилагаю.

    Asked by vadimon,

    0 votes
    7 answers

  17. Центрирование с отступом сверху

    Задача: 1. Расположить в шапке сайта изображение и выравнять его по центру страницы. 2. Сделать отступ изображения от верхней границы окна браузера. Например, на 10px. Первый пункт сделал путем: CSS .img{ text-align: center; margin:0 auto; } Теперь не знаю как сделать отступ, так как margin-top уже не работает. Подскажите, пожалуйста, как правильно сделать.

    Asked by Jawesome,

    0 votes
    3 answers

  18. Как разрулить ситуацию с onclick

    Есть выпадающее меню на div. Вызывается при помощи клика мыши на каком нить объекте. <img ... onclick="myPopup()">. Далее есть обработчик document.onclick который проверяет, есть ли под курсором меню и если есть то закрывает его. Сделано это для того что бы можно было кликнув мимо закрыть попап. В том случае если изначально меню открывается под курсором, то все нормально. Если же меню открываеться в стороне, то после img onclick открывающего меню, сразу же срабатывает document.oncick закрывающий меню. Требуется совет как разрулить ситуацию. Я вижу 2 возможности: 1. При открытии меню под ним на весь экран делать какой слой. Не хочется так как громоздко. 2. Как то уд…

    Asked by still swamp,

    0 votes
    11 answers

  19. Мастерам верстки. Верстка окон.

    Здравствуйте господа! Я пишу систему диалоговых окон и конечно столкнулся с верстанием их. Окна должны иметь возможность изменения размера. Целей своих я добился, но терзают меня сомнения, что сверстать эти окна можно более качественно. Окно имеет область содержимого, заголовок и восемь сторон масштабирования. Во время масштабирования мне приходится учитывать массу параметров (ширину левого бордэра, высоту заголовка и пр.), все эти значения участвуют в расчетах. Меняю я размеры практически всех элементов, в первую очередь область контента, также ширину заголовка, высоту левого и правого бордэра. При изменения размера общего контейнера(window), верстка съезжает, поэтому пр…

    Asked by haZe,

    0 votes
    2 answers

  20. Повторение фонового рисунка ячейки

    Подскажите пожалуйста, есть таблица ширина которой 100% в левой ячейке должен быть рисунок который повторяеться определенное колличество раз, но его нельзя обрезать так как он не будет стыковаться с другими рисунками. В центральной ячейке вложена таблица с текстом. Вопрос - можно ли сделать так чтобы повторение левого рисунка зависило от высоты этой таблицы. Если страницу настроить под одно разрешение экрана, то в других разрешениях высота таблицы будет либо меньше, либо больше и в зависимисти от этой высоты необходимо изменять количество повторений левого рисунка ??? Попробую задать этот вопрос немного по другому - можно ли как-то передать параметры одной таблицы в д…

    Asked by Aljnk,

    0 votes
    6 answers

  21. div

    Возможно ли выровнять сам блок div по центру страницы а не только его содержимое по среди блока?

    Asked by MefistofeleS,

    0 votes
    4 answers

  22. Верстка из Corel Draw

    Есть макет, нарисованный в Corel Draw, нужно сверстать из него страницу. Вопрос: как? С Photoshop все понятно, там слои, там порезать можно, там размеры. А как быть с Corel?

    Asked by vadimon,

    0 votes
    5 answers

  23. горизонтальное меню на CSS

    Здравствуйте! У меня проблема с горизонтальным меню, а именно ничего не получается.... по задумке должно всё выглядеть так: а получилось у мну так: я в отчаянии... HTML </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css" rel="stylesheet"> </head> <body> <div class="wrapper"> <!-- место для меню --> <div class="menu"> <ol> <li><a href="r…

    Asked by Diego,

    0 votes
    19 answers

  24. Обновленеи отдельного блока на сайте

    подскажите на сайте есть блок вывода последних сообщений с форума чтобы обновить последние сообщения надо обновлять всю страницу как сделать чтобы блок последних сообщений обновлялся отдельно от сайта желательно сделать так чтобы рядом с блоком была кнопочка обновить и при нажатии на нее этот блок обновлялся. если есть то можно готовое решение. сделал как тут написанно http://www.codething.ru/ajax.php все так как мне надо, но почемуто в опере белое окно и все, а в експлорере норм работает ————————— сделал так: <iframe id="frame" border='0' src='xxxxx' frameborder="0" marginheight="0" marginwidth="0" scrolling="No" style="border: 0px solid #000000"></iframe> &l…

    Asked by empy,

    0 votes
    0 answers

  25. помогите убрать подчеркивание ссылок с маркированных списков

    помогите убрать подчеркивание с маркированных списков Вот CSS вот страница, ее правая колонка... http://www.arbitr-hmao.ru/uridicheskoe-obs...l-due-diligence мне надо чтобы все ссылки в этой колонке не подчеркивались, но я не знаю как .... как я понимаю основной тег body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; } td.banner { background: url(../images/banner.jpg) } td.topline { margi…

    Asked by vovchikku,

    0 votes
    1 answer

  • Обсуждения

    • 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