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. Поиск в списке селект

    Всем доброго времени суток . Есть у меня такой рабочий скрипт поиска каналов на js ( вот здесь пример ). Все работает прекрасно , ищет , находит , подставляет найденную ссылку в трансляцию . Но есть одна не удобная вещь , надо искать и вводить название постоянно . То есть вводишь например "Моя Планета" , он находит несколько каналов, кликаешь на любой , а трансляция не идет и надо дальше опять вводить название и кликать на вторую ссылку с трансляцией ! Как сделать чтобы поисковое слово не сбрасывалось автоматом, а оставалась до тех пор пока сам не уберешь .

    Asked by zatocnik,

    0 votes
    0 answers

  2. доктайп блочит скрипт?

    вобщем сделал какую то страничку, на ней - скрипт,но не работает сволочь убрал <!DOCTYPE html> - заработало. больше ничего не менял,у тега скрипт не было атрибутов. Но без доктайпа не хорошо.как доктайп влияет на скрипты?

    Asked by Мелкий,

    0 votes
    0 answers

  3. Div ссылка и Z-index

    Такой вопрос:есть 5 ссылок и 6 картинок 1 статичная находится в контейнере рядом другие нужно подключить к этому контейнеру так чтобы они заменаяли статичную если наводишь на ссылки тоесть к каждой ссылке приписываем по 1 изображению. Я разобрался как работает это с java :вот код a href="#" onmouseover="document.getElementById('kartinka').src='../Images/smena2.jpg';" onmouseout="document.getElementById('kartinka').src='../Images/smena1.jpg';">пункт 1</a> <UL> <li><a href="#">пункт 1.1</a></li> <li><a href="#"> пункт 1.2</a></li> <li><a href="#"> пункт…

    Asked by Stripped,

    0 votes
    0 answers

  4. Проверка кроссбраузерности

    Есть какой-нибудь аналог IETester, но для старых хрома, лисы и сафари? Нашел только сайты, но там можно проверить только url, а хотелось бы по быстрому, не загружая на хост... И еще вопрос, касающийся градиентов. background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1) color-stop(0.6, #5BC9E5)); Значения позиции в color-stop 0.5, 0.6. откуда берут отсчет? От начальной точки градиента начинается 1 и дальше по убыванию? Т.е. в данном случае с обычным градиентом сверху вниз, наверху 1 а внизу 0.0. Но если бы градиент был по диагонали(0 100%, 100% 0) , то отсчет будет как я указал на картинке?

    Asked by ВикторТрошка,

    0 votes
    0 answers

  5. HTML5. Кроссбраузерное Оформление Placeholder...

    Здравствуйте. HTML5 изучаю недавно и на днях решил применить атрибут 'placeholder'. (с соответствующим плагином для кроссбраузерности.) В результате столкнулся со следующими трудностями: 1) Opera не поддерживает регуляцию цвета для текста. 2) В Safary невозможно отцентрировать текст по горизонтали. Буду благодарен, если кто подскажет обходные пути. (Возможно требуется прописать что-нибудь в скрипте? Я в этом не силён.) P.S. Также было бы неплохо понять, каким образом можно найти аналог св-ва ':focus' для инпутов в ie-7? (необходимо поменять цвет бордерам.) Пример страницы с проблемами находиться здесь: http://webmaster.ayrveda.ru/Placeholder/index.html Буду признателен за…

    Asked by Yamaradg,

    0 votes
    0 answers

  6. Закрепить слои к фоновому изображению

    Есть фоновая картинка (карта мира) на ней через слои нанесены точки. Не могу их зафиксировать что бы при разном разрешении всё было на своих местах. пример

    Asked by s133p,

    0 votes
    0 answers

  7. Верстка сложного изображения

    Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …

    Asked by Digidie,

    0 votes
    0 answers

  8. Прочтение строки document.cookies.

    Подскажите, кто знает. Задаю сначала строку для куки: document.cookie="name=Ivan; secondName=abcd;"; , а потом хочу ее вывести при помощи document.write(document.cookie);. Выводит только первую пару - name=Ivan и больше ничего. Должно ли так быть и если нет, то где может быть ошибка?

    Asked by webmos,

    0 votes
    0 answers

  9. Помогите разобраться с меню

    Ребята, помогите поправить меню. Сайт aboba.ru Хочу кнопки-картинки в меню шапки поменять на картинки+текст...Шаблон на табличной верстке. Пробовала делать так <tr><td colspan=2><a class="k1" href=$urlmyaccountlogo>МОЙ АККАУНТ</a></td></tr> в css прописываю класс .k1{ display: block; background: url(images/нужная мне кнопка без текста.gif); color: #FFF; background-repeat:no-repeat; outline: none; text-decoration: none; font-size:14px; } Уже справилась, так и не дождавшись ответа))) пробовала и размер картинки задавать, и как стиль прописывать...Получается что надпись видна, а кнопка либо частично либо вообще никак... Я новичок, не суди…

    Asked by nosovamg,

    0 votes
    0 answers

  10. vertical-align для инлайна

    http://jsfiddle.net/usfe/8yCx2/1/ вот не пойму, вроде 2 инлайна, почему vertical-align для инлайна question работает только относительно второй строчки, а не высоты всего инлайна?

    Asked by USF,

    0 votes
    0 answers

  11. Проблема с наследованием

    Привет ВСЕМ! Делаю генератор форм ... Столкнулся с проблемой верстки: При добавлении полей в форму - блоку bg_image передается длина.Он должен быть аналогичен форме, он-же вылезает за пределы... В чем может быть проблема ? вот код: <div class="scene-editor"> <form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form" style="z-index: 1;width: 354px; border: 2px solid rgb(188, 188, 188); margin: 0 auto; margin-top: 60px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; "> <div style="position: absolute; display: bloc…

    Asked by vyaceslav.kr,

    0 votes
    0 answers

  12. Как растянуть #contant на всю страницу?

    Сайт http://kofe.16mb.com/ Нужно для прижатия подвала к низу. HTML: <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Аренда и продажа кофемашин и продажа кофе</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> <body> <div class="topline"></div> <div id="contant"><div id="ave"><!--Приветствие--> <img src="img/logo01.png" alt="логотип" width="250" height="239" id="…

    Asked by vova.a99,

    0 votes
    0 answers

  13. Проблемы с подключением кирилличного шрифта через Google Fonts API

    Всем привет. Ситуация следующая: в англоязычной теме шрифт для заголовков не поддерживает кириллицу, вместо него подключаю нужный через Google Fonts API. Но по всей видимости англоязычный подключен через скрипты, по тому стандартная замена в css не срабатывает. Прошу помочь найти, где и как отключить шрифт по умолчанию, поскольку в этом не силен. Поменял стандартный шрифт 'FolksLightRegular' на нужный 'Comfortaa' /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; font-family: 'Comfortaa', cursive; Правильно ли я понимаю, что 'FolksLightRegular' нужно отключить только в functions.php, и если да по подскажите какие строки править. <?php include_once TEMPLATEPATH…

    Asked by Kolombo,

    0 votes
    0 answers

  14. Два дива по горизонтали, каждый по 50%

    Доброго всем дня! Подскажите, как создать в блоке "content"-->>"tab1" два блока равные 50% и расположенные по горизонтали (на данный момент один под другим). <style> #content {width:1000px; overflow:hidden; background: #fff; border-top: 2px solid #3d3d3d; padding: 2em;} .left-col{float: left; width:50%; border:1px solid #FF0000; margin-right:5px; margin-bottom:5px; padding: 0px 5px 0px 5px; } .right-col{float: left; margin-left: auto; border:1px solid #FF0000; padding: 0px 5px 0px 5px; } .title{width:100%; height:25px; background: #FFC; margin-left:auto;margin-right:auto; margin-top:10px; margin-bottom:10px;} </style> </head> <div id="conte…

    Asked by fabol,

    0 votes
    0 answers

  15. Красится не слева а весь контент.

    Всем привет! Кто подскажет в чем ошибка, мне нужно чтобы картинка была слева и справа а она заходит и в сайдбар и в контент, что делать? КОД- html

    Asked by Garikvoloshin,

    0 votes
    0 answers

  16. Кроссбраузерный вариант растягивание canvas на все окно

    Собственно нужно растянуть canvas во все окно браузера так, чтобы это было кроссбраузерно и умещалось в один экран (не было прокрутки). Сегодня пробовал самостоятельно решить эту проблему, однако не получил абсолютного удовлетворения от результатов моих стараний. Прошу помогите.

    Asked by Feel,

    0 votes
    0 answers

  17. настройка htacess

    Стоял редирект с lidomed.com.ua на алиас parkes.org.ua в htaccess. Теперь я удалил этот редирект, но в опере и хроме редирект остался. Как это исправить? AddDefaultCharset windows-1251 RewriteEngine on #RewriteCond %{HTTP_HOST} ^www\. #RewriteRule ^(.*)$ http://lidomed.com.ua/$1 [R=301,L] RewriteCond %{THE_REQUEST} /index\.php RewriteRule ^index.php$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /index\.html RewriteRule ^index.html$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /lechenie\.html [OR] RewriteCond %{THE_REQUEST} /contacts\.html [OR] RewriteCond %{THE_REQUEST} /opisanie\.html [OR] RewriteCond %{THE_REQUEST} /diagnostika\.html Rewri…

    Asked by apexis,

    0 votes
    0 answers

  18. Вопрос по flexbox

    Здравствуйте! Кто имел дело с flexbox? Не могу понять одну вещь... Свойство box-flex устанавливает пропорции в родительском окне. Однако оно устанавливает МИНИМАЛЬНЫЕ пропорции. Есть ли способ сделать так, чтобы эти попорции (т.е. ширина или высота дочерних окон) были в то же время и максимальными? Можно ли как-либо сделать это не прибегая к width и height (процентные значения которых всё равно не работают во flexbox)? Если нет, то зачем тогда этот flexbox нужен?

    Asked by Ithilgwau,

    0 votes
    0 answers

  19. Прогресс бар

    Перейдем сразу к делу - хочу сделать полоску, вернее блок, в котором будет написано количество пользователей, в данный момент использующих фтп, например так - [ 32/80 ], квадратные скобки показывают сам блок, они не будут использоваться, хотя это не имеет значения. Я хочу сделать так, что бы по мере заполнения доступных слотов менялся фон блока, то есть заполнялся как прогресс-бар и если пользователи уже заняли почти все или все место, то менялся цвет с зеленого на красный. Проблема в том, что у меня не получается придумать как это реализовать, допустим есть какая-то переменная, в данный момент она равна 32. Сделать смену цвета - дело пары секунд, а вот как сам прогр…

    Asked by Warrangie,

    0 votes
    0 answers

  20. Верстка кнопок одинаковой высоты

    Необходимо сверстать 4 кнопки одинаковой высоты в столбик с помощью CSS3. Блок, в котором находятся кнопки ограничены по ширине. Проблема возникает, когда текст кнопки не вмещается в заданную ширину и переносит текст. Необходимо, чтобы надписи на кнопках были центрированы по вертикали (по горизонтали тоже) при заданной высоте, т. е. чтобы если текст кнопки переносится на другую строку, высота при этом не увеличивалась. Делаю так. В моём примере высота увеличивается. <ul> <li><a href="" class="button"><span>Текст</span></a></li> <li><a href="" class="button"><span>Текст</span></a></li> <li&g…

    Asked by artwalek,

    0 votes
    0 answers

  21. Дефолтные значения в IE

    Всем привет. У меня вопрос относительно дефолтных настроек свойств атрибутов у элементов в IE. Поставил firebug lite для IE9 и вижу что размер шрифта по умолчанию в этом браузере равен 12 Points (в firefox'e font-size: 16px по умолчанию). Вопроса два: 1. Где в ие можно изменить размер шрифта на px по умолчанию. 2. Если ли лучшее средство просмотра дефолтных настроек в ие кроме firebug'a

    Asked by jopka,

    0 votes
    0 answers

  22. авторизация через соц.сети

    у меня вопрос по авторизации через соц.сеть для её реализации я пробовал использовать популярные плагины для cms. uLogin, loginza, social login. недостаток их в том, что для одного и того же пользователя, зашедшего через разные соц.сети создаётся новый аккаунт. таким образом если я например авторизовался через вконтакте, твиттер, фейсбук, моймир , то у меня в админке будет 4 аккаунта скажите пожалуйста, этого никак нельзя избежать? встречались ли вам решения, которые не имеют описанного недостатка?

    Asked by cyklop77,

    0 votes
    0 answers

  23. Водяной знак на NextGEN Gallery

    Здравствуйте. Нужно установить водяной знак в виде картинки. Я делаю так. Захожу в настройки>водяной знак.Ставлю галочку Использовать изображение в поле прописываю путь к картинке так http://www.btn.kiev.ua/wp-content/themes/StoryMag/images/edormovoogo.gif ( картинку пока загрузил любую для проверки ) Потом захожу в раздел Галереи, выбираю нужную галерею.Ставлю галочку на той картинке где я хочу установить водяной знак, выбираю установить водяной знак, принимаю настройки. Но лого на картинке нету. В чем моя ошибка?

    Asked by BTN,

    0 votes
    0 answers

  24. Резиновая вёрстка + img

    Тему можно удалить

    Asked by LWDM,

    0 votes
    0 answers

  25. нужна помощь с выпадающим меню

    Здравствуйте. Очень срочно нужна помощь. Возникла проблема при верстке выпадающего меню на css. При открытом выпадающем меню, когда курсор находится вне ссылки верхнего уровня пропадает фоновая картинка под этой ссылкой (она становится неактивной). <!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>Документ без названия</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="contai…

    Asked by annet,

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