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. Горизонтальное меню

    Как реализовать простейшее горизонтальное меню, чтобы было кроссбраузерно? (ie 7-8) Можно ли сделать таблицей? или это не правильно?

    Asked by uteelers5,

    0 votes
    3 answers

  2. HTML5 теги (<header>, <footer> и т.д.) в FF3

    Есть ли способ поддерживать HTML5 теги (<header>, <footer> и т.д.) в FF < 4 версии? Использую для ИЕ html5shiv. Я так понимаю, html5shiv можно использовать и для FF, но как подгружать ее только тогда, когда FF < 4 версии?

    Asked by sitecor,

    0 votes
    3 answers

  3. Выравнивание картинки и текста-ссылки по вертикали

    Здравствуйте! Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида. Была таблица такого вида: <table cellpadding=0 cellspacing=0 align=center><tr> <td valign=middle><a href="ссылка"><img url="адрес картинки"></a></td> <td valign=middle><a href="ссылка">Название</a></td> </tr></table> Нужно переделать так, чтобы ячейка с картинкой и ячейка с названием стали одной ссылкой. Сделал такого вида: <table cellpadding=0 cellspacing=0 align=center><tr&g…

    Asked by MagAssist,

    0 votes
    5 answers

  4. Помогите разобраться(Window окно на css)

    Народ помогите мне нужно сделать классическое Windows окно на css(не знаю как правильней обозвать). Проблема у меня с позиционированием элементов в заголовке окна(логотип приложения должен быть слева,название по центру,кнопка закрыть справа). Вот код: <div style='width:1000px;height:500px;background-color:white;border:1px solid #696969;text-align:center;margin-left:25%; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0…

    Asked by CrazyBird,

    0 votes
    1 answer

  5. Резиновый header

    Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код HTML: <!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" xml:lang="en" lang="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…

    Asked by tarkinsky,

    0 votes
    6 answers

  6. 4 в ряд меняющиеся картинки в шапке сайта

    Помогите! надо в шапке сайта расположить 4 картинки, которые будут при этом постоянно меняться(в каждой картинке 4 варианта (того 16 картинок в папке) хотелось бы чтоб менялись рандомом. Перепробовала кучу скриптов, либо не работают, либо картинки сбиваются влево. Таблицей их тоже дисциплинировать не получилось. подскажите нормальный рабочий скрипт в html

    Asked by zoobic,

    0 votes
    20 answers

  7. div залезает на другие divы

    Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…

    Asked by GuitarFan,

    0 votes
    5 answers

  8. Вопросы ну-совсем-уж-начинающего.

    Здравствуйте. Задался идеей научиться создавать какие-никакие сайты. Не ради заработка, а так, чисто побаловаться, но в то же время уметь приятно удивить друзей красотой созданного сайта. Начал с того, что написал крошечную страницу в блокноте. Пошел дальше и стал изучать бесплатный хостинг Народ и его возможности. Так вот вся суть вопросов. Определенного фундамента знаний HTML/CSS не имею. Хочу узнать, подойдет ли Народ как вариант для изучения языка HTML/CSS? Также не могу понять, с чего начать изучение ХТМЛ. Начинаю читать раздел ХТМЛ на вашем сайте и понимаю, откровенно говоря, мало. Что посоветуете?

    Asked by Olsiorsi,

    0 votes
    3 answers

  9. Ужасная проблема с div

    Как только начинаю задавать фиксированный размер, самым высшим дивам (которые включают в себя дивы колонки, контента, подвала) сайт начинает сильно штормить! А?! Изначально сайт расположен прямо по центру экрана, и если юзать колесико мышки вперед - назад, то сайт приближается и отдаляется, по центру экрана. А после моего вмешательства в размер дивов, сайт прикрепляется к левому верхнему углу, и если юзануть колесико мышки то изображение на экране отдаляется, а т.к. сайт прикреплен к левому верхнему углу то он после прокрутки колесиком скрывается за экраном.

    Asked by Diman777,

    0 votes
    9 answers

  10. Помогите с фоном!

    Как сделать фон внутри фона! То есть нужно посередине сайта ( от начала левой колонки, до конца содержимого с права) пустить полосу с другим фоном!

    Asked by Diman777,

    0 votes
    2 answers

  11. Веб-программисты! Сюда!

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

    Asked by tooq,

    0 votes
    2 answers

  12. Закруглить углы рамки в CSS

    Дорогие друзья, помогите закруглить углы на меню. Вот сайт http://hi.org.ua Меню с обоих сторон квадратные, подскажите как сделать закругленные углы? Я так понимаю что это нужно сделать в CCS файле, как найти что править и что прописывать в CSS чтобы углы были закругленными?

    Asked by Tonchi,

    0 votes
    1 answer

  13. Выравнивание блоков по ширине

    Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.

    Asked by Faradey99,

    0 votes
    7 answers

  14. Верстка header'a div-aми (резиновый дизайн)

    Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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" xml:lang="en" lang="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…

    Asked by tarkinsky,

    0 votes
    5 answers

  15. Неправильное отображение в IE 6,7

    Привет всем, подскажите как решить неправильное расположение фоновой картинки в блоке <div class="logo-top"> и отсутствие бордеров у ссылок в блоке <div class="pic-top-nav"> в браузере IE 6,7, в других браузерах работает норм. Адрес http://alexforce2.6te.net/.

    Asked by alexforce2,

    0 votes
    7 answers

  16. IE9 ругается на onblur/onfocus

    Хочу сделать форму с использованием onblur/onfocus: <input type="text" value="Поиск" onblur="this.value='Поиск'" onfocus="this.value=''" /> Но IE9 её блокирует: Как сделать, чтобы это не появлялось?

    Asked by L1nk,

    0 votes
    3 answers

  17. text-align: justify;

    грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?

    Asked by penchukov,

    0 votes
    12 answers

  18. меню на css

    код ответсвенный за меню находиться в низу после коментраий Почему меню криво работает, и как это исправить?

    Asked by ferz721,

    0 votes
    3 answers

  19. глючит фон

    подскажите пожалуйста что делать див shapka почемуте неадекватно работает далее привожу код CSS .shapka { background: url('image/vse.jpg'); height:300px; } HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>Договор</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="shapka"> </div> <div class="knopki"> <a href="index.html"><img src="image\dom.jpg" ></a> <a href="bet.html"><img src="image\bet.jpg" ></a> …

    Asked by voin545,

    0 votes
    2 answers

  20. Что нужно учить, чтобы верстать макеты?

    Добрый день, мне всего 16 лет и будущее свое решил связать с веб-программированием. Уже сейчас хочу научиться верстке. А теперь вопросы: 1) Что нужно учить, где и в каком порядке? (Единственное, что знаю - это html 4) 2) Что конкретно из себя представляется верстка?

    Asked by tooq,

    0 votes
    4 answers

  21. Hover на несколько элементов

    Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/

    Asked by DmitryG,

    0 votes
    2 answers

  22. Верстка книги

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

    Asked by Буллет,

    0 votes
    9 answers

  23. Неправильная кодировка.

    Привееееет!!! Я создал дерикторию в phpDesigner 7, в которой у меня лежит много файлов и папок. Запустил Denwer. Открываю файл в каком в phpDesigner потом запускаю его через Run. Если так запускать, у меня всё работает в IE, Mozilla, а в Opera нифига кодировка не отображается, но все скрипты работают. Почему так? P.S.Если меняю кодировку в phpDesigner 7 с Ansi на UTF-8, то происходит наоборот, в IE появляются "иероглифы", а в Opera всё нормально отображается. тег "<meta content="text/html; charset=utf-8" />" присутствует в файле. P.S. Можно как-нибудь обойтись без кодировки "windows-1251"? И как мне исправить вообще эту проблему? Да, и еще, в самом браузере опера я …

    Asked by big_time,

    0 votes
    13 answers

  24. Position и текст

    Здесь! Текст залазит или подлазит под header, как сделать плавающим который будет размещаться сразу за хедером?

    Asked by ferz721,

    0 votes
    14 answers

  25. Отзывы с премодерацией

    Для сайта гостиницы долго искал готовый скрипт для странички отзывов с премодерацией, но так как мало смыслю ещё в этих делах, мне всё, что я нашёл показалось "не тем" . Подскажите, как построить такую систему отзывов НЕ используя е-мейл?

    Asked by Good_Gosha,

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