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

29542 questions in this forum

  1. не работают стили css файла в браузере

    День добрый ! я новичек , подскажите пожалуйста ,проблема: не работают некоторые стили , открываешь фаербаг в хроме показывает что div{display:block;} в чем причина ?

    Asked by MagicAndrei,

    0 votes
    2 answers

  2. Активация кнопок и смена элементов

    Помогите, пожалуйста, разобраться как активировать кнопки чтобы при нажатии на них сменялась информация (текст/картинка). Один отзыв заменял другой. Прикрепляю свой код. Большое спасибо) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="reviews.css"> </head> <body> <style type="text/css"> .uc-reviws { position: relative; display: block; } .uc-reviews-slider{ overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-s…

    Asked by aversa121,

    0 votes
    0 answers

  3. масштабирование изображения в блоке

    Добрый день!С наступившим и наступающими!))) Нуждаюсь в ответе на такой размытый, может быть, вопрос: как отмасштабировать изображение по размеру родительсокго блока? К примеру: есть картинка 300Х300, а блок всего 140Х140. Задав ширину и высоту блоку 140Х140, а ищображению display: block, max -width, -height: 100%, у меня изображение просто обрезается, а не масштабируется. Хотя, в примере, который сейчас разбираю как раз именно эффект уменьшения масштаба происходит-картинка вся влазит в родительский блок и уменьшает изображение.

    Asked by Super_Saimon,

    0 votes
    5 answers

  4. Совет. Как выстроить блоки для закругления углов.

    Добрый день! Имею вот такой код: https://jsfiddle.net/f3scmbr0/ Загвоздка вся в том, что мне нужно закруглить углы у блока wrapp так, чтобы блок с изображением оставался в таком положении, в каком он сейчас находится. Подскажите где промахнулся при построении дерева. Пока я вижу вариант закруглять определенные углы у .hello__container и .hello__btn. Но это крайне тупо, как мне кажется... А по другому чет не вижу как это реализовать при таком построении блоков. Нуждаюсь в совете как правильно выстроить вложенность. Потому что, повторюсь, явно напартачил с этим делом, но не вижу решения... И, по ходу написания, нашел еще один вопрос, на который хотел бы найти ответ: сам…

    Asked by Super_Saimon,

    0 votes
    4 answers

  5. Внезапный отступ

    Доброго времени суток,знакомлюсь с вёсткой и решил сверстать страницу практики ради Всё шло по плану,пока не появился отступ справа.Никак не могу понять,откуда он возник... Помогите пжст Icanchoose.css Icanchoose.html

    Asked by Михаил56,

    0 votes
    0 answers

  6. Поделиться в соц. сети

    Здравствуйте. У меня такая проблема, хочу сделать кнопку поделиться в соц. сети на этом сайте http://www.plusnol.ru/ при нажатии на которую отправлялся текст только тот который находится в блоке. Код я прописываю такой: <li style="display: block; border: 1px solid #000; padding:5px; border-radius:3px; margin-bottom: 10px;">Здесь текст который надо отправить<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter,viber,whatsapp,telegram" data-size="s"></div></li&g…

    Asked by nikoliasa333,

    0 votes
    0 answers

  7. почему рамка сплюснулась

    .border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.

    Asked by ya novenkiy,

    0 votes
    1 answer

  8. Не работают Медиза запросы с Grid layot. Помогите понять проблему.

    Приветствую друзья не могу понять почему не работает адаптивка. Осваиваю адаптивную верстку на основе Grid . По задумке у меня несколько колонок которые при сжатии экрана менее чем 500 пикс., должны стать в две колонки. Не могу понять в чем подвох. Вроде бы пример элементарный. Может какая синтаксическая ошибка. Буду оч признателен если подскажете.

    Asked by Rusik177,

    0 votes
    0 answers

  9. Подскажите по свойствам шрифта

    Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing

    Asked by AlexZaw,

    0 votes
    0 answers

  10. Подскажите, что тормозит на странице?

    Добрый день всем! С праздником Рождества Христова! Всем здоровья и счастья! Подскажите, не могу понять, что тормозит появлению картинок на странице КУПИТЬ, а также карусель на главной странице?? Спасибо!

    Asked by Vic-Tor,

    0 votes
    5 answers

  11. Картинка внутри фона

    В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <span style="-moz-border-radius: 10px; -webkit-border-radius: 8px; width: 180px; background-color:#4682B4; border:5px ridge #cccccc"> [[File:Edhelmir.png|24px]] [[File:Earendil2.png|200px|link=User:Shtormhold]] [[File:Edhelmir.png|24px]]</span>

    Asked by shtormhold,

    0 votes
    2 answers

  12. Counter для slick-slider

    Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку

    Asked by brezze,

    0 votes
    3 answers

  13. Кто работает с Shopify?

    Доброго времени всем. Пожалуйста, откликнитесь, кто работает с платформой Shopify? Очень много вопросов, очень мало ответов... Работаю с уже созданным интернет магазином. Информации по ней мало даже на английском языке. Мне нужно знать как найти элемент CSS кода для правки, и как создать POP UP окно для не главной страницы? Если кто то сможет помочь пожалуйста. Спасибо

    Asked by Ollolo,

    0 votes
    0 answers

  14. Как сделать растяжимый фон треугольник без картинок

    Здравствуйте! Увидела в интернете множество рецептов как сделать элемент с нулевой шириной и высотой и широкими прозрачными границами, чтобы получился треугольник, например здесь https://css-tricks.com/examples/ShapesOfCSS/ Проблема в том, что такой треугольник не растягивается. Границе нельзя задать значение в процентах от ширины родителя. Мне же нужно, чтобы Triangle Top Left тянулся как фоновый рисунок треугольника, только без рисунка, средствами css. Как это сделать?

    Asked by hike,

    0 votes
    11 answers

  15. Разместить в одну колонку

    Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> …

    Asked by marc,

    0 votes
    1 answer

  16. Проблема с отображением select в форме поиска

    Доброго времени суток уважаемые форумчане. Возникла проблема с отображением элемента в форме поиска.(именно в хроме) При заходе на сайт форма работает корректно, при выполнении поиска результат показывается на другой странице сайта. Если перейти на пред идущую страницу (с помощью стрелок в браузере), то один из select-ов пропадает. В firefox такой проблемы нету. ( при переходе через меню такой проблемы нету) ссылка на сайт, проблема с "населенным пунктом". Прошу помощи, не понимаю чего не хватает.

    Asked by Igorewa,

    0 votes
    2 answers

  17. Помогите с верстой фиксированного меню

    Друзья помогите сделать фиксированное меню как тут (там где скриншоты, сравнения и т.п.) Тоесть меню изначально закреплено допустим где то в центре экрана, выбирая нужный якорь оно перемешается в top и опускает к нужному разделу, листая обратно вверх, оно бы вставало на старое место. У меня просто что то тупка.

    Asked by papay,

    0 votes
    1 answer

  18. Навигация со скролом для мобильной версии сайта

    Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    13 answers

  19. капризы Flex-basis

    Подскажите, почму на главной https://www.euromedika.ru/ статьи по три в ряд, а например, тут: https://www.euromedika.ru/body по две при flex-basis:30% в обоих случаях

    Asked by d0ublezer0,

    0 votes
    1 answer

  20. через что размещать элементы на странице

    через что лучше размещать элементы, через position, margin, еще как-то ?приведите примеры, или скиньте ссылки где описывается без особых наворотов

    Asked by rpmcmerphy,

    0 votes
    2 answers

  21. Как найти автора шрифта

    Подскажите как найти автора шрифта - на сайте https://www.myfonts.com есть имя автора но контактов нет, и как купить шрифт у автора?

    Asked by Anastasiya,

    0 votes
    0 answers

  22. Проблема со шрифтом в div блоке с тегом <p>

    <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю разм…

    Asked by мурамаса,

    0 votes
    1 answer

  23. Создание коммерческого сайта

    Здравствуйте! Подскажите пожалуйста, у меня есть не коммерческий сайт www.kstu.kz/ как его можно сделать коммерческим? P.S. да я нуб

    Asked by Botsai,

    0 votes
    1 answer

  24. Как сделать правильно навигацию

    Есть такая навигация по сайту http://take.ms/DOWKs Не могу приложить ума как ее правильно сделать и чтоб она еще была адаптивной. Визуально я вижу навигацию в три колонки, которая в мобиле будет в одну колонку, но в первых трех колонках подраздели выровнены по одной линии (красные линии на скрине). А как добиться этого при обычных трех колонка, я не могу понять, ибо они все будут подниматься к верху и вся сетка собьется. Была мысль все тайтлы навигации и подразделы делать колонками, но в мобиле собьется логический порядок, а потом всех расставлять order-ом. Вариант конечно не очень, ибо если пропадет тайтл или появится новый блок ссылок, то все ордеры собьютс…

    Asked by vladmih,

    0 votes
    5 answers

  25. Верстаем крышу

    Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. Spoiler У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое? Пробовал с svg, но не могу растянуть на 100% не изменив высоту...

    Asked by Mixfixpix,

    0 votes
    6 answers
×
×
  • 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