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. Проблема с шириной страницы

    Это мой первый сайт. Подскажите пожалуйста, как избавится от нижней прокрутки страницы. Всю голову уже сломал. Картинка внизу. Вот код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>___________________</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta http-equiv="content-style-type" content="text/css"> <meta name="keywords" content="кредит, кредиты, помощь в получении кредита, ипотека, автокредит, лизинг"> <meta name="description" content="_____________________"> <link href='index.css' rel='styles…

    Asked by e_skabar,

    0 votes
    1 answer

  2. Непростой градиент в меню

    Доброго времени суток! Недавно получил задание на вёрстку сайта и в процессе столкнулся с некоторой проблемкой. Задача была сделать градиентное поле при наведении на пункт меню. Сложность в том, что в углах он должен закругляться, то есть иметь более овальную форму. Сейчас сделал тенью от текста, получилось немного похоже, но не совсем то Как должно быть: Как есть: http://jsfiddle.net/rmn8m/ Поскольку только начал освоение вёрстки, не совсем представляю как такое реализовать. Просьба наставить на путь истинный, заранее спасибо!)

    Asked by Gvager,

    0 votes
    3 answers

  3. Как успокоить валидатор?

    Есть набор ссылок - картинка и подпись. Было сделано: <a href="#"><div class="img"></div><div>#</div></a> a{display:block} .img{background:url()} Пишет - низя блочный элемет вставлять в строчный. Изменил все <div> на <span> - ошибок не выдаёт, но предупреждает, что не стоит делать пустые тэги <span> Чего ему сунуть, чтобы не ругался?

    Asked by Nanto,

    0 votes
    2 answers

  4. Масштабирование на уменьшение в Safari

    Проблема с зуммированием\масштабированием страницы в браузере Safari. Данная проблема отсуствует в других браузера, появляется только в Safari. Суть проблемы: при зумировании на уменьшение а именно 3-ье и 4-ое (4-ое предельное зуммирование) Safari отказывается уменьшать текст, который находится в блоке. Блок уменьшает, а шрифт нет, следовательно текст выпадает из блока. Как мне стало ясно Safari доводит шрифт до определенного размера примерно 8px и дальше не уменьшает. В настройках браузера отключена фукнция универсальный доступ (размер шрифта всегда не менее ...) Делать резиновыми блоки в которых находится текст не вариант.

    Asked by Owei,

    0 votes
    3 answers

  5. вопрос от новичка?

    1)можно ли начать изучение ajax без знания серверных языков ,но зная JS , и есть ли в этом смысл.Просто часто в требованиях на вакансии требуют html ,css , JS, ajax.

    Asked by olechic,

    0 votes
    1 answer

  6. для чего использует >

    .header > p a для чего используется > пытался найти поиском но он не ищет знак >

    Asked by Йокс,

    0 votes
    1 answer

  7. Секция head попадает в body

    Сайт вот такой http://www.nwfbroker.com/community/twitter Наблюдаю в фаер баге вот такую картину http://clip2net.com/s/1dYD5 Смотрю код там всё хорошо Почему секция HEAD попадает в body ?? Чем тестить и как искать глюк в данном случае??

    Asked by generator2003,

    0 votes
    1 answer

  8. Свой стиль для div внутри div 'а

    Тему не знал обозвать, но смысл вроде ясен. В общем, сделал блок полупрозрачным, например так: #page { background-color: #eeeeee; opacity:0.5; } в него хочу поместить элементы, картинки и текст, например так: <div id="page"> <p>Жили-были дед да баба, ели кашу с молоком...</p> </div> Логично, текст становится тоже полупрозрачным. Вот как сделать его без стиля opacity, т.е. прозрачный только фон. margin'ом можно натянуть, но это не то. Прошу помощи.

    Asked by Ritter,

    0 votes
    3 answers

  9. ajax?

    1)можно ли начать изучение ajax без знания серверных языков ,но зная JS , и есть ли в этом смысл.Просто часто в требованиях на вакансии требуют html ,css , JS, ajax.

    Asked by olechic,

    0 votes
    2 answers

  10. Выделить надпись

    Подскажите пожалуйста наиболее простой способ поярче и потолще выделить выбранный элемент переключателей. Есть элементы: <INPUT id="vv0" type="radio" name="rrr" value="yes" checked onclick="vybor0()"><font id='v0'>Все элементы</font><br> <INPUT id="vv1" type="radio" name="rrr" value="no" onclick="vybor1()"><font id='v1'>New</font><br> <INPUT id="vv2" type="radio" name="rrr" value="no" onclick="vybor2()"><font id='v2'>За последнюю неделю</font><br> <INPUT id="vv3" type="radio" name="rrr" value="no" onclick="vybor3()"><font id='v3'>За месяц</font><br> <INPUT type="radio" name=…

    Asked by Ashotn,

    0 votes
    1 answer

  11. поменять атрибут тега при помощи события

    скажите пожалуйста почему в firefox 3.6 не получается нажать зеленую на кнопку? (в результате должна появиться надпись в верхнем левом углу). и если не трудно, посоветуйте как можно решить проблему. страничка

    Asked by cyklop77,

    0 votes
    3 answers

  12. как сделать корректное отображение сайта в браузерах Google Chrome IE и Mazilla Firefox

    Ищите другие способы и других помощников для решения вашей проблемы. Здесь сайты с таким содержанием вам никто не поможет поправить.

    Asked by Pain,

    0 votes
    6 answers

  13. Как передать класс другой картинке при переходе на другую страницу ?

    Простой вопрос. Есть меню, класс active стоит на картинке которая отвечает за главную, при переходе на другие страницы выделенной так и остается главная. Как средствами css передать класс active той картинке, которая соответсвует странице ?

    Asked by kpripper,

    0 votes
    9 answers

  14. Длина полосы + Картинка с меню

    Доброго времени суток,господа. Тренируюсь в верстке,назрела парочка вопросов: 1. Второй раз сталкиваюсь с проблемой. Есть страница. Допустим, наверху полоса с меню, заполненная одним цветом. С первого взгляда все хорошо, но если увеличивать страницу, можно увидеть, что справа размер полосы начинает уменьшаться и в какой-то момент цвет меняется на внешний фоновый. Пример можно увидеть на vivamtuci.ru 2. Как лучше реализовать меню в домике?

    Asked by pika,

    0 votes
    3 answers

  15. Как сделать iframe поверх iframe

    Добрый день. Такой вопрос как сделать чтобы поверх одного ифрейм был другой ифрейм. Не рядом, а именно поверх. Вот например беру я сайт гугла через iframe и хочу добавить поверх него ещё один iframe: <html> <head> <body> <iframe src="http://google.com" style="width:100%; height:100%;" frameborder="0" scrolling="auto"></iframe> </body> </html> Как сделать чтобы получилось вот так, страница полностью гугловская, но в ней есть мой ифрейм Заранее спасибо.

    Asked by cccvvv,

    0 votes
    3 answers

  16. Как отцентрировать список внутри дива по вертикали?

    html: <div id="header"> <div id="menu"> <ul> <li class = "first"><a href="">О нас</a></li> <li><a href="">Ароматы</a></li> <li><a href="" target = "_blanc">Подарочные наборы</a></li> <li><a href="" target = "_blanc">Галерея</a></li> <li><a href="" target = "_blanc">Уход за кожей</a></li> <li><a href="" target = "_blanc">Косметика</a></li> <li><a href="" target = "_blanc">Аксессуары</a></li> <li><a href="" target = "_blanc">Контакты</a&gt…

    Asked by zhuravlik,

    0 votes
    0 answers

  17. overflow

    В css использую overflow: auto; когда к картинке в <div> добавляю этот Overflow все работает но стоит картинке указать атрибут align, то Overflow перестает работать как надо. он работает как Overflow: hidden;

    Asked by Gotafak,

    0 votes
    1 answer

  18. Загрузка нескольких файлов за раз

    Извените, я уже разобрался

    Asked by T@NKIST,

    0 votes
    0 answers

  19. Проблема с div'ами

    Ребят, помогите решить проблему, пожалуйста Короче говоря, есть таблица, делённая на три части. В Опере всё нормально отображается, а вот в Хроме других браузерах, второй левый слой не растягивается до нужных размеров. Знаю, нужно было на css делать, но совершил ошибку уже, всё менять долго и времени нет. Может что с кодом не так, спасайте. Вот код: <body bgcolor="#232323"> <div align="center"> <table cellpadding="0" cellspacing="0" width="800" height="200"><tr> <td width="200" height="200" valign="top" align="center"> <div align="left"> <table width="200" border="0" cellspacing="0" cellpadding="0" id="table12" height="100%">&…

    Asked by ALIEN-XIII,

    0 votes
    11 answers

  20. Ситуация с Input

    http://jsfiddle.net/rrPzy/3/ Посмотрите пожалуйста такую вот ситуацию. Не могу объяснить для себя, почему строковый элемент input в этой ситуации переводится на новую строку.

    Asked by Svatov,

    0 votes
    11 answers

  21. Проблема с блоком - обвёрткой

    Добрый день. На принте видно, что основной блок - обвёртка <wrapp> как то странно себя ведет, налазиет на свои дочерние блоки при уменьшении окна, другими словами он не растягивается по высоте дочерних блоков, а вытягивается по высоте экрана. Такого же быть не должно. Как сделать так, что бы у него минимальная высота была не меньше чем суммарная высота его дочерних блоков? Заранее спасибо. Пример кода HTML <!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=utf-8" /> &…

    Asked by yujin11,

    0 votes
    1 answer

  22. Вёрстка матриц

    Необходимо как то красиво вывести матрицы вот в такой странице: http://tmin10.net.ru/dm.htm (возможны проблемы с кодировкой и с корявым html кодом) Видно, что матрицы выглядят не квадратными и кривыми, как сделать, чтобы ячейки были равной высоты и ширины в матрице?

    Asked by Tmin10,

    0 votes
    7 answers

  23. Как создать вертикальное заполнение таблицы

    Не могу понять как это осуществить. Задача такова что необходимо сделать заполнение таблицы следующим образом: 1 5 9 2 6 10 3 7 11 4 8 12 Т.е. нужно, чтоб при добавлении новых элементов div заполнение шло по столбцу. Пример горизонтального заполнения: <html> <head> <title></title> <style> .cell{ width:48px; height:50px; font-size:12px; float:left; border:1px solid black; text-align:center; } </style> </head> <body> <div id="table" style="width:200px; height:100px;"> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="…

    Asked by Foress,

    0 votes
    2 answers

  24. Таблица+overflow

    Приветствую. Возникла проблема при вёрстке, на мой взгляд, необычной таблицы. Всё как бы ничего, но взглянув на картинку - поймёте, что требуется сделать и в чем загвоздка. Как можно реализовать данную фичу и можно ли посредством простого html? Думаю через overflow, но пока не знаю как именно. Может я неправ. Заранее спасибо.

    Asked by Seemann,

    0 votes
    5 answers

  25. Mystyle end index

    Здравствуйте, заранее прошу извинение если такая тема уже сесть, проблема в том что я создал css файл и index но изначально у меня браузер не видит какие либо изменения я делаю в файле style а если и видит то полные непонятные каракули?

    Asked by Hainik,

    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