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. Не работают два <select>'а

    Всем привет. Мною был скачан шаблон сайта. В котором уже был встроено меню select, но когда их больше одного, то ни одно из них не работает. Но мне необходимо, чтобы их было как минимум 2. Как доработать код? Все исходники лежат здесь http://onemove.ru/40841/ Заранее спасибо! Вот мои скрины, на которых видно что не работает когда меню больше одного:

    Asked by choppylion,

    0 votes
    13 answers

  2. Чет не работает гармонь =)

    <!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>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> #menu { width:200px; min-height:100px; padding:0 0 0 0px; margin:100px 0 0 100px; } .button_1 { width:200px; height:50px; display:block; background:url(images/button.png) no-repeat; cursor:pointer; } .active { width:200px; height:50px; background:url(images/button_active.png) no…

    Asked by Spidey,

    0 votes
    3 answers

  3. как выровнить таблицу по центру через стили?

    вообще команда margin: 0 auto; за это отвечает но у меня не выходит (( вот мой код: суть в #layer2 <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; margin:0 auto; } </style>

    Asked by atew,

    0 votes
    8 answers

  4. Транспонирование таблицы средствами CSS

    Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…

    Asked by radioheaded,

    0 votes
    6 answers

  5. Запрет обтекания блока справа

    Здравствуйте. Есть три блока (картинка) Все три с float:left; При этом нужно, чтобы блок 3 не забирался на блок 2, а был либо под ним, либо под третьим (в зависимости от ширины окна) Я пытался запретить обтекание второго блока справа так: clear: right; Результатов не даёт. Если ставить после второго блока <br clear="both" />, то третий перескакивает сразу под первый, что тоже не подходит. Знает ли кто-нибудь, как это можно сделать? Код странички <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Float</title> <style type="text/css"> …

    Asked by Kostia,

    0 votes
    4 answers

  6. Нужна помощь в создании меню

    Подскажите, пожалуйста, как создать такое меню: http://storage3.static.itmages.ru/i/11/022...59f3efd7ac.jpeg И, желательно, чтобы можно было оставлять подменю открытыми, на соответствующих страницах

    Asked by chest,

    0 votes
    1 answer

  7. Навигация по сайту

    Переделываю верхнее меню на сайте, чтобы оно во-первых, было на ul-li, во-вторых на прозрачном фоне, чтобы его легко менять. Получилось следующее. http://htmlbook.ru/themes/html5/navigation.html Есть небольшая проблемка. Для получения прозрачности применяются всякие хитрые сдвиги, за счёт этого при выборе пункта текст сдвигается влево на 10 пикселов. Хотелось бы, чтоб верхний текст вообще не двигался. Что посоветуете?

    Asked by Vlad,

    0 votes
    12 answers

  8. transition

    Смотрите в чём проблемка. На сайте стоит transition. Он срабатывает для всех браузеров, кроме Firefox ниже 4 версии (беты). Можно ли это как-то обойти? Есть ли какой-то хак, может быть? Желательно сделать это посредством CSS. Мне говорили, что можно это сделать и при помощи JS, но опять же, я не силён в нём.

    Asked by Clubberry,

    0 votes
    9 answers

  9. Padding в % (процентах)

    Недавно верстал CSS стиль для будущего сайта и использовал padding. Значения ставил в процентах. Мне сказали, что в процентах ставить паддинг — это плохо. На вопрос «Почему?» не ответили. Так вот, почему паддинг в процентах это так плохо? Ведь разрешено ставить и в пикселях и в процентах.

    Asked by Clubberry,

    0 votes
    7 answers

  10. hCard

    Уже не первый день задаюсь вопросом: допустимо ли на странице использовать несколько блоков class="vcard", в каждом из которых будет отдельная часть информации, пригодной для данного микроформата? Ведь нормальная практика, когда дизайнер раскидывает информацию о компании: телефон в один угол, адрес — в другой, а название и вовсе в неожиданное место. И как-то это всё надо объединить в приемлемый для hcard-читалки вид. Хоть весь body делай с class="vcard". Но тогда уместно ли на такой страничке размещение class="hproduct"?

    Asked by swetlana,

    0 votes
    5 answers

  11. box-shadow и border-radius

    Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?

    Asked by Chernivtsi,

    0 votes
    8 answers

  12. Меняющейся фон

    Есть сайт-визитка (уже наверное надоел ), в качестве фона фотография. Как сделать, чтобы фон при каждом обновлении (посещении сайта) менялся?

    Asked by Clubberry,

    0 votes
    29 answers

  13. Как решить несколько задач...?

    Как создать кроусбраузерно и валидно вот такое - http://img835.imageshack.us/i/homeya.png/ ?

    Asked by Mr.Black,

    0 votes
    6 answers

  14. Проблема с блоком

    Вот проблема , нужно блок с четырех сторон (а может и больше) обтянуть "частями телевизора" чтоб визуально был как телек.

    Asked by ukrhome,

    0 votes
    1 answer

  15. Проблема отступов.

    Добрый вечер. Есть код: <html> <title>aaa</title> <head> <style type="text/css"> html body { margin: 0; width: 100%; background-color: #000; } #main { margin: auto; width: 80%; background-color: #fff; } #head { height: 200px; margin: 2%; background-color: #888; } </style> </head> <body> <div id="main"> <div id="head"> </div> </div> </body> </html> Отступы у head от main делаются только справа и слева, а сверху и снизу не делаются. В связи с чем это происходит? Помогите пожалуйста разобраться.

    Asked by boompaw,

    0 votes
    8 answers

  16. Как сверстать оглавление как в книге?

    Вот что нужно сверстать: http://rghost.net/4477368/image.png Если словами то имеем три колонки, на каждом ряду первая и третья не фиксированного размера, а та, что по центру должна быть заставлена точками (я так понимаю это может быть border-bottom: 1px dotted black). Правая колонка выровнена по правому краю Типа вот такого: Ширина.........150 мм Высота..........200 мм Глубина.......3500 мм Подсткажите пжл как такое можно такое сверстать? Спасибо За примеры отдельное спасибо

    Asked by houdini,

    0 votes
    3 answers

  17. Доска Обьявлений

    Помогите пожалуйста с поиском доски обьявлений мб ктота наталкивался, хочу поставить на сайт но никак не могу найти. Спасибо заранее

    Asked by Floran,

    0 votes
    6 answers

  18. Помогите новечку.

    Добрый уважаемые гуру. Я новeчек, но вот создал сайт и вроде все хорошо, но столкнулся с проблемой. Сайт работает корекnно в 8 и 9 эксплорере и в 3,6 мозила. А человек которому делал, хочет, что бы все было четко и в эксплорере 7 и 6 и в мозиле 2 и 3.. Подскажите что надо сделать? ВОт сайт - http://stepan.rao.lv - эта страничка вроде работает нормально а вот эта уже глючит - http://stepan.rao.lv/ru/index.html

    Asked by Feaire,

    0 votes
    5 answers

  19. Стиль ссылки

    Как сделать так: Я нахожусь на главной странице, и в меню выделена этим стилем ссылка ведущая на главную. Если я нахожусь в новостях, то выделена ссылка в меню ведущая в новости. Спасибо.

    Asked by 212th,

    0 votes
    15 answers

  20. Нужна помощь для валидации

    CSS: .container{margin:auto;width:800px;} .header{background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;} HTML: <div class="container"> <a href="#"><div class="header"></div></a> Суть проблемы для меня заключается в следующем: Как сделать средствами HTML и CSS гиперссылку в заголовке (при этом текста там быть не должно)?

    Asked by photograf,

    0 votes
    13 answers

  21. Некорректное отображение сайта при различном разрешении монитора

    Здравствуйте. Подскажите пожалуйста, как при большом разрешении монитора, больше чем 1024*768 разместить два дива по центру. При большом разрешении монитора дивы распологаются слева, а остальное пустота, смотрится ужасно. Пробовала разные способы, но получается некорректно. Пробовала поместить два дива в общий див и его разместить по центру- не получилось, а также с помощью float и тоже неудача. Ссылка на страницы с моими непослушными дивами: http://olyakutukova.narod.ru/brauser.html http://olyakutukova.narod.ru/ocna.html

    Asked by olya,

    0 votes
    17 answers

  22. горизонтальный скрол при резине

    Здравствуйте! Не могу понять что не так? отображаетсмя все как задумывалось слева 520 пикселов, а справа все в 100%, но вот появляется скролл горизонтальный ( что-то я недописал?! #leftbar{float:left; width:500px;} #content{width:100%; margin-right:-520px; float:left;} #c1{margin-right:520px; float:left;}

    Asked by BMW,

    0 votes
    1 answer

  23. Фиолетовый цвет вместо черного в IE 8

    В IE8 заданный в CSS черный цвет имеет фиолетово-желтый оттенок, хотя в Fx отображается черным. Как убрать непонятный оттенок?

    Asked by west3150,

    0 votes
    3 answers

  24. JavaScript - передача ссылки по средсвам JavaScript и перезагрузка плеера

    Вот хороший человек написал мне скрипт: <table class="boxTable_right"><tr><th><h3><!-- <bt> -->Список TV<!-- </bt> --></h3></th></tr><tr><td class="boxContent"><!-- <bc> --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <style type="text/css"> #menu li { display:inline; margin:10px; } li.hasUl { list-style-image:url(plus.gif); } li.hasUl li { list-style-image:none; } #list1 { display:block; } #list2 { display:none; } </style> <ul id="menu"> <li class = "menu_tv" id ="menu1"><a href="…

    Asked by Незнайка,

    0 votes
    0 answers

  25. растягивание

    есть html: <style> div.tablero { border:1px black solid; display:inline-block; min-width:300px; width:30%; margin:2px; } div.tablero2 { border:1px black solid; display:block; width:70%; } </style> <div> <div class='tablero'>mysconfig#1</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#2</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#3</div> <div class='tablero2'>Этот параметр задает начальное положение...&…

    Asked by Poma_007,

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