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. Оцените простенькую вёрстку.+ несколько вопросов.

    Добрый день. Я новичок и мне очень интересно ваше мнение о вёрстке 1 странички сайта. Пока я его делал всё время было ощущение, что можно сделать что-то лучше и что я не знаю каких-то вещей которые смогут облегчить или оптимизировать задачу, думаю это вполне резонно. Т.ч. мне бы хотелось узнать ваше мнение о общей картине (причём прошу не делать сильный акцент на том, что я недавно занимаюсь версткой) и текущей кроссбраузерности, что бы избежать ошибок в дальнейшем. Извиняюсь если css покажется вам кашей=) Сайт:http://test-shmest.besaba.com/ Сайт оптимизировался под ie8. Смотрел на последних версиях хрома и мозилы. Не достаточно, но с другими браузерами думаю будет горазд…

    Asked by Speel,

    0 votes
    3 answers

  2. загадочный border-collapse

    подскажите пожалуйста как связано правило border-collapse: collapse и появляющаяся линия сверху table? убрать линию можно, используя значение separate, но хотелось бы понять логику разработчиков стандарта

    Asked by cyklop77,

    0 votes
    3 answers

  3. Текст независимый от div

    Здравствуйте. Подскажите пожалуйста. Как сделать что бы текст не переходил на другую строчку на границе div?

    Asked by webmario11,

    0 votes
    3 answers

  4. float

    как можно сделать, чтобы плаваюший div#center учитывал пустой div#left ? body{ margin: auto; } #left{ float: left; width: 200px; background: yellow; } #center{ float: left; width: 200px; background: #ccc; } <div id="left"></div> <div id="center">center</div>

    Asked by valera,

    0 votes
    3 answers

  5. Мобильная версия

    Здравствуйте! У меня такая проблема. При верстке мобильной версии (320px фиксированная) в мозиле и ие 10 получаются вот такие чудеса (В др. броузерах не смотрел, в Сафари все нормально!). Вот ссылка на скриншот http://itmages.ru/image/view/1151725/3324b252. Кому не трудно посмотрите, очень нужно! Заранее огромное спасибо.

    Asked by Gasherez,

    0 votes
    3 answers

  6. Дергание блока при раскрывании в FireFox

    Вот ссылка на мой раскрывающийся блок подписки на рассылку, работает во всех основных браузерах кроме FireFox любой последней версии, если на странице есть вертикальный скролл раскрывающийся блок дернется вправо и становится на место и также при сворачивании, как это пофиксить? перепробовал все что на ум приходило, прощу помощи професионалов

    Asked by ilyas,

    0 votes
    3 answers

  7. Растягивается

    /del Проблему решил, всем спасибо

    Asked by 0x4553,

    0 votes
    3 answers

  8. Скачет уголок в Хроме

    Добрый день. Подскажите как православно верно сделать такие "уголки"? http://jsfiddle.net/npofopr/eA63W/ Проблема в общем то в следующем. На jsfiddle нет проблемы, а вот если посмотреть в Хроме на То при изменении ширины браузера, можно увидеть, как прыгает уголок. Или при вызове инспектора, тоже может прыгать Если убрать letter-spacing у span'а, то всё становить хорошо. Но может где то еще я наделал ошибки или можно проще всё было сделать?

    Asked by npofopr,

    0 votes
    3 answers

  9. Слайдер на чистом CSS3

    Ребят, помогите пожалуста. Как добавить к этому слайдеру автопрокруту через каждые n секунд, на чистом CSS3, без JS? http://csscience.com...siveslidercss3/

    Asked by two_pizza,

    0 votes
    3 answers

  10. Проблема с текстом внутри блока.

    Всем Доброго времени суток! При верстке макета столкнулся с проблемой выравнивания текста в блоке . Вот сайт http://gallery-kazan.do.am/ Блок "Последние обновленные новости" Ставил: line-height:60px; Но как видите результат вышел довольно - таки плачевным...Что делать?Заранее благодарен!

    Asked by ELBegemotos,

    0 votes
    3 answers

  11. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook,

    0 votes
    3 answers

  12. Проблема с подвалом

    Здравствуйте. Такая проблема: если у таблицы поменять align с center на left,подвал оказывается наверху. Скрин с align="left": Скрин с align="center": Код: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body> $ADMIN_BAR$ <div class="wrap"> $GLOBAL_AHEADER$ <?if($MODULE_ID$='forum')?><div style="width: 95%; margin-left: 3%;"><?endif?> <!-- <middle> --> …

    Asked by mcdude,

    0 votes
    3 answers

  13. предоставление контента сторонним сайтам

    Добрый день! Необходимо предоставить контент своего сайта стороннему веб-сайту.. Какие безопасные механизмы существуют для этого? Заранее благодарю всех ответивших!

    Asked by alexgherco,

    0 votes
    3 answers

  14. Горизонтальный нежелательный промежуток в FF 22

    Подскажите пожалуйста причину происхождения нежелательного промежутка, который проявляется только в FF 22.0 http://clip2net.com/s/5wsNan http://septa.devlab-s2w.com/makeup/ Опера, Крома и даже ИЕ9 этого не проявляют.

    Asked by seemax,

    0 votes
    3 answers

  15. Адаптивные картинки в статьях страницы

    Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…

    Asked by Delat,

    0 votes
    3 answers

  16. помогите свежим глазом определить микро проблему

    сайт http://digga.ru/ <body bgcolor="#FFFFCC" topmargin=0 leftmargin=0 bottommargin=0 marginwidth=0 marginheight=0 rightmargin=0> <table cellpadding="0" cellspacing="0" width="100%" border="0"> <tr> <td class=top align="left" width="195"> самая верхняя таблица (салатовая) по идее должна приклеется к верху страницы, но там почемуто образуется целая строка цвета заданного в body. логики в этом не вижу да и в коде никаких пробелов нет ( если позволяет время, пожалуйста, посмотрите, мне кажется что это что-то очень простое должно быть. Заране благодарю

    Asked by digga,

    0 votes
    3 answers

  17. svg-изображения в слайдере не отображаются в IE8 и ниже

    Здравствуйте, дали макет и в нем вот такой слайдер — http://img542.images...2/4426/v11v.jpg . Как вы заметили изображения слайдера необычной формы, У меня были идеи: Сохранить их в png с такими "вырезами", но они бы много весили по сравнению с jpg; Сделать блоки, которые бы перекрывали картинку, но фон не однородный: Cделать это с помощью css-свойства mask-image, но оно поддерживается только в Webkitax. Остановился на SVG clip-path. Вот что из этого вышло: http://fiddle.jshell...ody/dHjXn/show/ Не получается отобразить картинки в IE8 и ниже. Может кто-нибудь подскажет как с эти бороться? Можно даже их сделать прямоугольной формы, главное чтобы отображались

    Asked by mrnobody,

    0 votes
    3 answers

  18. Yootheme Subway - сделать дату как в демо?!

    Добрый день. Пытаюсь сделать сайт для товарища на основе шаблона Yootheme Subway. Хочу сделать дату как в демо версии шаблона возле модулей (слева от модуля). Вот демо шаблона: http://www.yootheme.com/demo/joomla Подскажите пожалуйста как правильно сделать так красиво дату?! Может какой то плагин нужен или это просто писать нужно в html или css? Я начинающий относительно сайтов поэтому прошу объяснить как для "тупых"). Вот сам сайт который требует помощи: http://rococo.in.ua/ Заранее спасибо.

    Asked by gumuch,

    0 votes
    3 answers

  19. Строка текста из "слов-столбиков"

    Ищу решение для такой задачи: есть строка текста, где каждое "слово" состоит из столбика слов в 1-4 строчки. Причем эта строка из таких столбиков должна перетикать на следующую строку, если достигнут край ее области, как у обычной строки из обычных слов. Возможно ли такое вообще реализовать через html, css2, javascript? Пример: fff kkkk jj bbb dd hhh cc ppp nnn kkk mmm zzz vvv mmm bb ddd

    Asked by Feonik,

    0 votes
    3 answers

  20. Кроссбраузерная верстка (Windows VS Ubuntu)

    Ребята, привет! Подскажите пожалуйста как решить следующую проблему: делаю верстку страницы, в chrome (под Windows) меню отображается как "надо" , т.е. как на макете, вот скрин с сайта: а вот при просмотре в chrome (через Ubuntu) текст и фоновая иконка css header{ padding-top: 10px; margin: 0 auto; width: 950px; background: #fff; display: block; height: 123px; } header #moremenu{ float: left; width: 100%; margin-top: 10px; } header #moremenu .mail{ width: 159px; float: left; border-right: 1px solid #C2C7CC; height: 33px; padding-top: 17px; } header #moremenu .mail a{ background: url("images/mail.png") no-repeat scroll 19px 4px transparent; color: #163d5f; font-f…

    Asked by Snek17,

    0 votes
    3 answers

  21. Проблема с высотой колонок (обрезается высота)

    Доброго времени суток. ГУРУ HTML, взываю к вашей помощи. Возникла проблема: пытаюсь верстать сайт на основе блоков. Тело сайта состоит из горизонтальных шапки, навигационной панельки, вертикальных 5 колонок (3х с содержанием (центральная резиновая, две боковые с фиксированной в пикселях шириной) и 2 по бокам - стилистических), и футера. Две самые крайние справа с слева колонки (leftmainlayout и rightmainlayout) имеют ширину 70пикс. а высоту заданную в процентах (100%) и заполнены повторяющимися по вертикали рисунками (70х50px). Пока сайт помещается в высоту экрана - все отлично. Но при превышении страницей высоты экрана - фоновые изображения крайних колонок перестают п…

    Asked by angelxalfa,

    0 votes
    3 answers

  22. Прошу совета

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

    Asked by devid89,

    0 votes
    3 answers

  23. Верстка табов. Прошу помощи и совета

    Здравствуйте! Подскажите как правильно сверстать табы изображенные на картинке?

    Asked by n-dimasss,

    0 votes
    3 answers

  24. Прокрутка клавиатурой

    Здравствуйте. Имею сайт с прокруткой, заданой свойством {overflow: auto;} для тега <body>. Мышью сайт прокручивается, клавой - нет. ЧЯДНТ?

    Asked by Chp,

    0 votes
    3 answers

  25. Сложный случай адаптивного макета

    Попался непростой дизайн для верстки, сайт будет адаптивный, хотя дизайн изначально под это не был рассчитан. Никак не могу решить, как правильно сверстать нижнюю часть. В правой и левой колонке фоном идет рисунок (рипитится по вертикали) и часть этого рисунка по замыслу дизайнера должна выступать за границу сайта. В принципе, это можно сделать и отрицательным маржином, но придется убирать выравнивание высоты колонок, потому, что необходимый для выравнивания overflow:hidden, не дает блоку с картинкой вылезти за границу сайта. С помощью before и after тоже не получается (абсолютное позиционирование не дает репититься рисунку). Проблема на декстопной версии сайта решилась …

    Asked by troll31,

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