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. LESS, SASS, SCSS

    Если представить, что у вашего друга верстальщика была лёгкая степень комы. После которой он вернулся в мир верстки зная один CSS, что бы вы ему посоветовали для своего нового суперпроекта? LESS, SASS, SCSS?

    Asked by miloslovesky,

    0 votes
    6 answers

  2. Какие есть идеи? - верстка слайдера

    Использую этот слайдер: http://www.devsaran.com/theme/dark_elegant/ видим на нем эффект Fade и красную шторку с текстом. Все замечательно...шторка эта приверстана к слайдеру отдельно, т.е. это не полноценные картинки в слайдере, на которых она красная нарисована вместе с текстом. В слайдере я поменял эффект на Slide. Цель: оставить шторку эту на месте, чтобы она не двигалась, а из под нее выезжали картинки. Сейчас с эффектом slide картинки выезжают вместе со шторкой. У кого какие идеи как это реализовать? Думал мож попробовать сделать контейнер, фоном ему справа задать эту шторку и запихать в него слайдера, но слайдер будет перекрывать фон. Желательно конечно еще кнопки п…

    Asked by xSPiRiTx,

    0 votes
    6 answers

  3. Раскрывающийся по клику список

    Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?

    Asked by Владимир Н,

    0 votes
    6 answers

  4. помогите в изучении css

    Всем доброго дня. Уважаемые гуру подскажите пожалуйста чайнику который решил освоить css. Есть стиль .bg{ width:100%; background: url(/images/header_bg.jpg) repeat-x left top; } Вставляю этот стиль в страницу таким образом <body> <div class="bg"> <p>text text</p> </div> </body> Вопрос. Почему у меня не видно бэкграунда? Что я не правильно делаю? Огромное спасибо

    Asked by blood,

    0 votes
    6 answers

  5. Меню с углами

    Как кроссбраузерно сверстать такое вот меню? Тут больше интересуют углы. Если кроссбраузерно, то картинкой, правильно? А как именно - понять не могу.

    Asked by Imperil,

    0 votes
    6 answers

  6. Не знаю как сверстать эту часть.

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

    Asked by Kobe_kobe,

    0 votes
    6 answers

  7. Стилевое оформление тега select

    У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html

    Asked by Rayzor,

    0 votes
    6 answers

  8. Проблема с отступами в контейнере и шириной textarea

    <html> <head> <style type="text/css"> body {margin:0; padding:0;} div.container {margin:100px auto; width:400px; padding:20px; border:1px solid black} p {display:inline} input {display:block} textarea {width:400px} </style> </head> <body> <div class="container"> <form method="post" action="add.php"> <p>Название продукта</p> <input type="text" name"caption"/> <p>Категория продукта</p> <input type="text" name="category"/> <p style="display:block">Описание продукта</p> <textarea rows="5"> </textarea> <input type="submit" value="Добавить"/> </form> </div&…

    Asked by 0nline,

    0 votes
    6 answers

  9. Как-то не просто с футером...

    Приветствую всех. Товарищи, прошу вашей помощи. butterflyaf.ru В чём проблема. 1. есть rezina.js, который резинит сайт, при том сделано так, что у всех практически элементов прописан процентный height. И в связи с этим проблемно прижать к низу футер. На первый взгляд он вроде и прижат, но при бОльших разрешениях или малом контенте он отпадает. 2. Футер сейччас идёт в потоке обычного контента и соответственно, как и у всего контента, у него есть поля, т.е. его мне не удаётся растянуть на 100%. Я вытащил его грубой силой за поля вьюпорта и прописал overflow: hidden; И вроде было терпимо, до тех пор, когда я не нажал на скрол и прокрутил (случайно) мышкой вбок. Overflow убр…

    Asked by alexandr_v-vich,

    0 votes
    6 answers

  10. Проблема с меню

    Добрый день! Очень нуждаюсь в помощи с меню, буду рада любым советам. Выглядит оно вот так: Красным выделен, собственно, участок меню, который необходимо сверстать, а непонятки с левым участком с надписью "Friends Sign Up". В PSD-макете вся оранжевая область меню - одна целая картинка, причем, сделанная так, что ее на части разобрать очень проблематично, даже слишком проблематично, так что отрезать от картинки левую часть и прилепить в код бэкграундом я не смогу. Есть ли возможность как-то так сделать левую часть ресурсами только HTML и CSS? Так, чтоб и hover-эффект на эту часть меню был такой же формы. Либо, может, есть еще какие-то варианты? Заранее спасибо, буду очень…

    Asked by Carneol,

    0 votes
    6 answers

  11. DIV-ы или table...?

    Здравствуйте гуру , знающие , интересующиеся и просто любопытствующие... Какая просматривается тенденция , что рекомендуют учителя и опытные верстальщики ? Набирать div или склонится в сторону table ? Есть принципиальная разница ? Быть может просто я не понимаю сути этого дела , поэтому терзаюсь сомнениями ? Спасибо . Хорошего всем дня .

    Asked by RomanF,

    0 votes
    6 answers

  12. Вывести в alert CSS свойство

    Тям опять иссяк Подскажите пожалуйста, как в команду alert вывести что-то из стиля блока див, что прописано в отдельном CSS файле а не в теге div? Вот пример, border и fontSize вылазиют, а width и прочее нет, т.к они не прописаны в теге. (кликните по блоку) http://jsfiddle.net/bYdmj/2/

    Asked by фонарик,

    0 votes
    6 answers

  13. Отображение на планшетнике

    Здравствуйте. Не могу понять, почему этот сайт http://kroha-odeta.ru на АйПаде отображается криво. Он не влазит как бы. Дивы сползают А на этой странице http://kroha-odeta.ru/book/ на планшетнике крякозябры, а не буквы. Можете подсказать?

    Asked by Tezil,

    0 votes
    6 answers

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

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

    Asked by bayanruby2,

    0 votes
    6 answers

  15. тень вокруг элемента

    как видел статью, как сделать тень вокруг элемент с 4х сторон, не могу найти, подскажите ссылку на решение

    Asked by Shaka13,

    0 votes
    6 answers

  16. помогите с IE 7

    http://jsfiddle.net/FhZuV/ В совместимости с IE 7 рамка уходит в сторону... Знатоки помогите, голова уже кругом идет...

    Asked by vladmih,

    0 votes
    6 answers

  17. Style.css Настройка ширины текста и интервалов.

    Проблема вот в чем - не могу понять каким образом в style.css изменить(в данном случае увеличить) ширину текста. На первой картинке - скриншот сайта, на второй - применена одна из бесплатных тем(сайт на wordpress). Хорошо видно, что на втором скриншоте текст заметно шире, хотя шрифт тот же. Подробное изучение этого вопроса результатов не дали, прошу помочь. Скриншот номер два:

    Asked by Andrew_gur,

    0 votes
    6 answers

  18. Убрать рамку и тень

    Имеется два блока, возможно ли убрать рамку снизу, а также тень маленького блока снизу ?Нужно чтобы блок смотрелся как единый целый http://jsfiddle.net/jVPa9/.

    Asked by jaster,

    0 votes
    6 answers

  19. Как вернее использовать логотип?

    Логотип должен быть картинкой или фоном?

    Asked by Маленьке Звірятко,

    0 votes
    6 answers

  20. Ограничить размер img сверху, без растягивания

    Братцы, так бывает, что из базы на страничку картинки тянешь, а в базе, понятное дело картинки разных размеров и форматов (jpg gif png) и выяснить их размер "налету" вряд ли возможно. А область под картинку фиксированного размера. Так вот, желательно картинки больше известного размера масштабировать, а меньше - оставить как есть. Это реально?

    Asked by Splinty,

    0 votes
    6 answers

  21. проблемы с фоном подскажите

    Когда смотришь сайт то норм, как только начинаешь его увеличивать или уменьшеть, начинает все сьезжать как это лечиться ?? вот когда в 100% сайт в браузере http://s020.radikal....72d81ab042d.jpg и когда увеличен в браузер все сьезжает http://s018.radikal....27ef09f4878.jpg

    Asked by Savok32,

    0 votes
    6 answers

  22. Спрятать HTML-код если просмотр через iPad

    Доброго времени. Возможно ли закрыть частично код, если просмотр страницы идет через iPad Например есть код: <div>1 слой</div> <div>2 слой</div> <div>3 слой</div> Нужно чтобы все 3 слоя показывались под всеми браузерами и системами, а вот если зашли с iPad, то показывать только: <div>1 слой</div> <div>3 слой</div> С уважением.

    Asked by sion999,

    0 votes
    6 answers

  23. Как сверстать такой блок

    Здравствуйте! Есть такой макет: ссылка на изображение, размер: 143 кбайт, 1024 x 641 точек Задача состоит в том, как сверстать большой полупрозрачный блок. Я использую верстку с прижатым футером. Код: <body id="inner"> <div id="wrapper" class="w100" style="background-image:url(maneBg_2.jpg); background-position:0 0;"> <div id="main"> <div id="all"> <header class="strip"> <div id="header_c"> <nav id="menu_l"> <ul> <li><a href="#">Парикмахерский зал</a></li> <li><a href="#">Ногтевой сервис</a></li> <li><a href="#">Косметология</a>&…

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

    0 votes
    6 answers

  24. падинги для спана

    http://jsfiddle.net/AYxAw/ в общем суть такова... Как сделать боковые отступы фона от крайних символов? То есть по краям где символы фон сделать по дальше... Блоковым делать его нельзя, он должен быть лайновым, чтоб был эффект перехода строк.

    Asked by vladmih,

    0 votes
    6 answers

  25. Резиновый шрифт

    Здравствуйте! Такая проблема: Делаю адаптивный сайт, использую Firefox, а проверяю просто уменьшением окна браузера. Перейдя по ссылки, вы сможете увидеть надпись вверху, и если у вас разрешение меньше 1920*1200, наверняка надпись перейдет на вторую строку, закроя тем самым ссылки. Размер шрифта в процентах, да и вообще я считаю, что все надо делать в процентах. Главное не понимаю, почему, если он в процентах, плохо отображается на других экранах. Может есть какое-то средство, чтобы не создавалась новая строка? Как видете игрался с max-height, не помогает. А заодну еще вопрос задам: почему у меня на телефоне HTC Incredible S простой шрифт идет, а не тот который я установи…

    Asked by Michael Myers,

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