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. поменять блоки местами

    Всем привет НЕ могу решить проблему есть центр, левый и правый сайдбары в центре некий блок podborka и блок text визуально - podborka выше мне нужно, чтобы в коде блок text был прописан выше блок text спозиционирован статично если прописывать блоку podborka position:relative,margin-top то он становиться зависимым от длины текста если прописывать adsolute, то, если сжимать окно, он залезает на левый сайдбар как решить задачу? спасибо #text { text-align:left; margin-top:350px; } #podborka { height:342px; position:absolute; width:675px; top:420px; left:50%; margin-left:-337px; } html <div id ="center"> <div id = "text"&…

    Asked by cardsmoney,

    0 votes
    5 answers

  2. Две формы на одном уровне

    Подозреваю, что спрашиваю что-то элементарное, но, тем не менее, не с этим побороться. Имеются две формы: <form name="form1"> ..... </form> <form name="form2"> ..... </form> Как их расположить на странице на одном уровне (а не друг под другом)?

    Asked by rolling,

    0 votes
    6 answers

  3. Div верстка (высота и фон)

    Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…

    Asked by darewangog,

    0 votes
    5 answers

  4. 2 изображения в фоне сайта

    Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.

    Asked by StasFetisov,

    0 votes
    5 answers

  5. Как можно изменять ширину слоя для разных страниц?

    Есть несколько страниц. Необходимо изменять ширину cont_col0, cont_col1, cont_col2 от странице к странице. <div id="content_top"></div> <div id="content"> <div id="cont_col0">колонка 0</div> <div id="cont_col1">колонка 1</div> <div id="cont_col2">колонка 2</div> </div> <div id="content_bottom"></div> #all_content{width: 1000px; margin-left: auto; margin-right: auto; margin-top:8px;} #content_top{height: 10px;width: 1000px;} #cont_col0{ width: 200px; /*<--*/ margin-left: 6px; padding-left:5px; float:left; } #cont_col1{ width: 360px;/*<--*/ margin-left: 5px; padding-left:10px; f…

    Asked by comsequent,

    0 votes
    5 answers

  6. Убрать поле для скрола в TEXTAREA

    Здравствуйте! Скажите как убрать или прописать в стилях для того что бы скрыть поле для прокрутки, которое расположено справа в TEXTAREA: <form> <textarea rows="10" cols="45" name="text"></textarea> </form>

    Asked by Drozdetskij,

    0 votes
    5 answers

  7. Как такое сверстать дивами?

    Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div> <div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div> <div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div> <div style="clear:both;"></div> <div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;"> <div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</…

    Asked by mff,

    0 votes
    15 answers

  8. ПОМОГИТЕ ! ! ! Я не могу грамотно назвать свой вопрос и не умею обнулять маргин с паддингом у боди.

    Как сделсть так чтобы между шапкой и меню не было пустого места ! ! (donskoysf.narod.ru) <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <center> <table border="0" width="60%" align="center" bgcolor="#c2c2c2"> <tr> <td><img src="images/01.jpg" ></td> </tr> <tr> <td> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href=""><span>Главная</span></a></li> <li><a href=""><span>Стандарты пород</span></a></li&gt…

    Asked by kirillps,

    0 votes
    19 answers

  9. div внутри ячейки

    Собственно вопрос таков. Как растянуть по высоте дивку, которая находится внутри ячейки с динамической высотой???

    Asked by NeoZ,

    0 votes
    3 answers

  10. th атрибут scope

    Иногда вижу в коде у тэгов th атрибут scope (значения col или raw). Что он делает я примерно представляю, но можно ли его использовать, то есть соответствует ли он стандарту XHTML?

    Asked by Djo,

    0 votes
    2 answers

  11. Видео

    Всем привет! Стал изучать язык разметки. Столкнулся с такой проблемой. Пытаюсь установить видео на страничку. Код выглядит следующим образом: <p><object><embed src="film.avi" width="800" height="500" border="1" align="center" type="video/avi"></embed></object></p>. Открываю страницу через IE - все без проблем. Через firefox (версия 3.6) пишет, что не найден необходимый модуль. Пробовал менять тип, и "application/x-mplayer2", и "application/x-mpeg", и "application/x-director" и т.д., но результат тот же: IE воспроизводит видео, firefox - нет. При этом у меня инсталлирован и QuickTime, и Flash player. Все свежие. В чем проблема? Заранее …

    Asked by Neuling,

    0 votes
    7 answers

  12. jQuery плагин AnythingSlider

    Здравствуйте, увы, знаний не хватает, терпения а может логики....скачал плагин слайдера AnythingSlider, решил подогнать под свой сайт, начал с размера слайдера, в итоге размер слайдера подогнал, но содержимое отображается некорректно, при прокрутке один элемент на 10% процентов налезает на другой, то есть на одной странице слайдера два элемента....в оригинале кода всё отображается корректно, тронул только параметры width и heght,от остальных толку не было... Вот страница корректно работующим плагином, но на странице нет кода стиля.... Оригинальный код плагина.... /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: ht…

    Asked by playshane,

    0 votes
    2 answers

  13. добавление нажатием кнопки

    здрасте всем. нужна помощь. пишу админку. не хочу мучить различных пользователей при заполнении текста с учетом различных тегов. ищу решение как добавить текст (с картинкой или без) на место курсора (к примеру в тег textarea) нажатием кнопки? или была мысль кнопкой обзор вытащить содержимое или путь, а потом другой кнопкой это содержимое или путь вставить куды-нить на место курсора. заранее спасибо.

    Asked by iluhin-mail,

    0 votes
    3 answers

  14. Убрать подсветку submit-а

    Кто-нибудь знает, как отключить подсветку submit-а? В IE и Opera при кликах на полях формы на submit-е появляется дополнительный контур - как бы подсветка. Нужно, чтобы submit никак не менялся. Полагаю, это делается через стили для стандартных submit-ов. Что интересно, button ведет себя "спокойно" пока его не трогают. Но надо отправлять данные, поэтому submit

    Asked by Dotod,

    0 votes
    12 answers

  15. Дублирование нижней границы таблицы в ИЕ

    Столкнулся с необъяснимой для себя проблемой. Скажу сразу, что характерна она только для ИЕ (замечено и на 7, и на 8). Имеется следющий код: <form method="post" id="searchform" action="?action=navi&scriptname=searching.php" onsubmit="set_values();"> <table style="border-bottom:2px solid red;"> ..... некоторые элементы типа <input> и <select> ..... <form id="someid"> Форма </form> ...... </table> </form> Проблема состоит в следующем: при добавлении в таблицу формы someid - нижняя граница рисуется дважды: там где надо и в районе формы someid. Стоит форму убрать - линия пропадает. Объясните п-ста, почему так…

    Asked by rolling,

    0 votes
    9 answers

  16. background и IE

    Не пойму почему IE не воспринимает ни background ни border для блока <div id="layout"> . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Gor_spis</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; } </style>…

    Asked by ardjuna,

    0 votes
    14 answers

  17. как сделали данный эффект

    Добрый день! Подскажите пожалуйста как сделан эффект полупрозрачности картинок на данной страничке средствами CSS или javascript? http://driverlab[tochka]ru/page/25

    Asked by Prokopov Nikolai,

    0 votes
    9 answers

  18. Верстка DIV

    Возникла проблема с div. Суть вот в чем: есть главный div, в нем есть дочерний в котором строится таблица. При налиции большого объема данных дочерний div должен выходить за рамки главного. что то типо этого. Проблема в том, что в IE 7 дочерний div не выходит за границы главного, перекрывая примыкающий справа div. как это можно исправить. PS: в FF все отображается как надо

    Asked by sviloga,

    0 votes
    9 answers

  19. SEO верстка

    Здравствуйте, есть двухколоночный макет с прижатым футером <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка</title> <style type="text/css"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100…

    Asked by Guuurd,

    0 votes
    8 answers

  20. Навигация

    Как думаете, такая навигация имеет право на жизнь? http://www.greymlelelele.chat.ru/gepeBo.html Просто на сайтах такую не встречал, а захотелось, что б с любой страницы можно было спокойно в один клик перейти любую другую страницу. Сделать покрасивее и норм вроде будет. Доступ с клавиатуры обеспечен! Скрипты отключены - пользуйся ссылками. Как мне показалось, код получается огромным - это минус, и всё, в остальном одни плюсы?

    Asked by Yahoo!,

    0 votes
    12 answers

  21. CSS! Помогите кто знает!

    Народ, создал сайт на div (слоях), просматриваю в Опере 10 все нормально, а в ИЕ 8 (меню и текст по центру экрана уезжает немного в сторону) , если же меняю размер под ИЕ, то в Опере получается сдвиг! Вот ссылка на сайт http://kartodel.orgfree.com/testovik.html . В CSS (вот ссылка http://kartodel.orgfree.com/style.css) оставил только размеры меню и цветовые изменения ссылок. Уже несколько дней парюсь, в чем может быть дело. Подскажите кто знает, очень нужно.

    Asked by Shumik,

    0 votes
    6 answers

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

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

    Asked by DjTarik,

    0 votes
    16 answers

  23. Google "не знает" или как я не нашел ответа.

    Друзья, доброго времени суток! Возникла проблема в изменеи шрифтов и их размера, а так же - как изменить положение на страничке какого либо "слова" или "окошка" (а конкретней - как задать расположение на странице "поиск и около него окошка"? И как построить или создать рамку, чтобы в ней находилмся например уже созданый календарь или Мини чат. Вот адрес http://el-music.do.am/

    Asked by Mihan.NN,

    0 votes
    5 answers

  24. XML kodirovka

    Warning: DOMDocument::save() [domdocument.save]: string is not in UTF-8 in Z:\home\testu1.ua\www\scripts.txt on line 86 ne prinimaet kirillizu(((( chto delat'?

    Asked by qwqwqw,

    0 votes
    1 answer

  25. Hover

    Доброе время суток. Неравно решил попробовать себя в изучении создания сайтов Решил сделать панельку вверху сайта, типо меню: в фотошопе сделал фон в виде градиента написал там разные буковки для обозначения мест выплываюших меню... которые в последствии хочу ссделать с помошью visibility. Первым делом сделал блок под размер фоновой картинки размером 1100х160. Далее в этом блоке сделал еше один для того чтобьы отметить участок первого слова (ну для выплываюшего меню). А тут начались проблемы: идея была в том что при наведении мышки на этот блок будет изменятся его фон точнее картинка тем самым как бы подсвечивая первоначалюную надпись на панели, это я хотел сделать с …

    Asked by clakson,

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