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. Почему кнопки разные? Очередной мего-вопрос.)

    Всем привет, снова я со своими дурацкими вопросами.=D Почему кнопки разные: http://jsfiddle.net/LW5kU/6/ Конкретнее - почему те кнопки у которых есть float прижаты к верху и если их проинспектировать то мы увидим четкую границу line-height (выделена синим), а элементы без float не прижаты к верху и при их инспектировании line-height будто равен базовому значению а не 3. А еще, почему первые 2 кнопки игнорируют значения padding и margin именно вверху и внизу, по бокам то они отталкиваются.=) И главный вопрос забыл - почему 2ая кнопка во много раз меньше размером чем последняя. Они различаются только тем, что у последней есть float.

    Asked by logicface,

    0 votes
    2 answers

  2. ajax не возвращает ответ

    помогите пожалуйста исправить ошибку есть форма: <form class="form" action="#" method="post" name="request_form_0" id="request_form_0"> <div> <input class="input fld_name flds fld" id="fld_name_0" type="text" placeholder="*имя" name="fld_name" /> </div> <div> <input class="input fld_phone flds fld" id="fld_phone_0" type="text" placeholder="*телефон или email" name="fld_phone" /> </div> <div> <textarea class="textarea fld_message fld" id="fld_message_0" placeholder="*ваше собщение"></textarea> </div> <div> <input class="button fld_submit fld" id="btn_submit0" type="submit" value="Оставить з…

    Asked by cyklop77,

    0 votes
    2 answers

  3. Chrome и Enternet explorer

    Всем доброго времени суток! столкнулся вот с такой вот проблемой: на моем свеже-сморганенном сайте http://lvguide.lv/ получаются разные отступы блока content в chrome i IE, когда воял сие произведение пользовался только хромом, результат в котором меня полностью и с радостью устраивает, а вот в IE и MOZILA оступ от блока в низ пропадает. Не посоветуете ли где начать искать ошибку или как это вылечить ? Спасибо!

    Asked by Mirabo4,

    0 votes
    8 answers

  4. Градиент

    Есть вот такой фон , как сделать сверху градиент такой? нужно разбивать на две картинки фон ? или linear-gradient ? Если второе то как сделать , у меня не получается

    Asked by kaplunA,

    0 votes
    7 answers

  5. Проблема с обтеканием div-а

    Помогите, не могу понять. Вот такой html: <body><div id="header">Header</div><div id="content"><div id = "cnt">Content asdfasdf </div><div id = "menudiv"><ul id="menu"><li><a href="">Home</a></li><li><a href="">Products</a></li><li><a href="">Clients</a></li><li><a href="">Contacts</a></li></ul></div></div></body> Вот такой css: #header {width: 800px;height: 150px;background: #ccc;margin: 0 auto 10px;border-radius: 5px;padding: 10px;}#content{position: relative;width: 800px;background: #ccc;height: 500…

    Asked by tav8383,

    0 votes
    4 answers

  6. Проблемы с margin

    Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…

    Asked by Immortal,

    0 votes
    4 answers

  7. Помогите, страница уезжает вбок(

    Народ. Help! Делаю свой первый сайт через старенький редактор и заметил такую неприятность, что если выделить текст или любой объект, и не отпуская кнопку мыши повести её вправо - то все объекты уезжают влево в бесконечность (т.е. чем больше уводишь мышку вправо, тем дальше уходят объекты влево). То же самое будет, если повести мышку вниз - все объекты уезжают вверх. Сайт состоит из двух страниц: index.html и md.html "position: absolute" - уже сразу во всём коде прописана "position: relative" - не помогает Вот, даже сделал упрощенную страничку http://halvamaster.xhc.ru И если в этом коде 783px заменить к примеру, на 2007px - страница соответственно расширяется, н…

    Asked by Nooblo,

    0 votes
    2 answers

  8. расположение элементов

    Подскажите пожалуйста, как сделать так без позиционирования. Суть в том что есть h1 и после него к примеру nav. И они идут друг под другом. Как сделать, что бы шло прямо за ним а не под ним? Интересует вариант без использования position, а то как я понял это не правильно. Помойму можно display но я не уверен как это делается!

    Asked by oleg126,

    0 votes
    1 answer

  9. Смещение элементов при отдалении

    Добрый день всем форумчанам. Первая трудность, с которой я столкнулся - элементы и их правильное расположение. Я написал простую страничку - фоновое изображение, div белого цвета, где содержится текст, логотип над этим листом. Проблема возникает следующая - я разместил внутри этого дива еще два, в каждом из которых содержится картинка Png без фона. Я хочу, чтобы картинки выходили за пределы листа и как бы обхватывали его. Точнее, я так и сделал(скрин ниже) Проблема в том, что при отдалении эти две девчонки, обхватывающие лист, не остаются на месте. Свойство position задано absolute. Да, я уже пробовал relative, но так они располагаются один за другим сверху вн…

    Asked by Sperc,

    0 votes
    1 answer

  10. Добавление звездочки к обязательным полям с помощью CSS3

    Здравствуйте! Столкнулась с такой проблемой. Есть форма и в ней имеются обязательные поля для заполнения с атрибутом required. Хотела сделать, чтобы если поле имеет этот атрибут, добавить после него звездочку. Но код не работает. Что я делаю не так? И как еще можно решить такую задачу без JS. input[required="required"]:after{ content:'\2217'; font-size:17px; color:red; margin-left:20px;}

    Asked by Светлана Г.,

    0 votes
    3 answers

  11. :first-child не всегда работает

    Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

    Asked by logicface,

    0 votes
    15 answers

  12. Как верстается такой интересный градиент ?

    Можно ли такую кнопку с двойным градиентом сверстать без применения фотоной картинки ?

    Asked by ilyas,

    0 votes
    5 answers

  13. неправильно настроил анимацию

    помогите пожалуйста решить проблему на страничке при наведении и отведении курсора на блок .pic, внутри него появляется надпись и исчезает. если очень быстро и беспорядочно водить курсором над блоками .pic , то многие надписи не исчезают проблема в том, что мне нужно чтобы после отведения курсора надписи точно исчезали

    Asked by cyklop77,

    0 votes
    4 answers

  14. z-index внутри блока с переопределенным контекстом наложения

    Есть пример-задача: http://jsfiddle.net/realovich/r4wdA/ В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст. Помогите, CSS-гуру.

    Asked by realovich,

    0 votes
    2 answers

  15. Разное отображение шрифта в chrome и ie 11

    Всем привет! У меня вот такая ситуация сложилась... Подключил не стандартный шрифт и захотел сделать его (100px) или больше. Получил такую картину в chrоme , а затем и ie 11. В ослике шрифт значительно поднимается вверх. Подскажите пожалуйста как его можно оцентрировать по вертикали.?

    Asked by b14de,

    0 votes
    6 answers

  16. Браузеры блокируют контент у элементов с классом advert

    Всем доброго времени суток! У меня проблема. Есть сверстанная страница . Но браузеры отображают ее только на половину. 80% содержимого от контента попросту не отображается, хотя в коде оно есть. Уверен в том что это происходит из-за слова "advert" в именах классов. Понятное дело что придется переделывать, но тем не менее, может кто то объяснить почему браузеры так реагируют на это слово. Расценивают это как спам или как скрытую рекламу или как что?) Версткой занимаюсь давно, но с таким столкнулся впервые. Заранее благодарен! P.S. Сначала сделал все на локалке, а потом залил на хост и такая свистопляска.

    Asked by illuminate,

    0 votes
    7 answers

  17. Меня бесит тег p и line-height, как их угомонить?

    Всем привет, есть проблема с margin блоков. Дело в том, что я немного perfectционист и стремлюсь к тому, что бы все зазоры между блоками были одинаковые. Ладно, я могу простить разницу в 1 пиксель, но больше чем 1 нет, это выше моих сил.=D Все в порядке тогда, когда блок заканчивается какой то таблицей или четким элементом, но все дрожит и полыхает если блок заканчивается абзацем. Ей богу, как они меня бесят эти абзацы и этот line-height. Вот пример хорошего дела: https://www.dropbox.com/s/mr0jkcx2zg90gd1/1.png А вот пример плохого дела: https://www.dropbox.com/s/3vj1vlh2unp56vt/2.png line-height мне нужен такой как есть сейчас, что бы зазор между буквами был 14…

    Asked by logicface,

    0 votes
    8 answers

  18. CSS hacks (проблема с Safari 5)

    Алоха. Перестал работать персональный css hack (селектор:not(:root:root) {свойство:значение;}) для Safari 5, но на старых версиях Safari работает "на ура". Кто-нибудь знает персональный css hack для Safari x<5<x? Встречал много статей, в которых утверждается что, к примеру, какой-то css hack только для Safari, начинаешь проверять его и получается, что он также читается и Google Chrome'ом. Все что я нашел работает для Safari_5+Google Chrome, а по отдельности только для Safari и только для Google Chrome - нету. Есть идеи? По теме: http://studioad.ru/blog/2009-09-30-92

    Asked by Compaq6720s,

    0 votes
    12 answers

  19. Минималистичная верстка, хорошо или нет?

    Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.

    Asked by logicface,

    0 votes
    2 answers

  20. Расположение изображения в HTML

    Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…

    Asked by Kony,

    0 votes
    9 answers

  21. css в <iframe>

    Здравствуйте товарищи. Ищеемся главная станица, где iframe. Туда хочу загрузить страницу с css дизайном. Отдельно эта страница классно отображается, а внури iframe все плохо. что исправить. PS код там маленький) (http://rghost.ru/56887167)

    Asked by JamesPipiskin,

    0 votes
    1 answer

  22. Сетка на bootstrap 3

    Помогите пожалуйста с вёрсткой макета на bootstrap 3. Есть макет, ширина которого в psd исходнике 1280px. В нём 12 колонок, каждая колонка по 93px и 11 gutter (промежутков) между колонками по 15px Получается = 12 x 93px + 11*15 = 1280px Как сделать такую сетку? Подскажите где почитать про это? Видимо нужно изменять стандартную сетку bootstrap...Покажите пожалуйста примеры, очень нужно

    Asked by jehkinen,

    0 votes
    1 answer

  23. как сделать чтобы див растягивался по содержимому

    1111

    Asked by uhwhat,

    0 votes
    6 answers

  24. Анимация css

    Есть пример: http://jsfiddle.net/WqZGF/ . Возможно ли сделать плавный раскрывание и закрывание на CSS без явного указания высоты и JavaScript?

    Asked by afdw,

    0 votes
    2 answers

  25. Пункты раскрывающегося меню не влазят в экран

    Есть горизонтальное меню в шапке сайта с раскрывающимися пунктами. В одном из пунктов длинный список и когда на странице мало контента, раскрытые пункты не влазят в экран. Я так понимаю динамически растягивать страницу по размеру меню можно только через javascript.

    Asked by Psyh,

    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