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://screenshot.su/show.php?img=4a1efdce2729c3971289c6608b89f642.jpg Также подскажите как увеличить отступ по краям (хотя бы слева)

    Asked by Mr_ILYAS,

    0 votes
    2 answers

  2. Фиксированный Блок Новые Возможности

    А как поместить "Фиксированный Блок" <div id="Блок1"></div> на задний план перед "Не фиксированным или с параметрами css #Блок2 {width:515px; margin:0 auto; position: relative;" <div id="Блок2"></div>??? Проблема: Разрешение у всех разное у кого маленькое у кого большое. "Фиксированный Блок" - картинка. На маленьком экране налезает на Блок2. Но Блок1 Полюбас должен распологаться в левом нижнем углу с параметрами фиксации #Блок1 { width:300px; height:430px; background-image:url(../Блок1.png); position: fixed; left:0; bottom:0;} так как это картинка на которой изображен человек по пояс. И он должен быть на своем мес…

    Asked by americanshop,

    0 votes
    1 answer

  3. Проблема с include

    Возникла следующая проблема:если какой-то блок включать инклюдом то появляется пробел если вставить просто код без инклюда то пробела нету не понимаю что за бред не имеет значения вносить элементы таблицы в пхп блок или нет результат один. С инклюдом: index.php : <? include("blocks/bd.php"); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="styles/main.css"> <title>Документ без названия</title> </head> <body> <table width="690" align="center" class="main_border"> <? include("blocks/header.php"); ?> <tr> <td valign="top" bgcolor="#FF…

    Asked by oleg.kan,

    0 votes
    5 answers

  4. Перенос строки

    Имеется вот что http://jsfiddle.net/eyMtV/ Надо что бы при переносе строки она выравнивалась нормально, а не была под ценой. Т.е. слово "Элит" должно быть под "Зеленый" Непонятненько как сделать

    Asked by Coffin,

    0 votes
    2 answers

  5. В FF 14.0.1 блоку над видео с youtube ломает углы.

    Есть вот такой блок с border-radius'ом , когда она появляется над вставленным видео с youtube то в FF 14.0.1 ломаются углы( в других браузерах всё ок)! Может кто знает в чем проблема? Помогите пожалуйста.

    Asked by tini.kRyptoNite,

    0 votes
    3 answers

  6. Выравнивание текста

    Нужно правильно сверстать такой div с текстом С таким же выравниваем..как?

    Asked by Ergonav,

    0 votes
    8 answers

  7. Ползунок во фреймах

    Как убрать ползунок во фрейме, но чтобы оставалась возможность прокручивать вниз то, что не влезает?

    Asked by Mr_ILYAS,

    0 votes
    6 answers

  8. Как задать общий класс javascript объектам

    Здравствуйте! Извините за столь может простой вопрос. У меня таблица из тысячи строк и каждой персонально приписано <tr onmouseover="this.style.backgroundColor='#d6e5ff'" onmouseout="this.style.backgroundColor='white'"> Это доставляет определенные тормаза. Скажите пожалуйста, как я могу один раз прописать эти параметры и они присвоились всей таблице? Рад буду узнать более оптимальные способы. Спасибо.

    Asked by makemeunder,

    0 votes
    7 answers

  9. Смещение форм

    Как сделать чтобы при увеличении и уменьшении не было вот такого (всё стояло на своём месте) Так выглядит стандартно: При увеличении: При уменьшении:

    Asked by vrotmnetamagavk,

    0 votes
    4 answers

  10. Вопрос по DIV

    1-й вопрос: хочу сделать DIV-ми некое подобие разбиения страницы на блоки. Цель: Понять, какими свойствами пользоваться, для верного представления - как будут расположены блоки DIV. Вот сначала разбиваю, всё норм: Код: <html> <head> <style> #body {min-width:8000px; } /*Заголовок*/ .header { width:100%; text-align:center; border: 1px dotted gray; } /*Левая колонка*/ .block_1_1 /* 1.1 */ { float:left; width: 20%; border: 1px dotted #ccc; overflow:hidden; } /*центр - контент*/ .block_1_2 { margin: auto; /*Выравниваем между девой и правой колонкой*/ width: 60%; border: 1px dotted #ccc;…

    Asked by kolob204,

    0 votes
    4 answers

  11. проблема с двумя блоками css

    есть вот такая страничка написанная на html javascript и css. Вопрос следующий Текст, который выделен в кружке на картинке, не получается вставить на один уровень с видео. Что-то с блоками в style.css но вот как решить проблему не пойму часть кода из main.html: <section id="content"> <div class="container_12"> <article class="a1 border-bot extra-wrap"> <center><iframe width="640" height="480" src="http://www.youtube.com/embed/0FgKQdc96k4" frameborder="0" allowfullscreen></iframe></center></br> <article class="a1 border-bot2 extra-wrap"> <strong>Right Sidebar:</strong> Inte…

    Asked by 123456789igor,

    0 votes
    6 answers

  12. Переменное содержимое (текст)

    Здравствуйте. Мне нужно чтобы в одном из блоков (<div>) на странице менялась текстовая информация при каждом обновлении страницы. Для иллюстрации прилагаю картинку чего хочу добиться. 1. В желтом блоке (<div>) имеется некоторый текст 2. Текст целиком в блок не помещается и последние 1 или 2 слова представляют собой ссылку, которая ведет на страницу, где этот тектст можно прочитать полностью. 3. При каждом обновлении страницы текст рандомно обновляется (например, был про трамваи и ссылка вела на страницу с трамваями, при обновлении или следующем заходе на страницу - про автобусы и ссылка, соответственно, ведет на страницу с автобусами). 4. Каким образом это мо…

    Asked by dmifed,

    0 votes
    22 answers

  13. Вставка стилей в xhtml basic

    Как вставить стили в xhtml basic?

    Asked by max2012,

    0 votes
    1 answer

  14. Table внутри Div

    Здравствуйте! На главной странице есть Div, в него подгружаются аяксом другие странички. Так вот, в одной страничке есть ОЧЕНЬ широкая таблица, с многочисленными полями, и она не может растянуть DIV, а выходит за него. Данный див находится по центру странички и является элементом дизайна, а таблица все портит, так нагло выходит за поля. Если бы она растянула DIV было бы все хорошо. PS Я пробовал без аякса, в качестве эксперемента, разультат лучше... но опять не то, див растягивается до ширины браузера, а вот таблица выходит за его поля.... мой див: #wrap { /*width:960px;*/ width:90%; background:#fff; margin:5px auto 30px auto; padding:0; border:1px solid #ccc; border-ra…

    Asked by mc_nick_bronx,

    0 votes
    1 answer

  15. как сделать чтобы div тянулся вниз на 100 процентов

    как сделать чтобы div тянулся вниз на 100 процентов

    Asked by paseonru,

    0 votes
    2 answers

  16. Требуется Оценка Вёрстки на HTML5...

    Здравствуйте. Решил переверстать для себя титульную блога с HTML_4.01 на HTML5(впервые)и по ходу дела возникли некоторые вопросы: 1) Существует ли на сегодняшний день идеальная,с точки зрения отображения, реализация {text-shadow} для IE-7,8,9 ? 2) Стоит ли пользоваться Placeholderом(в инпутах)? Если учесть тот факт, что некоторые браузеры этого не понимают... (если кто скинет ссылку на удобный пример того, как именно это необходимо делать(с поддержкой всех браузеров) - буду благодарен.) 3)Также возникли вопросы по семантике, в связи с чем хотел бы выслушать критику(в разумных пределах),относительно следующей страницы: http://webmaster.ayrveda.ru/Ozdorovlenie-Organizma/ind…

    Asked by Yamaradg,

    0 votes
    22 answers

  17. Проблема с блоками

    А как поместить "Фиксированный Блок" <div id="Блок1"></div> на задний план перед "Не фиксированным или с параметрами css #Блок2 {width:515px; margin:0 auto; position: relative;" <div id="Блок2"></div>??? Проблема: Разрешение у всех разное у кого маленькое у кого большое. "Фиксированный Блок" - картинка. На маленьком экране налезает на Блок2. Но Блок1 Полюбас должен распологаться в левом нижнем углу с параметрами фиксации #Блок1 { width:300px; height:430px; background-image:url(../Блок1.png); position: fixed; left:0; bottom:0;} так как это картинка на которой изображен человек по пояс. И он должен быть на своем месте по…

    Asked by americanshop,

    0 votes
    0 answers

  18. Проблема с нижней полосой прокрутки

    Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!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>Фотон</title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …

    Asked by sifilis,

    0 votes
    0 answers

  19. Размещение сайта в интернете

    Добрый день друзья. Не знаю куда нужно было написать, написал сюда. Сильно не критикуйте. Суть вопросо в том, что я сделал сайт на php купил хостинг, и зарегестрировал домен. Хостинг с поддержкой php. Залил все фйлы и папки на сервер хостинга. Но вот уже как месяц прошёл, а сайт не размещается в интернете. Раньше я размещал сайт на html через этот хостинг, буквально 3-4 дня и сайт обходил весь мир, и регистрировался во всех поисковых системах. Помогите. Может что то в настройкаках на сервере хостинга не так?

    Asked by Devastator,

    0 votes
    8 answers

  20. Яндекс.Детектор

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

    Asked by anna-2010,

    0 votes
    0 answers

  21. Карта-изображение

    Здравствуйте! В создании сайтов я новичок, самостоятельно изучала htmlbook.ru и искала решения в интернете, но, все-таки нужна помощь. Задача - создать карту-изображение из нескольких частей (3-5) идущих вертикально одна за другой. Каким образом задавать позиционирование этих, фактически, фоновых изображений служащих еще и картой? Была мысль склеить их в одно, но... Кажется, если большое изображение нарезать на несколько меньших, то загрузка идет быстрее? Есть ли вариант объединить их в "подложку" для одной карты или нужно делать несколько отдельных карт? И как их тогда размещать одна над другой?

    Asked by Далматинец,

    0 votes
    4 answers

  22. Фиксирование блока ( position: fixed или иное)

    Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …

    Asked by Altenrion,

    0 votes
    3 answers

  23. checkbox со скрываемой формой

    Всем, привет! Помогите пожалуйста разобратся, в данном коде при нажатии на второй бокс, активируется первый эриатекст ((( Как сделать независимыми позиции? (планируется их множество) <FORM> Изделие 1 <input type="checkbox" NAME="1" onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById ('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling"> <br> Изделие 2 <input type="checkbox" NAME="2" onclick="if(this.checked){document.getElementById('nextSibl…

    Asked by Sam,

    0 votes
    2 answers

  24. Разное отображение типографии в Ubuntu и Windows Xp

    Здраствуйте. Я верстаю на ubuntu. Совсем не давно заметил, что размеры шрифтов по разному отображаются в уьунту и виндоус. Как с этим быть? Существуют ли какие либо сбросы стилей конкретно для типографии? Скрины прилагаю: ubuntu, windows xp

    Asked by JosePerez,

    0 votes
    2 answers

  25. Загадочная конструкция в CSS

    Друзья, я тут столкнулся с такой конструкцией в CSS: table [class*=span] {float:none;} Может, кто знает, что это такое?

    Asked by solovets-denis,

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