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. Валидация javascript

    Привет всем! помогите исправить ошибки валидации javascript. Line 291, Column 51: delimiter "'" invalid: only S separators and TAGC allowed here 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Line 291, Column 51: end tag for element "SC" which is not open 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Вот сам пациент справочник-строителя

    Asked by vadimcucherencko,

    0 votes
    4 answers

  2. div:hover и свойство color

    Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.

    Asked by soler,

    0 votes
    2 answers

  3. Подскажите нубу

    Начал изучать сайто-строение, для примера решил сделать сайт о группе SOAD... вот код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <title>SOAD</title> <style> .center { width: 800px; /* Ширина элемента в пикселах */ height: 1000px; padding: 10px; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ background: #000000; /* Цвет фона */ } body { background: #333333; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div class="center"> <img src="shapka.png" widt…

    Asked by IgnatVoronov,

    0 votes
    8 answers

  4. fixed и float

    Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>

    Asked by kuller,

    0 votes
    1 answer

  5. Не работает background-size

    Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }

    Asked by voin545,

    0 votes
    2 answers

  6. LightOpenId

    Здравствуйте! Почему если добавить доктайп, в начало страницы, то при нажатии на кнопку скрипт отказывается принимать GET запрос login? это относится ко всему, если добавить в начало страницы. вот оригинальный пример авторизации через google с библиотеки lightopenid <?php # Logging in with Google accounts requires setting special identity, so this example shows how to do it. require 'openid.php'; try { # Change 'localhost' to your domain name. $openid = new LightOpenID('admin.top-5ive.net'); if(!$openid->mode) { if(isset($_GET['login'])) { $openid->identity = 'https://www.google.com/accounts/o8/id'; header('Location: '…

    Asked by ArtDesire,

    0 votes
    5 answers

  7. CSS

    Объясните, пожалуйста, как верстать по картинке? Желательно разложить все по шагам. Заранее спасибо

    Asked by jon4eg,

    0 votes
    4 answers

  8. Структура документа на HTML 5

    Здравствуйте! Подскажите, правильно ли я использовал новые теги HTML 5? Если нет, поправьте пожалуйста. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Страничка на HTML 5</title> </head> <body> <section> <header> <h1>Страничка на HTML 5</h1> <nav> <ul> <li><a href='#'>Пункт меню 1</a></li> <li><a href='#'>Пункт меню 2</a></li> <li><a href='#'>Пункт меню 3</a></li> …

    Asked by TIMA,

    0 votes
    7 answers

  9. А можно ли

    можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.

    Asked by supernet95,

    0 votes
    1 answer

  10. Можно ли...

    Можноли, как то залить на сайт свой шрифт и употреблять его для текст

    Asked by supernet95,

    0 votes
    2 answers

  11. Carousel in Twitter Bootstrap

    Здравствуйте, использывал карусель от бутстрепа, нравилось то что можно было вставлять картинки большего формата и карусель автоматом уменьшала их. bootstrap 2.0.1: bootstrap 2.0.2: Не могу найти и за чего карусель увеличилась. Если знаете подобную карусель которая умеет уменьшать картинку подскажите пожалуйста. код страници где вставлена карусель: Changelog v 2.0.2 CSS файл версии 2.0.1

    Asked by ShootingStar,

    0 votes
    0 answers

  12. Показ изображения и капча код.

    Всем добрый вечер. Помогите пожалуста, как зделать чтобы при нажатии на изображение оно отрывалось не в новой вкладке как в фейсбуке или в контакте? Второй вопрос, как вставить проверочный капча код при вводе сообщения как на этом сайте?

    Asked by Hypnoso,

    0 votes
    2 answers

  13. Помогите найти ошибку

    Помогите найти ошибку <html> <head> <script> function otkr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "block"; } function zakr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "none"; } </script> </head> <body> <a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a> <div id="svertmenu" style="display: none;">Это меню</div> </body> </html>

    Asked by supernet95,

    0 votes
    8 answers

  14. Помогите с банальным меню и css

    Ребята, мне надо сделать горизонтальное меню. Пробовал уже валом разных методов, но у меня наверное где-то допущена ошибка. Подскажите как решается такая проблема. Да так, что бы во всех браузерах было одинаково. Нормально отображается в chrome, firefox, но в IE - вообще маразм. Может можно это сделать проще? ширина сайта 1024px ширина меню (от первой до последней буквы) 927px код html: <div class="main"> <div class="men"> <ul class="menu"> <li class="novosti1"><a href="#"</a>новости</li> <li class="biografia1"><a href="#"</a>биография</li> <li class="embed1"><a href="#"</a>embed&lt…

    Asked by aov000,

    0 votes
    17 answers

  15. Как можно открыть нужную папку сайта в проводнике Windows?

    Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.

    Asked by borus,

    0 votes
    6 answers

  16. Верстка нестандартного меню

    Добрый день уважаемые форумчане. Возможно заголовок темы для кого-то прозвучит слишком вычурно, ибо он создаёт такие меню на раз-два. Дело в том, что я столкнулся с таким меню впервые. Меня вводят в замешательство косые правые и левые бордеры у элементов меню. Если не сложно, дайте пару советов, как верстать меню с таким вот необычным дизайном. К сообщению прилагаю две картинки: стандартное состояние и хавер (ссылки на альбом вконтакте). 1. http://vk.com/id167533842?z=photo167533842_281100254%2Fphotos167533842 2. http://vk.com/id167533842?z=photo167533842_281100253%2Fphotos167533842

    Asked by nazarlee,

    0 votes
    4 answers

  17. Кривой backgroung-image в устройствах iPhone и iPad

    Проблема следующая. Сделал сайт-визитку. Таблица из 3-х строк(шапка, контент, подвал), в каждой по ячейке. Каждой из ячеек прописал backgroung-image. Сайт во всех браузерах отображается нормально, но если заходить с iPhone или iPad бэкграунд контента сжимается и занимает лишь половину ширины, в то время как шапка и подвал отображаются как следует. В чем может быть дело? HTML <tr> <td id="header"></td> </tr> <tr> <td id="content"></td> </tr> <tr> <td id="footer"></td> </tr> CSS #header { width:1024px; padding:0px; height:335px; margin:0px; background-image:url(../img/header.jpg); } #content { m…

    Asked by santik,

    0 votes
    2 answers

  18. Облачко для комментариев

    Здравствуйте, дорогие друзья! Очень нужна ваша помощь. Сейчас верстаю страничку и всё никак не могу сделать вот что из этого мне нужно сделать это верстаю для wordpressа. Никак не могу закинуть это облачко за границу этого заголовка. Также не могу количество комментариев переместить внутрь облачка. Помогите, добрые люди) Пожалуйста. Заранее спасибо.

    Asked by kranopodem,

    0 votes
    3 answers

  19. Ссылку с вложенной таблицой не работает в IE

    Доброго всем времени суток. Столкнулся со следующей проблемой при верстке шаблона. На сайте есть много разделов с оборудованием. Ссылки на разделы реализованы в виде списка в боковом меню <ul> <a href="/"> <li> <table cellspacing="0" cellpadding="0"> <tbody><tr> <td class="img-td"><img src="box.png"></td> <td class="sidebar-text">GSM- комплекты</td> </tr> </tbody></table> </li></a> …

    Asked by santik,

    0 votes
    12 answers

  20. Ссылку с вложенной таблицой не работает в IE

    Ошибочная тема

    Asked by santik,

    0 votes
    0 answers

  21. min-width и body

    Хм есть блочный макет сайта, в нём есть html, body и #all но вот проблема, при изменении масштаба просмотра в браузере, и появлении горизонтальной полосы прокрутки, их ширина не увеличевается больше 100%, хотя как показывает firebug правило min-width:100%; работает * { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:Arial; vertical-align:baselinebaseline; } p, html, body, #all { font-size:14px; font-family:Arial; line-height:1; } body, #all { height:100%; background:#fff; color:#000; min-width:100%; } вот CSS <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> </head> <body> <div id="all"> …

    Asked by strangerliquid,

    0 votes
    5 answers

  22. как одним чекбоксом задавать сразу два параметра?

    В интернет-магазине есть форма с чекбоксами для фильтрации товаров по цене. Например: чекбокс1:"от 500 до 1000руб", чекбокс2:"от 1000 до 1500руб" и т.д. То есть каждый чекбокс должен передавать сразу 2 параметра: минимальную и максимальную цену. Как для этого нужно задать параметры name и value?

    Asked by Koroed,

    0 votes
    2 answers

  23. Проблема с отображением фотографий

    Здравствуйте! Есть сайт, на котором миниатюры фотографии (форматов jpg и jpeg), отображаются с потерями в качестве в браузерах Mozilla и Opera, и без потерь в Google Chrome. (в IE не проверяла). В полном размере фотографии отображаются с помощью плагина fancybox и без проблем. Сайт работает на Umi.CMS. Почему миниатюры искажаются? Это проблема браузеров или CMS?

    Asked by vikver,

    0 votes
    6 answers

  24. Прижать footer к низу страницы

    Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; hei…

    Asked by romanov,

    0 votes
    15 answers

  25. Раскрывающийся список

    Добрый день !!! Сделал раскрывающийся список, но хочу ещё в добавок поставить значок "+" перед списком и сделать так что бы он менялся на "-" если список раскрыт. http://jsfiddle.net/wgyN6/ Честно говоря даже не знаю как лучше сделать, можете подсказать как лучше? Думаю загрузить две картинки и . но как организовать смену этих картинок по щелчку, я не знаю

    Asked by nematora,

    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