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. DOCTYPE ломает CSS

    Решил сверстать сайт, прописал блок, к нему тени через box-shadow, но тут забыл что не прописал доктайп. После записи <!DOCTYPE html> тени у блока пропали, а если его убрать, то работают. В чём загвоздка? Я в растерянности.

    Asked by Ge1i0N,

    0 votes
    2 answers

  2. Как добавить текст в определенное место?

    Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…

    Asked by SFproG,

    0 votes
    4 answers

  3. Фон пунктов меню

    Здравствуйте! Помогите советом, пожалуйста! Нужно под каждый пунктом меню поставить изображение кнопок. Почему-то изображение обрезается. Что не так в коде? #left{ float: center; width:230px; height: 449px; } #left ul.menu li a, #left ul.menu li a:link{ padding: 5px 25px 8px 25px; text-decoration: none; color: #503722; font-weight: normal; line-height: 2.0; font-size: 18px; background: url(../images/menu_row.gif)left no-repeat; margin: 0 0 0 5px; font-style: italic; font-weight: bold;

    Asked by Zeeeya,

    0 votes
    11 answers

  4. IE

    Почему в ИЕ так криво отображается сайт, тестил в хроме, лисе и сафари, все нормально. Но вот в ИЕ. Читал что нужно указывать доктайп, правда ли, что это спасет и какой именно? И я не о кодировке. http://s017.radikal.ru/i402/1302/60/626dc97d0134.png

    Asked by JessyStorm,

    0 votes
    4 answers

  5. Текст в div наезжает на предыдущий div.

    Итак, сделал маленький макет используя bootstrap. Одно текстовое поле(input) в своем div'e, под ним текстовый логотип в своем. При этом логотип наезжает на input. Как исправить? Демо: http://onto.su/test/ Пример в архиве. http://rghost.ru/43606857

    Asked by onto,

    0 votes
    11 answers

  6. Java script, событие на одинакоые элементы

    Никак не могу понять как правильно нужно делать Допустим, есть 3 (или 10) кнопки-иконки, выполненные в блоках div, меняющие свой вид на другие картинки при наведении или нажимании мышки. На события onclick или onmouseover и т.д прикручиваются соответствующие события смены картинки +всякие свистелки Как нужно правильно оформить эти блоки див? id делать всем одинаковый или разный (или вообще можно без него обойтись), css стиль привязывать по id или по class, что одинаковое должно быть что разное. И потом, как оформить в java срабатывание функций, чтобы оно работало на всех иконках. Покажите, пожалуйста, на этом примере http://jsfiddle.net/6hu2W/10/ Тут событие работает то…

    Asked by фонарик,

    0 votes
    3 answers

  7. Как сделать табы с такой структурой?

    Вот как надо Как такое сделать с вот такой структурой кода? <h2>описание</h2> <div class="описание">...</div> <h2>характеристика</h2> <div class="характеристика">...</div> <h2>отзывы</h2> <div class="отзывы">...</div> не получается эти h2 сделать в ряд..((

    Asked by bayanruby2,

    0 votes
    6 answers

  8. XML

    Будет ли правильным,если после html и css я буду изучать язык правил разметки xml,если у меня в плане javascript и php?И как посоветуете продвигаться по этой технологии?

    Asked by max2012,

    0 votes
    1 answer

  9. цвет кнопки при наведении !

    всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }

    Asked by morgusha,

    0 votes
    4 answers

  10. Верстка меню

    День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?

    Asked by Imperil,

    0 votes
    9 answers

  11. Проблема с шрифтом в firefox

    у меня вот такой код @font-face { font-family: graffiti2ctt; src: url(files/font/217_Graffiti2CTT.eot); src: local(graffiti2ctt), url(files/font/217_Graffiti2CTT.ttf); } дорогие верстальщики подскажите в чем проблема, всё работает кроме firefox в нем кажется просто Arial, я уже что только не делал но ничего не могу поделать! Искал на форуме, нашол похожую тему ответ был (Почитайте о “Fontspring @Font-Face Syntax”) но я не смог в етом разобратся, помогите...

    Asked by maks78945,

    0 votes
    1 answer

  12. Помогите решить задачку

    Привет всем, начал постигать азы веб-программирования (пока что с html/css), вот застрял на такой задачке: Блок слева состоит из 5 блоков: 1 большой и 4 поменьше в нем, со свойством position: relative. В html ес-но написал div в котором еще 4 div'a. Проблема в том что у меня правый серый блок сдвигается вниз, хотя я применяю к большому левому блоку свойство float, еще пытался менять свойство display у блоков - не получается. Помогите плиз.

    Asked by Jase,

    0 votes
    4 answers

  13. проблема с меню на wp

    Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?

    Asked by Jeak,

    0 votes
    2 answers

  14. Оцените, пожалуйста, верстку

    P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.

    Asked by alxick,

    0 votes
    0 answers

  15. Скрытие блока с блоками

    Придумал как решить свою задачу с тенями вокруг кнопок, но уперся в другую беду, которую так и не смог решить самостоятельно. Суть такая, что есть блок (серый), в нем лежит блок что чуточку поменьше размерами (синий). При наведении на синий блок он становится зеленым, при зажимании мышки - красным, при отпускании или уведении мышкой - обратно синим. Подскажите, как при помощи javascript сделать так, чтобы при нажимании на синенький блок серый блок - исчезал из виду? А при отпускании мышки - серый снова становился виден? При этом чтобы синенький блок где сидел чтобы там и оставался. Что я только не пробовал. Если делать серому display:none то всё, он пропадает с концами, п…

    Asked by фонарик,

    0 votes
    11 answers

  16. ol и ul как сделать один список в строку, а другой в колонку

    Ну собственно в заголовке указано что я хочу, подскажите, почему-то никак не получается вот что пробовал Если например писать #menu li {display: inline;} тогда работает а если писать #menu ol li {display: inline;} тогда не работает но в первом случае оба списка становятся в строку, а мне нужно чтобы только ol был в строку, а ul был в колонку. Как решить такую проблему? или придётся создавать отдельный класс для ol и отдельный для ul?

    Asked by McLotos,

    0 votes
    3 answers

  17. Помогите с кодом UCOZ пожалуйста!

    Здравствуйте. У меня проблема, уже всё перепробовал не знаю что и делать. В общем маме по работе нужен сайт. В итоге на главной странице фотоальбома полный бардак выводится и с новыми фотками и с уже добавленными. Я хочу чтобы мне выводило список альбомов, которых всего 6 с подгрузкой в качестве обложки альбома последней добавленной фотографии. Но плюс я хочу чтобы подгружаемая фотография была в рамочке, а название альбома было сверху. Есть таблица рамки и код подгрузки, но при соединении их они почему то работают криво. Может кто подскажет? Вот ссылка на фотогаллерею сайта: http://myzryksichevo.ucoz.ru/photo Вот код: <table border="0" cellpadding="0" cellspacing="0"…

    Asked by Zeriche,

    0 votes
    0 answers

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

    Добрый вечер. На странице есть два спойлера, для отображения по горизонтали объединенных в таблицу. При открытии одного спойлера материал открывается не на всю страницу(как и при открытии другого) и сдвинутый вправо, в то же время другой спойлер уезжает вниз, и наоборот. Как можно решить данную проблему ? Пример.

    Asked by bremned,

    0 votes
    1 answer

  19. Что делать?)

    Есть у меня недопипилиный сайт на юкозе [hide]chiphone.at.ua[/hide] Хочу перегнать его на платный хостинг и домен (чтоб избавиться от рекламы, в первую очередь...да и свои навыки поднять было бы не лишним) Вопрос заключается в том что дальше юкоза я ничего не знаю (ну небольшая база html все же есть) и просто не представляю с чего мне начинать. Хочу создать вот такой простенький сайтец на недорогом хосте Спасибо

    Asked by vladeol,

    0 votes
    1 answer

  20. Помогите с CSS

    Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...

    Asked by cosmen,

    0 votes
    5 answers

  21. Как сделать такой эффект?

    Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.

    Asked by Kuzyo,

    0 votes
    2 answers

  22. HTML5 Есть ли смысл?

    HTML5 позволяет семантически разделить страницу. ЧТо в теории позволяет поисковикам более качественно индексировать страницу, т.е. индексировать сам контент, нежели беспорядочные(для поисковика) конструкции. Вопрос 1: Существует ли реальная польза от html5 сегодня? Влияет ли использование нового стандарта на поисковую оптимизацию? Дело в том, что IE6-8 не поддерживают этот стандарт нативно. Приходится писать JS код с созданием новых элементов, иначе браузер не знает о них. А как мы знаем, , в обещственных местах(клубах,кафе,школах, институтах) - отключен JS. И если мы перейдем на HTML5, то потеряем часть клиентов. Что вы думаете на эту тему?

    Asked by kisil-mike,

    0 votes
    21 answers

  23. Ru. Eng. Esp. Как их подружить?

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

    Asked by RomanF,

    0 votes
    9 answers

  24. Таблица HTML

    <HTML> <HEAD> <TITLE>1234</TITLE> </HEAD> <BODY> <table bgcolor="#FFFFFF" border="1" bordercolor="#000000" width="100%" height="100%" align="center"> <tr> <td colspan="3" height="10%"> </td> <tr> <td width="200px" valign="top"> </td> <td valign="top"> </td> <td width="20%" valign="top"> </td> </tr> <tr> <td colspan="5" height="10%" align="center"> </td></tr></table> </BODY> </HTML> не могу понять в чём проблема , таблица должна быть как на рисунке.

    Asked by professor73,

    0 votes
    2 answers

  25. Как не ошибиться ?

    На этом форуме несколько раз я получил ответы на свои вопросы , надеюсь сообщество и в этот раз не пройдет стороной . какая разница между <div id="moz"> и <div class="moz"> Спасибо.

    Asked by RomanF,

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