HTML Coding

29542 questions in this forum

1. Проблема с грамотным построением блоков

   Нужно расположить блоки, как на макете. Сделал блоки, присвоил им inline-block и 2 строка началась на уровне высокого блока, который должен занимать 2 строки. Что с этим делать?

   Asked by LordGuard, March 30, 2016

   • inline-block
   • float
   0 votes
   1 answer
2. Анимация перед рендером страницы

   Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

   Asked by vladmih, March 30, 2016

   0 votes
   13 answers
3. Проблемы с фоном

   Всем привет! Народ, помогите пожалуйста. Фон неправильно себя ведёт. Вот пример: https://jsfiddle.net/uprf5m2f/ В общем если свойство opacity: 0.22; убрать, то все внутренние надписи чётко отображаются. Такое ощущение, что прозрачность наложилась и на все вложенные в start-wrapper элементы. Как я только со свойствами z-index не игрался, пока ничего не помогло. Помогите пожалуйста. Нужно чтоб прозрачность также оставалась 22%, но чтоб все вложенные в start-wrapper элементы были четко видны, т.е. чтоб на них прозрачность не действовала.

   Asked by fenix_63, March 30, 2016

   • html
   • css
   0 votes
   3 answers
4. Разные картинки

   Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?

   Asked by yaparoff, March 30, 2016

   0 votes
   2 answers
5. Анимация border

   Здравствуйте. Не получается реализовать эффект Задача: чтобы ширина нижнего бордера плавно уменьшалась из центра к бокам. С левой линий все просто. Но как добиться уменьшения ширины правой линии? (т..е. в направлении слева направо) Код того, что получилось: codepen.io

   Asked by BehemothOz, March 29, 2016

   0 votes
   2 answers
6. Как правильно верстать логотип?

   Уважаемые форумчане! Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так: <strong class="logo"><a href="#">LOGO</a></strong> а затем вешал картинку на фон блока с помощью CSS. Или лучше использовать тег <img>? А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?

   Asked by alejandro13, March 29, 2016

   0 votes
   4 answers
7. Возможно ли пропорциональное изменение элементов страницы и расстояния между ними при изменении ширины экрана

   Здравствуйте. Есть одна нестандартная проблема. Хочется узнать возможно ли вообще её решение. В прикреплённом скриншоте в принципе её всё описание. Хотелось бы чтобы при изменении ширины экрана верхняя часть дуги всегда проходила между пунктами меню "вопрос-ответ". Так же хотелось бы граница фона (на скриншоте показано где она проходит) проходила бы так же чуть ниже середины прямоугольников центрального меню. То есть хотелось бы чтобы при изменении ширины страницы - все элементы меняли свои размеры и расстояния между ними строго прямо-пропорционально в процентном соотношении. Образно говоря, чтобы это было как простое масштабируемое изображение, но на изобр…

   Asked by BOMS, March 29, 2016

   0 votes
   1 answer
8. Блок неправильной формы(срезанные прозрачные углы)

   Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными

   Asked by F4rr3LL, March 29, 2016

   0 votes
   2 answers
9. Адаптивный слайдер

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, такой слайдер только адаптивный

   Asked by stan07, March 29, 2016

   0 votes
   1 answer
10. Переход от мобильной к полной версии сайта

    Добрый день! Чтобы яндекс не ругался, вчера на скорую руку сделал мобильную версию для сайта http://multikorm.ru/, используя медиа запросы. Сегодня попросили добавить ссылку, при нажатии на которую будет открываться полная версия сайта. Ничего толкового на форумах почему-то не нашел и решил написать небольшой скрипт, который удаляет <link href="mobile.css"> и <meta type="viewport">, но у этого решения множество недостатков) Как сделать переход более правильным в данном случае?

    Asked by kaspers128, March 29, 2016

    0 votes
    3 answers
11. Продолжение фона для меню

    Здравствуйте! Помогите, пожалуйста, решить проблему. Ширина хедера - 1170 px. Необходимо, что бы фон для меню (малиновый прямоугольник) продолжался вправо до конца экрана. Как на изображении: Вот сам код - https://jsfiddle.net/0rzhsdnx/ Заранее благодарю за помощь!

    Asked by volshebnyi, March 29, 2016

    0 votes
    11 answers
12. Ломается письмо при переотправке

    Обнаружил проблему. Письмо "ломается" при переотправке с одной почты на другую. Цепочка следующая : я отправляю на мыло А, оттуда оно перенаправляется еще на письмо Б. На письме Б появляются огромные пробелы вверху и внизу тела письма. Коричневая граница - самый верхний контейнер. Где-то натыкался на проблему, что при переотправке письмо ломается, но не могу найти. Можно это как-то исправить? Наверное плохо гуглил, ткните носом в тему.

    Asked by WhatIsHTML, March 28, 2016

    0 votes
    1 answer
13. Вертикальное выравнивание на flex

    Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?

    Asked by BehemothOz, March 28, 2016

    0 votes
    1 answer
14. Использование нескольких классов без кавычек

    Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?

    Asked by Melodyn, March 28, 2016

    • html5
    • css
    • class
    0 votes
    3 answers
15. Эффект скрытия текста при скролинге

    Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm

    Asked by Akkord87, March 28, 2016

    0 votes
    2 answers
16. Прилипание топ-меню

    Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?

    Asked by ITMOfan, March 28, 2016

    • css
    • js
    • sticky
    • прилипание
    0 votes
    6 answers
17. Максимальная оптимизация видео

    Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в брау…

    Asked by Akkord87, March 28, 2016

    0 votes
    5 answers
18. Шапка для слайдера

    Как лучше поступить с шапкой для Видео слайдера и аналогично для Фото слайдера? Суть вопроса: Слайдер будет под видео разрешением 1280х720 px уменьшать не хочется На мониторе с разрешением 1920х1200 px коим я всегда пользуюсь места навалом и вопросов нет: по вертикали остается 250px и по 320px по бокам(режим пол. экран). На мониторе с разрешением 1280х1024 слайдер умещается впритык по горизонтали, а по вертикали остается 72 px с гулькин х.. Снимок экрана с разрешением 1280х1024 px вот На стартовой странице шапка высотой 150рх Что посоветуете аксакалы начинающему?

    Asked by Alex_, March 28, 2016

    0 votes
    1 answer
19. Dota 2 <img

    Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.

    Asked by eternalslave, March 28, 2016

    • img
    0 votes
    5 answers
20. placeholder не отображается в chrome

    Placeholder не отображается в chrome. В остальных браузерах все нормально http://design.zevs-online.ru/1280/

    Asked by yaparoff, March 28, 2016

    • placeholder
    0 votes
    3 answers
21. Помогите разрешить проблему с SSI

    Вникаю в SSI - очень нравится мне эта технология! Из тюка страниц можно вынести наружу меню, шапку, подвал и т.д. С меню в SSI очень удобно: меняю в menu.shtml сколько угодно ссылок и всё в момент отображается в страницах. Иначе - в каждой странице нужно менять, а если их много, то... Но вот с какой неожиданностью столкнулся. Вот есть сайт и его началу (корню), как полагается, соответствует index.html - юзер вводит домен.ру - попадает на index.html. И вот сделал я index.shtml, в котором вынес наружу меню: <!--#include file="mainmenu.html"--> Но теперь при клике на Главную выводится... файловое дерево сайта... Если же я просто переименовываю i…

    Asked by Ksanytch, March 27, 2016

    • index.shtml
    • ssi
    • главная стр. в ssi
    0 votes
    4 answers
22. повороты в canvas

    помогите пожалуйста повернуть каждую цифру на 90 градусов. результат должен выглядеть так. у меня пока получается только так вообще я пытаюсь нарисовать систему координат. с вертикальной осью проблем нет

    Asked by cyklop77, March 27, 2016

    • canvas
    • js
    0 votes
    1 answer
23. Можно ли сделать плавающий, но не фиксированный блок?

    В сайдбаре есть блок с тизерами, их там много. Потому просто position:fixed не подойдет иначе будет видна лишь малая часть Вот вопрос - можно ли и если да, то как сделать так, что если человек прокрутил статью вниз на 1500 пикселей, то этот блок становится со свойством margin-top:1500px; это чувствую как-то с JS связано..

    Asked by nikki4, March 26, 2016

    0 votes
    1 answer
24. скругление-эллипс нижних углов блока

    Ребят,нужна помощь нужно сделать у блока со слайдером скругленные нижние углы,но скругление эллипсовидное проблема в том что когда задаю border-radius: 0 0 50%/5%; - скругляется нижний правый угол но если задать border-radius: 0 0 50%/5% 50%/5%; - то блок остается квадратным https://jsfiddle.net/1ndr2qq1/

    Asked by F4rr3LL, March 26, 2016

    0 votes
    2 answers
25. Дополнительное фото товара

    Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные. Как сделать в этом блоке их размер 1/2 (50%) от оригинального изображения вверху страницы?И как их выровнять в ряд (горизонтально)с небольшим промежутком между ними?Сейчас они выстраиваются вертикально помогите с кодом,пожалуйста. Что дописать или исправить? {if count($product.images) > 0} <div class="more-images"> {foreach from=$product.images item=image name=phthumbs} <div…

    Asked by stels57, March 26, 2016

    • дополнительное фото товара
    • вывод фото в %
    • $image
    0 votes
    1 answer