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. Кнопки

    У меня такая проблема, помогите плиз...сделал ссылку такого вида <a href="URL" target="_blank"><button type="button">Слово</button></a> и столкнулся с тем что Опера и другие браузеры проходят по ссылке, а IE ни какой реакции, как только убираю кнопку ссылка работает, как быть, чтобы и кнопка была и эксплорер как то реагировал, ссылка на сайт с проблемой Проблема с кнопкой, помогите плиз... P.S IE обязательно так как сайты защищенные и на Опере и других браузерах не работают (HTTPS) P.P.S Заходил на сайт с браузеров Mozilla Firefox 3.5, Opera 9.63, IE 6 (7,8)

    Asked by MHz,

    0 votes
    7 answers

  2. Флэш вылазиет за страницу(

    В общем не могу ничего понять, на сайте есть флэш в таблице справа, на моём разрешении всё номрально, но начинаю пробовать более маленькие происходит вот такая беда в цссе примерно слеждущее body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertical-align : text-bottom; } input, textarea, select { font-family : inherit; font-size :…

    Asked by Quest182,

    0 votes
    1 answer

  3. Ссылки на папки

    Здравствуйте! Подскажите, пожалуйста, как решить проблему. Сделал на сайте ссылки на папку, выглядит следующим образом <a href="\\Common\Схемы">СХЕМЫ</a>. IE папку открывает, а вот другие браузеры такую ссылку не понимают. Как им объяснить правильно? Спасибо!

    Asked by Zuma,

    0 votes
    4 answers

  4. Помогите с обтикатием.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- BODY { margin: 0 0 0 0; } #left { width:235px; height:500px; float:left; background-color:#06F; } #content { float:left; background-color:#0CF; width:50%; height:200px; } --> </style> </head> <body> <div id="left">left</div> <div id="content">centor</div> </body> …

    Asked by dimanlin,

    0 votes
    3 answers

  5. Padding-top и height:100%

    есть следующий цсс фаил html, body { height:100%; width:100%; } body { font: 12px/100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ width:1000px; position:relative; } #height_container { background: #999999; height: 100%; /* для IE6 */ min-height: 100%; } #footer, #height_container, #header { width:100%; } /**html #height_container { overflow: visible;…

    Asked by Love_silense,

    0 votes
    9 answers

  6. Цвет ссылки наследуемый от цвета текста

    Можно ли сделать следующую вещь: Прописать класс ssylka таким образом, чтобы в первом случае ссылка была красного цвета, а во втором синего?

    Asked by Колос,

    0 votes
    10 answers

  7. display: blick - для меня загадка

    здрасте делаю список, фоном делаю картинку, все как бы понятно, но на этапе добавления display:dlock все плывет в IE появляются загадочные пробелы между элементами спаска может кто знает в чем дело спасибо заранее вот код _________________________________________ <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="left"> <p>tili tili, trali-vali</p> <ul id="menu"> <li><a href="index.html"> home</a></li> <li><a href="index.html"> ueber uns </a></li> <li><a href="index.html"> team </a></li> <l…

    Asked by katrin_qq,

    0 votes
    4 answers

  8. Уголки не спускаются.

    Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…

    Asked by alex39x,

    0 votes
    0 answers

  9. Уголки не спускаются.

    Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…

    Asked by alex39x,

    0 votes
    0 answers

  10. Подскажите, как сделать элемент

    Здравствуйте. Нужно сделать элемент. http://img3.imageshack.us/img3/2631/elementf.gif Тут хорошо подходит fieldset, но вот что делать с изображением самолёта. Как его переместить? Я пробовал помещать в div, ставить различные position, но ничего не выходит. Подскажите как быть, или может быть как по другому реализовать такой элемент?

    Asked by Flake,

    0 votes
    1 answer

  11. Как сделать тянущийся input, текстовый.

    Собственно тема!

    Asked by dimanlin,

    0 votes
    1 answer

  12. Динамический Select

    Хотелось бы узнать как сделать динамические выпадающие списки, то есть: имеется 2 элемента Select, в первом элементе есть 2 варианта выбора, Задача как сделать чтобы при выборе значения из первого селекта, во втором менялись значения от выбранного варианта первого Пример: в первом селекте 2 варианта (Сервер1 и Сервер2), при выборе Сервер1, во втором селекте появляются варианты выбора (Пример1, Пример2, Пример3), При выборе Сервер2 в этом же селекте появляются варианты (Пример4, Пример5, Пример6) с условием то не добавляются во второй селект а заменяются, вот как так, кто знает тот поймет о чем я, 100% это как то делается через массив строк, как связать все это что то не п…

    Asked by slavok47,

    0 votes
    7 answers

  13. как убрать из css всё лишнее?

    Верстаю страницу(только учусь), за всё время вёрстки этой страници, удаление/добавление объектов, в css появилось много мусора, который не был удалён. Как выкинуть всё лишнее из css? Какие-нибудь автоматизированные средства есть?

    Asked by dimanlin,

    0 votes
    2 answers

  14. Отправка данных из одной формы в разные БД

    Собственно с одной проблемой разобрался в этой теме http://forum.htmlbook.ru/index.php?showtopic=16079 там продолжать не стал, т.к вопрос о другом хотя и связан с темой выше, а продолжать вот о чем, как бы сделать так что бы данные отправлялись в ту базу которая указана в выпадающем списке на форме, я пока не могу понять как это будет выглядеть теоретически, не говоря уже о практике, есть одно условие эта функция должна выполняться на стороне клиента, так как форма на хостинге который не поддерживает PHP, соответственно путь к обработчику выглядит так <form action="http://адрес/insert.php" method="post" name="form" onReset="setDefaults(this);">

    Asked by slavok47,

    0 votes
    14 answers

  15. ТАБЛИЦЫ

    Всем привет!Я новенький, хочу попробывать создать сайт пофтыкать туда картинок, красивых букавак, ссылок ну в общем попробывать наполнить его интересной информацией по мере возможностей.И решил начать работу с того что главную и еденственную интернет страницу разбить на табличные блоки в которые потом поместить картинки, ссылки типа меню и тд т.е. первоначальная цель создать таблицу состоящию из одной строки одного столбца для того чтобы в неё вставить картинку, расположение таблицы дожно начинаться с верхнего левого угла 0 px то есть строго от начала границы листа ибо нужно избежать пустого поля страницы.картинка должна полностью заполнить всю таблицу, ну в общем я хочу…

    Asked by shatl,

    0 votes
    7 answers

  16. Флеш в Opera

    Здравствуйте. Есть вот такой код <div id="expanding-hero" onclick="init()"> <object id="expandDemo" height="500" width="968" type="application/x-shockwave-flash" data="*******"> <param name="quality" value="high"/> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="opaque"/> <param name="scale" value="exactfit"/> <param name="allowscriptaccess" value="always"/> <param name="allowFullScreen" value="true"/> <param name="flashvars" value="xml_loc=virtualdrivecontenthandler.ashx%3fmodel%3dmazda3%26rand%3d633869671986718750&lcConn_01=connection01_633869671986718750&lcConn_02=connection…

    Asked by Maxroso,

    0 votes
    1 answer

  17. вкладка

    Вот пробую сделать страничку, и столкнулся с проблемой, не могу убрать линию под дивом с надписью "тарам" , чтобы было типо вкладки, на сайте просматрел про параметр display: inline но он не срабатывает. Помогите, пожалуйста, уже непервый день над этим думаю:/ (про чистоту кода можете ничего мне не говорить, позже исправлю=) ) CSS: *:focus {outline: none} body { font-family: arial; font-size: 13pt; } html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img { margin: 0; padding: 0; } div { margin: 0; padding: 0; position: relative; } #page { width: 100%; height: 100%; } #head { width: 100% } #body { margin: 10px…

    Asked by Yahoo!,

    0 votes
    0 answers

  18. Problems with H1 tag

    I have a breadcrumbs in span tags, first bread crumb is "Home", rest of them shoulb be in <h1> tag, all breadcrumbs should show in one line, but <h1> breaks line. If I remove <h1> tag from code below, it works fine, all breadcrumbs are in one line. Please help how resolve it with CSS Example Code: <html> <head></head> <body> <table cellspacing="0" cellpadding="0" width="100%" border="1"> <tbody> <tr> <td nowrap="nowrap"> <a href="./">Home</a> <h1> <span> » <a href="page1.html">BreadCrumb1</a> </span> <span > » <a href="page2.html">BreadCr…

    Asked by ihorko,

    0 votes
    1 answer

  19. Может кто подскажет...

    Привет. Я делаю шахматную страничку(игра).Многое уже сделано.Раньше я использовал event onclick(1 раз отмечаешь фигуру,второй клик клетку куда идешь)Не было проблемм.А сейчас чтоб 2 раза не кликать решил использовать event onmousedown и onmouseup.И не работает.Когда нажимаешь мышку на клетке появлбяется другой курсор-вместо стрелки -перечоркнутый кружок и event не работают,ничего не происходит. Но что интересно если первую строку Javascript кода onmousedown сделать alert(".....") то все работает. Нажимаешь мышку ,выскакивает месага,нажимаешь на клаве enter,месага уходит и дальше курсор не меняется и таши вигуру куда хочешь. <DIV class=desk id=BA8><IMG id=A8 cla…

    Asked by bypath,

    0 votes
    1 answer

  20. Нужен совет

    Есть bg резиновый по вертикали background как сделать нижний элемент графики фоновым? пытался абсолютным позиционированием и z-index что то не получилось, фон перекрывал контент

    Asked by WalkMan,

    0 votes
    11 answers

  21. ТАБЛИЦЫ, группировка строк

    как сгруппировать строки? так я сгруппировал столбцы, теперь сгруппироваться отдельные ячейки в этой колонке, в этом случае строки, так как каждая колонка у меня разная. колонки сгруппировал так: ..... <colgroup> <col class="class1" /> <col class="class2" /> </colgroup> ..... <td scope="col"> .....

    Asked by termoplus,

    0 votes
    4 answers

  22. вопрос по раздвижному каталогу

    Здравствуйте! возможно, у кото-то найдется время помочь начинающему... ??? есть простой код: он взят из этого же форума) <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> <ul> <li> <a href="01.php" onclick="toggle_show('mm')">Название 1</a> <ul id="mm" style="display: none"> <li><a href="11.php" подраздел 11</a></li> <li><a href="12.php" подраздел 12</a></li> <li><a href="13.php" подраздел 1…

    Asked by voprospokodu,

    0 votes
    5 answers

  23. иконка

    .................

    Asked by cosonic,

    0 votes
    3 answers

  24. CSS для внешних страниц

    Приветстую коллеги, вопрос вот в чем, у меня есть сайт, на нем есть один раздел, в котором есть психологические тесты, все бы хорошо, но вот есть проблема, тесты на внешнем сервере, то есть просто сторонний сервис. Я хочу сделать тае, на странице ссылки на разные тесты, при клике открываются в новом окне без панелек, кнопок и прочего. Есть одна маленькая проблема - тесты все оснащены лишними блоками, которые имеют свои классы, блоки типа лого сервиса и прочей лабуды, скрыть из можно просто display:none; но вот как бы это сделать для внешней страницы, вот в чем вопрос. Помогите плиз найти решение

    Asked by iWizard,

    0 votes
    8 answers

  25. Уроки блочной верстки сайтов

    Asked by leff,

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