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. Размещение картинки в центре слоя

    Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.

    Asked by Ururu,

    0 votes
    4 answers

  2. Изменение цвета рядков таблицы при наведении мышью

    Ребята, помогите пожалуйста - устал гуглить. Есть таблица, колонки из 2-х чередующихся цветов. Для этого установлен дефолтный цвет таблицы, а в нужных колонках явно указывается цвет. Упрощенно, убрав всё лишнее: <table bgcolor=#AAAAAA> <tr> <td bgcolor=#BBBBBB> Колонка 1 </td> <td> Колонка 2</td> <td bgcolor=#BBBBBB> Колонка 3</td> <td> Колонка 4</td> <td bgcolor=#BBBBBB> Колонка 5</td> </tr>; </table> То есть все колонки цвета #AAAAAA, а те в которых указано - цвета #BBBBBB (т.е. колонки 1,3,5) Таких рядков много, они формируются php скриптом исходя из результата запр…

    Asked by Flashback,

    0 votes
    5 answers

  3. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley,

    0 votes
    5 answers

  4. Двухколончный макет. Помогите с версткой

    Добрый день, уважаемые. С праздником. Вот какая у меня ситуация. Весь контент сайта размещается в двух колонках: блок с картинками (зеленый) и блок с текстом (желтый). Сами колонки находятся в блоке-обертке (серый фон). Высота колонок соответсвенно по контенту в них. Но нужно, чтоб высота колонки с картинками ровнялась высоте текстового блока (текста всегда больше), и при этом картинки полностью заполнили блок. Рисунок 2 иллюстрирует. Я так понял, сделать это на дивах: 1. Это невозможно; 2. Это очень сложно. Советовали делать на таблицах. Какое же решение? Рисунки: 1) http://www.php-studia.ru/images/1wcw.gif 2) http://www.php-studia.ru/images/2cnc.gif

    Asked by Маленьке Звірятко,

    0 votes
    2 answers

  5. Проблема с таблицей

    Добрый день! Не могу понять в чем может быть пролема: Таблица во всех браузерах грузится нормально, в IE8 IE7 глючит. А точнее при загрузке страницы показывает таблицу норм, но как только страница загружена сразу пропадает все оформление и остается только текст. Тут посмотреть можно как это выглядит Вот код: Может кто встречался с таким уже table { *border-collapse: collapse; /* Для IE7 и старше */ border-spacing: 0; width: 100%; } .bordered { border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1p…

    Asked by Imperil,

    0 votes
    8 answers

  6. Фон с градиентом

    Здравствуйте, верстаю 5-й урок с данного курса. шаблон Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям: <header> <div class="up"> <div class="w960"> <img src="img/logo.png" alt="" width="153" height="43" > </div> </div> <div class="down"> <span class="left"></span> <span class="right"></span> <div class="w1200"> </div> </div> </header> .w1200{ height:100%; width:1200px; margi…

    Asked by ShootingStar,

    0 votes
    0 answers

  7. Дайте пинок :)

    Добрый день! Запутался я Небольшая предыстория. Начну с того, что изучил HTML и CSS в центре "Специалист", после окончания многое осталось непонятным. Стал потрошить Яшу в поисках статей, уроков и т.д, В общем хотел заполнить пробелы которые остались после курсов. Все это дело потребовало 2х месяцев. Далее я решил пойти на курсы JS, они шли 4 дня, стоили 7т. руб. Уже со второго занятия я вообще не понимал о чем толкует преподаватель. В итоге пожалел что вообще на них записался, ибо вся информация есть в сети. Но собирать её по крупицам занимает много времени. Я пытался изучать php,js,mysql в сети, в итоге в голове полная "каша" и толком то я ничего из этого не знаю. Ну…

    Asked by Modestes,

    0 votes
    4 answers

  8. Нулевая высота у body

    пример 1 пример 2 пример 3 пример 4 <body> <div></div> </body> Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>. И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается. Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование? Предположу, что начальные свойства <body> совпадают, кроме margin, со …

    Asked by skvor,

    0 votes
    3 answers

  9. padding сдвигает фоновую картинку? или дело в чем другом?

    Подскажите пожалуйста, в чем ошибка. Я установил фоновую картинку родительскому блоку и вся конструкция из вложенных блоков уехала на величину padding'а Но я чую, что дело не совсем в padding'е. Где и что я умудрился напортачить? Вот код страницы: <!doctype html> <html> <head> <meta charset="utf-8"> <title>уровень 3</title> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <div class="menu"> <a href="#">home</a> <a href="#">portfolio</a> <a href="#">webhosting</a> <a href="#">about</a> </div&…

    Asked by Afinagen,

    0 votes
    1 answer

  10. Padding для FF(Mozilla)

    Суть вопроса такова есть ли специальный псевдо-селектор или спец селектор который может дать паддинги только в мазила? <form> <div> <label>Email user:</label><input type="text"> </div> <div> <label>Password:</label><input type="password"> </div> <div> <input type="checkbox"><label>Remember me</label> </div> </form> checkbox и label выравниваю в CSS3, но в safari, chrome Нормально все показывает, а в Opera и FireFox. Как можно придать паддинг дополнительно в Opera и FF

    Asked by akutinrom,

    0 votes
    1 answer

  11. Структура блога на HTML+CSS

    У меня есть скромный сайтик http://куз.рф по компьютерной помощи в своем городе. Дабы продвинуть его в поисковиках, решил сделать некий блог, по вопросам компьютерного ремонта, аля How to. (кстати, если кто нибудь подскажет, что еще можно сделать для продвижения - буду признателен*) Создан сайт на фреймворке simpliste, и ни о каких БД речи не идет. Структура простая: несколько страничек html, папка css, папка с изображениями. Я примерно так себе это представляю: Чтобы сделать нечто похожее на блог, я должен создать страничку, скажем http://мойсайт.ru/blog.html, в которой будут обрывки статей, и ссылки на отдельные странички (в папке blog), с видом http://мойсайт.ru/blog/с…

    Asked by B-Real,

    0 votes
    5 answers

  12. Проблема с div

    Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg

    Asked by emtecif,

    0 votes
    3 answers

  13. Дуги на CSS

    Всем привет. Каким образом без помощи JS и картинок можно сделать дуги только на HTML и CSS?

    Asked by egoregor,

    0 votes
    21 answers

  14. Не получается применить пользовательский css даже c important

    Привет, ребят есть cms wordpress там свои шаблоны и css, я в сайт встроил свой скрипт на котором есть картинки в строках таблицы <table cellpadding="5" cellspacing="0" border="0"> расположенные друг над другом. Мне нужно сделать расстояние между этими картинками, НО cellpadding="5" не применяется. Все перебивает css самого wordpress а именно: media="all" * { padding: 0;} Если его отключать то cellpadding="5" хорошо применяется так как нужно, но отключение media="all" влияет на весь движок, как можно принудительно применить <table cellpadding="5" cellspacing="0" border="0"> ??? Спасибо!

    Asked by djforce,

    0 votes
    2 answers

  15. Тянущийся бэкграунд для элементво списка

    Всем привет. Такая проблема, вожусь уже дня 2, полностью вынесло мозг. Есть такое меню (на картинке максимальный результат, которого мне удалось достигнуть, и то только в опере и файерфоксе). нужно чтобы в активном классе фоновое изображение проклятое растягивалось или сжималось, т.е. как ту на карттинке оно хорошо отображалось как в ие6 и ие7 так и современных браузерах. вок код: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><b> </b><i><span> 4 </span></i><em> </em></li> <li><a href="#" title="40">40</a></li&g…

    Asked by 9EVIL,

    0 votes
    5 answers

  16. XHTML и HTML

    Всем привет. Почему такие крупные сайты как apple.com, vk.com, habrahabr.ru написаны на xhtml, а не на html. Хотя говорят что xhtml устарел. У него какое то премущество?

    Asked by Bava,

    0 votes
    3 answers

  17. Картинка при наведении курсора на текст

    Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

    Asked by bios,

    0 votes
    18 answers

  18. Задача

    что может значить вопрос : itransition32? это задача по программированию

    Asked by olechic,

    0 votes
    3 answers

  19. Как такое делается

    В Livejournal есть блок перехода по страницам, типа 1 2 3 4 5 6 когда много комментариев к посту такой синий, так вот как сделать такой же с треугольничком вверху, Как делается такая вещь? ___________/\___________ / \ | 1 2 3 4 5 6 7 | \________________________/ У меня получилось только img с absolute позиционированием, но это грубо.

    Asked by vladimircape,

    0 votes
    3 answers

  20. Что быстрее css3 или картинки ?

    Есть окно (на div'ах) которое с помощью js перетаскивается.Проблема в том что само окно сделано из градиентов и прочих прелестей css и имеет прозрачность. Анимация перетаскивания тормозит и поэтому я думаю что если бы это были gif/png картинки с прозрачностью, то тормоза бы уменьшились. Может кто сталкивался, верна ли моя теория или нет ? стоил ли переделывать всё или это не поможет. Понятно что в практике видно будет, но всё же...

    Asked by gradus,

    0 votes
    4 answers

  21. Плавающий div не растягивает родительский.

    <html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"&…

    Asked by skvor,

    0 votes
    7 answers

  22. как настроить пути в локальном сервере

    Когда делаю сайт на локальном сервере, то если ставлю начальный слэш в путях к файлам в тегах html, например, <link rel="stylesheet" href="/engine/mark.css" />, то файлы не находятся (в данном примере не работают стили), а вот если слэш убрать, то всё работает. Проблема в том, что на хостинге настроено по-другому и там как раз начальные слэши нужны. Как настроить локальный сервер, чобы он работал так же? Юзаю easyphp.

    Asked by MrPostman,

    0 votes
    3 answers

  23. поиск по прикрепленному к сайту файлу

    Помогите! Ситуация такая: есть сайт и есть таблица с 5 колонками в excel.Надо на сайте сделать поиск по этой таблице, но только по значению первой колонки и при выводе результатов на сайте пользователь видел содержание только той строки, в первой колонке которой есть искомый элемент. выглядеть это должно примерно так: то что нужно получить

    Asked by zoobic,

    0 votes
    18 answers

  24. Верстка и масштабирование / зум браузера

    Здравствуйте! Уважаемые,не могли бы дать несколько советов,насчет верстки: имею макет трехколоночный(враппер=1000пх/лево=200пх-флоат лефт/центер=600пх-флоат лефт/право=200пх-флоат райт) в целом все отображается нормально,ничего никуда не вылезает,но,если в браузере применить зум(ctrl -),макет начинает разваливаться,правая колонка съезжает вниз,сам не понимаю от чего это происходит,по-этому обращаюсь к вам за помощью,поделитесь мыслями

    Asked by milkeyway,

    0 votes
    5 answers

  25. Проблема с колонками в вёрстке

    Здравствуйте. Прошу помощи. Есть заготовка сайта xdapedia.ru Вёрстка трёхколоночная, резиновая. В css размер 1300, колонки идут так - левая 500, центр 400 и правая 400. Как сделать, чтобы при открытии статьи, сама статья была на 900px, а колонка, которая на главной странице по центру находилась бы справа от неё в своём прежнем размере на 400px. А третьей колонки, чтобы вообще не было при открытии новости или статьи. Буду очень благодарна за помощь. Если не совсем понятно написала готова дать пояснения дополнительные. css и html вышлю. Спасибо.

    Asked by Mila25,

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