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 slavok47,

    0 votes
    34 answers

  2. А как вы выполняте Clearing?

    Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…

    Asked by TonKhaO,

    0 votes
    34 answers

  3. Зависимые чекбоксы

    Вот есть два чекбокса: <input type="checkbox"> <input type="checkbox" disabled> Скажите, как сделать, чтобы при выборе первого, второй становился активным и если второй выбран, то после снятия галочки с первого, второй становился бы снова неактивным и ещё и невыбранным.

    Asked by sergey_sergey,

    0 votes
    34 answers

  4. Проблема с меню

    В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…

    Asked by ret,

    0 votes
    34 answers

  5. table vs div+scc

    Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?

    Asked by still swamp,

    0 votes
    34 answers

  6. Сложная верстка

    Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен. http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе

    Asked by Gasherezzz,

    0 votes
    34 answers

  7. Идентификатор или класс?

    Объясните пожалуйста, нигде найти не могу найти толкового объяснения. А именно: почему параметры основных блоков, таких как footer, main, header советуют тоже через классы задавать? почему id - это не правильно\не эстетично!?

    Asked by SLaVeRS9,

    0 votes
    34 answers

  8. Помогите Новичку сверстать Простейшую страничку!!!

    Вобщем задумал сделать сайт. Но очень плохо верстаю! Как мне сделать такую страничку(смотрите картинку) ??? http://img177.imageshack.us/my.php?image=helpmebg7.gif сверстайте плиз! буду очень благодарен!!! Ну только не таблицами а DIVaми заранее-Спасибо Друзья!

    Asked by salieri-bar,

    0 votes
    33 answers

  9. Нужен скрипт чтобы наложить Gif на Jpeg

    В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)

    Asked by Rebux,

    0 votes
    33 answers

  10. Заголовки В Списках

    Задача такая: выводятся 5 последних тем с форума на главную сайта, хочется, чтобы каждая тема, которая свежее, соответственно выделялись шрифтом размера побольше, чем предшествующая. Семантически такое допустимо/правильно или не вкоем случае? <ul> <li><h3><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h3></li> <li><h4><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h4></li> <li><h5><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h5></li> <li><h6><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h6></li&g…

    Asked by Deacon,

    0 votes
    33 answers

  11. Заполнение таблицы из файла

    Есть таблица в html. Фиксированное число строк, каждая из которых имеет ключ (например А1, А2 и т.д.). Есть файл (exel, но при необходимости txt), в котором по этому ключу лежит числовая информация. Нужно, чтобы по соответствующим ключам таблица заполнялась значениями из файла. Использовать можно только JS. Пример в коде: файл.txt A1 12 45 A2 54,3 0,48 B1 234 987,1 html.html ... <table> <tr name="A1"> <td><img></td> <td>статичный текст</td> <td>12 (первое число для А1) </td> <td>45 (второе число для А1)</td> </tr> <tr name="B1"> <td><img></td> <td>стат…

    Asked by Aryan,

    0 votes
    33 answers

  12. a: active - не работает

    Доброго всем! Подскажите, вот такой код #menu li a:hover, #menu li a:active { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; } нужно что бы при наведении на ссылку и при нажатии на нее был один и тот же рисунок, тоесть пользователь нажал на "главная" - рисунок на ссылке "главная", нажал на другую - рисунок на ней a:hover работает, а вот a:active - не хочет

    Asked by volonter,

    0 votes
    33 answers

  13. Помогите создать страницу

    Прошу помощи. Как можно сделать размер HTML страницы фиксированным? То есть мне необходимо установить размер 1024х768 пикселей. Я сначала пытался делать страницу при помощи тега table, но когда я начал добавлять в код html выпадающее меню, сразу после таблицы, которое делалось через тег div, то страница стала ломаться, что привело к тому, что страница увеличилась в размерах вертикально, а ниже изображения заднего плана появилось белое поле. Потом я полностью удалил таблицу и сделал всё через тег div, всё уместилось нормально, но теперь при открытии страницы задний план почему то отображается не полностью. Памагите!!! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 …

    Asked by DDX,

    0 votes
    33 answers

  14. Помогите с css

    Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…

    Asked by IOzer,

    0 votes
    33 answers

  15. Не работает background-image

    Возникла такая проблема...Хочу в таблицу 3х3 вставить бєкграунд , написал style.css , но вот только именно background-image не работает... .verh_poloska { background-image:url(/img/R1C2.jpg); } Очень прошу помочь.

    Asked by Bohdan_Jinesis,

    0 votes
    33 answers

  16. Дергается браузер в Opera

    Собственно, часто вижу сайты, в которых в Opera дергается экран. А точнее сказать - поднимается на разное расстояние от низа страницы. последнее, что пришло в голову http://intoishn.ru/webdesign Смотреть в Опере. Сайт не мой, но таких много. Кто-нить сталкивался с таким? Отчего так происходит? Самое интересное то, что на одной странице прыгает, а на другой (с точно такой же структурой по вёрстке) - нет. Сверстал очередной проект - та же проблема. Не могу найти закономерность. Спасибо.

    Asked by DjTarik,

    0 votes
    33 answers

  17. Отступы в списке

    Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…

    Asked by Vlad,

    0 votes
    33 answers

  18. первые шаги в HTML5, после HTML4 непривычно

    Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…

    Asked by FoxWMulder,

    0 votes
    33 answers

  19. body и свойство background

    Задача: фиксированный макет в тысячу пикселей шириной, в правом верхнем углу макета - картинка фоном. body сделано как {width: 1000px; margin: 0 auto;}, но фон по-прежнему задаётся так, как будто body занимает всё окно. Мне такое поведение кажется архистранным, но тем не менее. Выход - только дополнительная обёртка?

    Asked by Gaspode,

    0 votes
    33 answers

  20. Равномерное распределение элементов списка <li>

    Здравствуйте. Имеется простое горизонтальное меню: <ul style="width:800px"> <li>Home</li> <li>About</li> <li>.....</li> </ul> Задана фиксированная ширина. Как правильно средствами css равномерно распределить <li>?

    Asked by Tartyga,

    0 votes
    33 answers

  21. Создание начального макета

    Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.

    Asked by Livandey,

    0 votes
    33 answers

  22. Верстка верхнего меню

    Здравствуйте уважаемые, у меня такой вопрос... Нужен результат вот такой: при навидение на ссылку у ней появляется вот такой фон. Никак не пойму как это сделать, помогите пожалуйста советом. код: <div id="top_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="/">О компании</a></li> <li><a href="/">Услуги</a></li> <li><a href="/">Популярное</a></li> <li><a href="/">Контактная информация</a></li> </ul> </div>

    Asked by an1401,

    0 votes
    33 answers

  23. Только начинают верстать(WIP)

    Всем доброго времени суток. Я начинаю только верстать и хотел бы слышать от вас подсказки и конструктивную критику. В этой теме буду выкладывать свои наработки и ждать ваших отзывов! Вот первое что я сверстал _http://zalil.ru/upload/32134352 Хотел бы узнать вообще можно так верстать и может какие есть ошибки которые можно исправить. html, css код валидный. Задумывалось(плавающий хедер резиновый, основная колонка фиксированной ширины в ней 2 колонки, футер прибит к низу резиновый). Хотел бы узнать такую вот вещь. Когда мы браузер сворачиваем в окно и уменьшаем это окно до таких размеров пока не появиться горизонтальная полоса прокрутки то футер почему то не заполняет всю ш…

    Asked by tini.kRyptoNite,

    0 votes
    33 answers

  24. Верстка диагонального меню

    Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.

    Asked by justwhite.design,

    0 votes
    33 answers

  25. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31,

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