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. Избежать раздвижение элементов при скрыти/отображении

    Есть валидатор форм на Foundation http://foundation.zurb.com/docs/components/abide.html При отображении ошибки показівается поле <small> с текстом ошибки. Подскажите, какие стили нужно прописать чтобы при отображении этого элемента поля формы ре раздвигались. Указывал position:absolute. Оно-то работает, но красное поле по ширине сокращается до размера ошибки, а как сделать, чтобы на всю ширину было. Верхнее поле обернуто в div, нижнее — нет. <div style="position: absolute;"> <small class="error radius">Кто вы? Представьтесь.</small> </div>

    Asked by ekkl,

    0 votes
    1 answer

  2. У меня код не отображается ни в каком браузере

    У меня код не отображается ни в каком браузере, ни хром, ни фф. Что делать, в чем проблема? Вот мой код: <!DOCTYPE html><html> <head> <meta charset="utf-8> <title>Моя первая HTML-страница</title> </head> <body> <h1>Мой первый заголовок</h1> <p>Мой первый параграф</p> </body> </html>

    Asked by Highintensity7,

    0 votes
    1 answer

  3. Резиновое меню

    Здравствуйте. Задача такова: есть горизонтальное меню, которое должно быть резиновым и блоки в нем соответственно должны быть одинаковы. Код: http://jsfiddle.net/Haindell/27c8r/1/

    Asked by Haindell,

    0 votes
    2 answers

  4. Опять шрифты - разные размеры.

    PF DIN COND PRO MEDIUM Любой размер шрифта Размер шрифта - 14 пикселей Целый час генерила шрифт как могла, пока не оказалось, что буква З меньше только в 14 пикселей варианте. Кто-нибудь может объяснить, почему так происходит. Шрифты прорисованы под каждый размер? И что делать.....................................

    Asked by Zverushka,

    0 votes
    1 answer

  5. Нужно сделать таблицу на странице

    Всем привет Только начал создавать landing page. Опыта мало - пришел к вам) такая проблема: хочу на странице сделать некий каталог продукции моей. Вот что-то похожее: Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: -картинка -название -цена То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим напи…

    Asked by Dimkar,

    0 votes
    3 answers

  6. Управление less через Jquery

    у меня в файле *.less есть переменная @color, так вот не знаю как к ней обратится через Jquery что внести в нее новые значения..

    Asked by fikret,

    0 votes
    2 answers

  7. CSS Выбрать элементы следующие за текущим

    Как выбрать выбрать сестринские элементы следующие за текущим, до такого же элемента но без класса т.е. вот кликая на первый tr,чтобы на tr c классом преминилось,а уже на последний нет. <tr> <tr class="lvl-2"> <tr class="lvl-2"><tr>

    Asked by vladimircape,

    0 votes
    2 answers

  8. как исправить глюк с меню

    Здравствуйте. Подскажите, пожалуйста, как исправить глюк с меню, ссылки вылезли за предел, почему не могу понять. http://jsfiddle.net/CVvq9/

    Asked by zolga7,

    0 votes
    3 answers

  9. Личный кабинет

    Нужна помощь в создание личного кабинет. Вот пример http://www.goodmoney.cc/?page=registration Мне не нужно делать финансовую пирамиду, просто пример подходящий. Если можно, то без использования PHP. Спасибо за помощь

    Asked by diktor13,

    0 votes
    6 answers

  10. смещение правой колонки

    помогите пожалуйста решить проблему есть вёрстка. проблема в том, что при уменьшении ширины экрана до 600px и смещении нижнего скролла вправо видно, что между правой колонкой и правым краем браузера есть пустое пространство. но его не должно там быть, там должна быть правая колонка

    Asked by cyklop77,

    0 votes
    6 answers

  11. scrolling для блока

    как сделать чтобы логотип не прокручивался только жанры фильмов прокручивались http://codepen.io/lybrook/pen/rvDlw/

    Asked by adminfilm,

    0 votes
    8 answers

  12. Как сохранить размеры изображения внутри div ?

    <style> .container { width: 400px; height: 400px; } </style> <div class="container"> <!-- Размер картинки к примеру 1000px на 1000px--> <img scr="image.png"> </div> Вопрос: как мне поместить в .container и сохранить исходный размер картинки image.png и чтобы она была по центру сверху ? Спасибо за отклик.

    Asked by fikret,

    0 votes
    1 answer

  13. Едет таблица при печати

    При отображении все нормально, но при печати в ие 10 вообще теряется отображение таблицы на последнем листе, в хроме таблица просто едет(по мелочи, просто не ровные ячейки друг относительно друга, причем не везде). проблемы в хром http://clip2net.com/s/79L39O проблемы в ие http://clip2net.com/s/79L4e3 XXXXXXXXXXXXX.html Подскажите, в чем может быть проблема? вроде ничего такого в стилях не указано...

    Asked by _Mar_,

    0 votes
    0 answers

  14. Новости из группы ВК

    Приветствую, сегодня увидел одну интересную вещь. Некий моделированный контент, лайки, репосты, берущиеся из группы ВК. Так и не получилось сделать нечто похожее, подскажите...

    Asked by Vans,

    0 votes
    6 answers

  15. текст справа картинки

    здравствуйте помогите пожалуйста нужно чтобы описание появилось справа картинки а кода добавляю float:right вот что получается ссылка на код http://codepen.io/lybrook/pen/neCkv/

    Asked by adminfilm,

    0 votes
    7 answers

  16. Вопрос по fieldset

    Здравствуйте! У меня такой вопрос (искал в сети, но ответа не нашёл, решил спросить у знающих здесь): как ещё можно реализовать, сверстать такую штуку - Знаю, что есть такое <fieldset> и <legend>, можно легко с их помощью реализовать данное, но это, к сожалению не подходит. Есть ли ещё какие-нибудь идеи по этом поводу, как реализовать вёрстку без тегов <fieldset> и <legend>? Заранее Вам благодарен!

    Asked by 13bis,

    0 votes
    1 answer

  17. кроссбраузерность

    Не могу сделать вот такое вот меню чтобы в Мозиле работало, нашёл много инфы про кроссбраузерность радиальных градиентов но у меня загвоздка в том что вместо обычного цвета #000000 используется rgba, выглядит это так: background:radial-gradient(circle farthest-side at 73px 47px, rgba(0, 255, 255, 0.9 ) 10px, rgba(0, 77, 235, 0) 130%); пробовал вот так то есть -moz-radial-gradient(circle farthest-side at 73px 47px, rgba(0, 255, 255, 0.9 ) 10px, rgba(0, 77, 235, 0) 130%); нифига мози не видит как сделать такую раскраску кроссбраузерной помогите кто знает

    Asked by igornagorny89,

    0 votes
    5 answers

  18. плавное появление меню (transition)

    ребят есть код (смотрите на скрине) при наведении пункты должны плавно появляться .с background-color это работает, впринципе градиент при навдении мышки тоже работает отлично а вот что написать в transition ума не приложу ,что не писал не работает и все,может кто что подскажет ,может ошибка где

    Asked by Евгений_SB,

    0 votes
    3 answers

  19. Зафиксировать изображение

    Добрый день, подскажите пожалуйста в реализации, значит, будет квадратное изображение на всю страницу браузера и на этом изображении с левой стороны разной величины 2 формы ввода, а с правой стороны одна форма ввода, параллельно левым только со смещение внизу вот пример того, что должно получиться https://dl.dropboxusercontent.com/u/14318845/share/teamviewer.png мне нужно зафиксировать изображение, что бы можно было на нем "рисовать" формы с помощью html, зафиксировал вот чем display: block; position: absolute; правильно? Что вы подскажите ... нужно, что бы при уменьшении страницы все элементы были по центре, а не лезли влево тут у меня из за не знаний ничего не вышло…

    Asked by myr4ik07,

    0 votes
    0 answers

  20. Выбор произвольного цвета Chrome

    Необходимо было сделать выбор произвольного цвета. Получилось вот так: <script type="text/javascript"> function rndColor() { var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math.random()*256); var rgb = 'rgb(' + r + ',' + g + ',' + b + ')'; document.bgColor = rgb; }</script> <select> <option onclick="rndColor()">random color <option >another option </select>В общем работает в FF и в IE, но вот Chrome отказывается. Как исправить? Я так понимаю что хрому нужно указать цвет в hex формате, подскажите как…

    Asked by SRastrigin,

    0 votes
    1 answer

  21. как сделать чтобы текст был здесь

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

    Asked by adminfilm,

    0 votes
    4 answers

  22. Не загружается картинка

    На сайте dev.doitlist.ru в левом углу должно стоять лого, но оно почему-то не загружается, несмотря на правильно выставленный путь. Пробовал ставить прямой путь-результат такой же. Почему такое происходит и как бороться? Я в смятении... Впервые столкнулся с такой проблемой. PS: Учу php пробую сделать простенький сервис. Если есть желание, поищите ошибки. Можете использовать логин demo@mail.ru/demo или в исходном коде страницы раскомментировать форму регистрации.

    Asked by Ge1i0N,

    0 votes
    2 answers

  23. Хак только для Opera

    Ребята, подскажите пожалуйста, есть ли работающий хак для Opera. То есть, что бы прописать его в css и видеть его будет только Opera. Подключила нестандартный шрифт, а он ёлочкой, и только в Опере так, даже в Осле всё гладко.

    Asked by vera17,

    0 votes
    3 answers

  24. Bootstrap less

    Нужно ли подключать bootstrap.css если пользоваться bootstrap.less файлами?

    Asked by Roger,

    0 votes
    0 answers

  25. Не могу разобраться с меню построенным на теге div

    Ну в общем нужно, чтобы меню было как-бы сверху всего(чтобы колонки были над текстом а не под ним) и выдвигающиеся колонки справа при наведении, я сколько делал ничего не выходило. Спасибо за помощь заранее. Вот код html: <html><head><title></title><link rel="stylesheet" type="text/css" href="tablica3.css"></head><body class="telo"><div class="header"></div><div class="menu"><a href="index.html" class="a"><font class="cvet2">Главная</font></a></div><div class="wrapper"><div class="item1_norm" onmouseover="this.className='item1_hover';" onmouseout="this.className='item1_nor…

    Asked by Prosto_roam,

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