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. Вопрос по float

    День добрый!Подскажите почему не работает float:right правильно?Почему блок с флоат райт выходит за границы родительского блока? Также интересует вопрос почему при наведении на меню между пунктами меню есть полоса другого цвета? http://cssdesk.com/Y6K5U

    Asked by Temik2704,

    0 votes
    3 answers

  2. Изменение фона меню при наведении на ссылку

    Дорогие коллеги! Крайне нуждаюсь в вашей помощи в решении следующего вопроса. Есть панель горизонтального меню. Нужно, чтобы при наведении изменялся фон и был размером по высоте как панель, по ширине на 5px шире (слева-справа), чем анкор ссылки. Именно так я и сделал. Есть одно НО: при навдении всё меню сдвигается вправо на 5 px. А нужно, чтобы при наведении текст меню не двигался. Код HTML: <ul class="navig"><li><a href="#">Бронирование отеля</a></li><li><a href="#">Купить авиабилет</a></li><li><a href="#">О сайте</a></li><li><a href="#">Контакты</a></li></ul>Код C…

    Asked by efendi,

    0 votes
    8 answers

  3. Помогите сделать щаблон резиновый

    http://cssdeck.com/labs/full/z57kadmr Вот что у меня вышло, весто слов, там есественно картинки, подскажите как сделать так что бы при изменении размера екрана или браузера, или при скроле, картинки оставалсиь на своих местах. Может их как то сгрупировать или еще что??

    Asked by xaoc90,

    0 votes
    1 answer

  4. scrollbar сдвигает всё

    Здравствуйте! Как вы знаете, то скроллбар может сдвинуть весь дизайн с его нормальной точки. Вот и у меня такое случается, по этому обращаюсь к Вам за советом, как можно этот скроллбар прикрутить(не знаю как сказать даже) к размерам сайта, ну, инимы словами, что бы скроллбар появлялся, но не сдвигал сайт. Если есть другие предложения, как это улучшить, смело пишите!

    Asked by dsasda,

    0 votes
    8 answers

  5. Боковые границы таблицы.

    Здравствуйте. Только недавно немного ознакомился с версткой. Взял первый макет, оформляю пока только в форме табличной верстки. Появилась проблема. Как убрать отмеченные на картинке косячки? http://jsfiddle.net/WN9cs/ так сойдет? и да, все там криво)

    Asked by gribock,

    0 votes
    4 answers

  6. Это он большой или хостер тупит? Скорость загрузки.

    Добрый день всем! Прошу глянуть, может что тяжелое на сайте или я придираюсь? Мне кажется он медленно загружается. Спасибо! сайт: http://wana.com.ua/

    Asked by Vic-Tor,

    0 votes
    5 answers

  7. Межстрочный интервал

    Нужно сделать веб страницу по образцу: У меня же получается следующее: Нужно уменьшить межстрочный интервал, в соответствии с образцом. Попробовал задать его через тег line-height во внутреннем листе стилей, но он воздействует на текст не так, как надо: при его использовании меняется межстрочный интервал, но строки, на которых содержатся подстрочные и надстрочные индексы (3я и 4я строка абзаца) продолжают отстоять друг от друга на расстояние большее, чем их соседи без индексов (1я и 2я строка), что не соответствует образцу. Как еще можно исправить этот недочет? И да, не знаю важно это или нет, но образец - это вордовский документ, а не веб-страница.

    Asked by NektoNY,

    0 votes
    6 answers

  8. Съезжает меню

    Добрый вечер! Сделал меню, но при масштабировании последний пункт съезжает. Подскажите, что можно с этим сделать? http://jsfiddle.net/P274Z/embedded/result/

    Asked by massef,

    0 votes
    6 answers

  9. Выравнивание по высоте

    Необходимо выровнять красный блок по центру по вертикали. Т.е. когда текста в <h1> становиться больше, родительский див растягивается, то и красный блок остаётся ровно по центру по высоте. Перекопал гугл, проблему не решил( <body> <div style="background:#CCC; width: 70%; overflow: hidden;"> <h1 style="width:70%; float:left"> Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! </h1> <a href="#" style="float:right; padding:20px 20px; background:#F00; display:block">Ах, этот текст! </a> </div><…

    Asked by goodsik,

    0 votes
    5 answers

  10. Lite CSS reset

    Сейчас использую такой ресет, тк без него сверху появляется не желательный отступ. * { margin: 0; padding: 0; } Пробовал такой ресет, не помогает. html, body { margin: 0; padding: 0; } Посоветуйте как сбросить стили, но без лишней не нужной работы, которую дает звездочка.

    Asked by Curaudo,

    0 votes
    2 answers

  11. Подскажите как реализовать такую форму

    Вот как выглядит эта форма http://i.imgur.com/PdC14Rk.png Необходимо чтобы при нажатии на в корзину выбранное значение передавалось другой странице. Как это можно реализовать?

    Asked by posthack,

    0 votes
    5 answers

  12. Как сдвинуть средний контейнер вверх, с наложением на верхний, так чтобы нижний поднялся?

    Здравствуйте! Вот такая засада, у меня есть 4 контейнера, которые идут порядком друг за другом. Вот так http://jsfiddle.net/jjkJ8/8/ Мне нужно поднять 2й контейнер так чтобы он наложился на первый. Поднимаю его добавляя свойства position: relative; и top: -20px; Сам контейнер поднимается, но вместо себя оставляет пустое место. Мне же нужно сделать так чтобы блоки которые находятся ниже его, заняли его позицию. Чтобы пустое место не оставалось... Уже день сижу и мозг сломал весь. Буду благодарен за помощь опытных товарищей по цеху!

    Asked by maxxannik,

    0 votes
    2 answers

  13. CSS изображение накладываться на другое

    изображение накладываться на другое, но мне нужно наоборот! перепробовал все что можно было, помогите.. файлы <a href="#"> <div class="b_send"> <span class="b_send2">Отправить заявку</span> </div></a><div class="red"></div> .b_send{ padding-top: 6px; overflow: hidden; background: url(../images/button_send.png) no-repeat; width: 132px; height: 31px; font-size: 12px; font-style: italic; color: #000; text-align: center;}.b_send2{ border-bottom: 1px dashed #000000;}.red{ background: url(../images/red.png) no-repeat; height: 80px; width: 80px; margin-top: -52px; margin-left: 16px;}

    Asked by gameviktor,

    0 votes
    4 answers

  14. Высота блока

    Здравствуйте. Подскажите пожалуйста css свойство, которое поможет расстянуть блок по высоте, в котором вложены "плавующие" элементы. Подробнее на скриншоте: http://itmages.ru/image/view/1430842/d7404e73 Код: http://jsfiddle.net/atemiks/sf4Gh/1/

    Asked by Cod,

    0 votes
    7 answers

  15. Как сделать градиентом 3 полосы разного цвета?

    http://jsfiddle.net/Zverushka/eAX7f/ Получается не 3 полосы, а гриентный переход. Можно ли как-нибудь сделать именно 3 полосочки однопиксельные?

    Asked by Zverushka,

    0 votes
    7 answers

  16. Плавное вращение 3Dкуба на css3

    Есть исходник 3д куба с надписями на гранях, но он дергается при повороте мышкой и текст на нем выделяется.. Как это устранить? спс. вот пример http://www.paulrhayes.com/experiments/cube-3d/touch.html $(function(){ var el = document.createElement('div'), transformProps = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '), transformProp = support(transformProps), transitionDuration = 'transitionDuration WebkitTransitionDuration MozTransitionDuration OTransitionDuration msTransitionDuration'.split(' '), transitionDurationProp = support(transitionDuration); function support(props) { for(var i = 0, l = props.len…

    Asked by romoga,

    0 votes
    3 answers

  17. Оптимизированная загрузка графики

    Подскажите - как же это реализовать? Есть фоны блоков, есть слайдеры с png достаточно крупного размера.

    Asked by Zverushka,

    0 votes
    8 answers

  18. opacity

    Доброго времени суток дорогие форумчане. Появилась необходимость сделать сайт с фоновой фоткой. И тут в бой идут полупрозрачные блоки. И собственно вопрос: Когда блоку ставится прозрачность, текст внутри тоже становится той же прозрачности. Так избежать этого? сделать нормальной видимости? Заранее спасибо за ответы.

    Asked by html_do_man,

    0 votes
    2 answers

  19. помогите сделать такой угол

    Всем привет) подскажите как сделать такой угол? через border-radius не получается. http://cs421116.vk.me/v421116720/e15e/RYr1sOtp99M.jpg

    Asked by maksHTML,

    0 votes
    4 answers

  20. Как title, только с дивом. Как сделать, чтобы выходило рандомно?

    http://codepen.io/anon/pen/tFqwE# как сделать, чтобы не было всегда справа? а рандомно отображало. Ставил, чтобы показывало только с одной страны и не думал о последствиях. Теперь хз как сделать чтобы показывало случайно. Нужны скрипты? Код начинается отсюда: .infoMain:hover .TitleMain{} Тест: feniks000.myjino.ru Пример брал с мегого :megogo.net/ru

    Asked by Guest Feniks000,

    0 votes
    7 answers

  21. Подскажите с тегом input

    Привет, подскажите как сделать чтобы в поле input текст не отправлялся по нажатию Enter, а переносился на следующею строку? и еще как сделать чтобы поле ввода можно было растягивать?

    Asked by Wevon9,

    0 votes
    2 answers

  22. Маска стрелки

    http://jsfiddle.net/Zverushka/FxGXC/2/ Можно ли сделать подобное через маску (с применением в том числе свг для кроссбраузерности), но чтобы так - чтобы по сути мы вырезали только низ - чтобы слой обрезался так - чтобы была лишь стрелочка внизу и все - а по ширине и высоте могли быть любые размеры? Потому как сейчас для маски используется фиксированных размеров квадрат - не бесконечный по ширине и высоте (и если блок будет больше высоты и ширины маски - он просто обрежется и все ...

    Asked by Zverushka,

    0 votes
    7 answers

  23. less - что-то пишу не так.

    Скажите, что не так в этой строчке .margin (@font-size) when (@font-size>=2) and (@font-size <= 4) { top: 10px; } Выдает ошибку expected expression in style.less бла-бла-бла Из лесс выражений это единственное в этом файле.

    Asked by Zverushka,

    0 votes
    13 answers

  24. Подскажите, как так сделать?

    Помогите пожалуйста сделать вот такое! Суть заключается в том, что все цвета, кроме синего(контент) должны быть всегда width: 100%; а контент всегда посередине margin: 0 auto; Вопрос как так сделать?

    Asked by oleg126,

    0 votes
    12 answers

  25. В чем проблема

    Проблема заключается в следующем, хочу сделать мелкие правки на сайте ( править шаблон) сайт - http://wmzworker.ru Для этого я нажимаю проинспектировать элемент, но по какой то причине я не могу найти файл в котором лежит код отдельного елемента, постоянно показывает тот же самы файл в котором ничего нету. И так каждый раз какой бы я елемент не выбрал. http://firepic.org/images/2014-01/17/vuybv62lyrgi.jpg показывает файл css.php в котором ничерта нету.......как же мне править? вот что находится в этом файле: ничерта нужного мне <?php/*******************************************************************************************************************************…

    Asked by andrewmax,

    0 votes
    1 answer

  • Обсуждения

    • 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