HTML Coding

29542 questions in this forum

1. Изменение масштаба макета

   Здравствуйте, дорогие друзья! Я начинающий верстальщик. Выполняя макет столкнулась с такой проблемой: при уменьшении масштаба все элементы макета начинают плыть. Помогите пожалуйста решить эту проблему и если можете дайте рекомендацию по улучшению кода. Ссылка на проект: http://rghost.ru/7WnZCZt5Y

   Asked by Nonius, May 10, 2015

   • fluent
   • div
   0 votes
   3 answers
2. Какая должна быть разметка в данном случае?

   Здравствуйте. Пытаюсь освоить адаптивный дизайн с bootstrap. Но пока не понимаю какая должна быть html разметка. С толку сводит например то, что на широком экране лого, телефон, магазины и корзина идут выше строки с меню, а в компоновке для узкого экрана - после меню. Или например поиск находит в сайдбаре на широком экране, но на узком в верхней строке после кнопки меню. Вот схема широкого экрана: А вот узкого: Объясните пожалуйста как решаются такие противоречия в адаптивной вёрстке? С помощью разного абсолютного позиционирования в медиа запросах css?.. Буду благодарен если вы покажите, какая должна быть html-разметка в данном случае.

   Asked by borus, May 11, 2015

   0 votes
   4 answers
3. Белая полоса на экране страницы

   Добрый день! Так вот.. на моем сайте в русской версии, белая полоса... Как ее убрать? На других языках этой полосы нет. Мой сайт www.lingovocabulary.com

   Asked by iolegv, August 22, 2015

   0 votes
   6 answers
4. Вывод файла по дате

   Добрый день уважаемые форумчане. Посетила меня недавно идея как оживить свой сайт интересной информацией, а именно не большим модулем куда будут выводится картинка с описанием сегодняшнего праздника или события которое происходило в этот день с ссылкой на подробное описание. Допустим 12.04 День космонавтики или 7.05 День радио. Вот как примерно я себе это представляю. <h3>День космонавтики</h3> <p> <a title="12.04.1961 День Космонавтики" href="https://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%BD%D1% C_%D0%BA%D0%BE%D1%81%D0%BC%D0%BE%D0%BD%D0%B0%D0%B2%D1%82%D0%B8%D0%BA%D0%B8" target="_blank"> <img src="images/12_04.png" alt="День космо…

   Asked by UFO_hA, April 14, 2016

   0 votes
   2 answers
5. Как сверстать такое

   Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать

   Asked by yaparoff, November 2, 2018

   0 votes
   2 answers
6. Аудиоплеер без js

   Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?

   Asked by Ubhra, February 6, 2018

   0 votes
   1 answer
7. машинка поднимается на один уровень

   Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? portfoliox.ru

   Asked by начинающий верстаг, March 17, 2018

   • адаптивная верстка z-index
   0 votes
   1 answer
8. Помогите

   http://dump.ru/file_catalog/1031757 - вот скрин Я сделал новую шапку, убрал старую вставил новую, но теперь у меня исчезли надписи "На главную" "Выход" "пользователь" как их поставить на новую шапку????

   Asked by Guest Alexxxx, August 31, 2008

   0 votes
   0 answers
9. Вопрос по меню

   Всем доброго времени суток. Если есть возможность, подскажите: Есть меню на сайте. Состоит в принципе из разделов и подразделов, которые в данный момент выводятся все вместе. Требуется, чтобы подразделы меню выводились только по клику на соответствующий раздел. В шаблоне меню выводится так: {foreach name=foo from=$menu item=e} {if $e._level==1} <tr> <td class="menu2"><a href="{$e.url}">{$e.name}</a></td> </tr> {else} <tr> <td class="menu3"><a href="{$e.url}" >{$e.name}</a><br></td> </tr> {/if} {/foreach} Так вот. Есть доступ только к шаблонам. Есть еще…

   Asked by sych, November 21, 2008

   0 votes
   0 answers
10. Растягивание центральной колонки в таблице

    Добрый день! Искал на форуме не нашел. Суть в следующем Есть таблица в ней 5 колонок, необходимо чтобы центральная растягивалась а 4 остальные нет ( у них фиксированная величина) Ситуация усложнена тем что всего 4 строки и 2 с третьей объединены. td#t_1{ width:141px; height:113px;} td#t_2{ width:106px; height:113px;} td#t_3{ width:auto; height:113px;} td#t_4{ width:106px; height:113px;} td#t_5{ width:141px; height:113px;} td#m_1{ width:124px; height:71px;} td#m_2{ height:71px;} td#m_3{ width:124px; height:71px;} td#m_4{ width:106px; } td#m_5{ width:106px; } td#b_1{ width:141px; height:145px;} td#b_2{ width:106px; height:145px;} …

    Asked by parfeon, March 26, 2009

    0 votes
    4 answers
11. Картинка в табличке

    Приветствую Вас. Скажите плз, как убрать зелёную рамку воктруг картинки? Т.Е. все отступы сделать 0. <body style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='red'> <table style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; padding-left:0px; padding-top:0px;' bgcolor='green'> <tr style='height:100px; width:240px; margin-bottom:0px; margin-right:0px; margin-left:0px; margin-top:0px; padding-bottom:0px; padding-right:0px; pad…

    Asked by SuperPuperLesha, April 3, 2009

    0 votes
    2 answers
12. фреймы. как создать такую верстку?

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

    Asked by oziris, January 27, 2010

    0 votes
    3 answers
13. GIF анимация

    Здравствуйте. Помогите советом плиз. Создал в Photoshop CS3 gif с анимацией. Если запустить на локальной машине все отображается нормально, но только заливаешь на хостинг картинка не цепляется.

    Asked by sviloga, February 19, 2010

    0 votes
    3 answers
14. Выравнять два блока по высоте

    Друзья, подскажите, пожалуйста, как выравнять два блока по высоте внутри третьего, при условии что первый блок постоянно меняет свою высоту в зависимости от отображаемого контента? Во втором диве контент тоже меняется, но его мало, поэтому высота блока почти всегда одинаковая. Пробовал для второго блока прописать {height: inherit;}, чтобы он наследовал высоту третьего блока (и тогда все было бы как надо), но не помогает. Скрин: http://files.mail.ru/QQMQ1I?t=1 Код: HTML <div class="conc-item"> <div class="conc-info"> // 1-ЫЙ БЛОК <div class="cornerContainer ccLightGreen"> // ВНУТРИ 1-ГО БЛОКА БЛОК С ЗАКРУГЛЕННЫМИ КРАЯМИ <b class…

    Asked by Subcomandante.A, October 3, 2011

    0 votes
    7 answers
15. разчленение контента по страницам

    Комрады, доброго здоровья. Наверняка сталкивались. Будет большой такой список товаров позиций 200, представляете как уедет сайт вниз - да и размер старницы большой. Хочется чтоб при добавлении контента если он превысил заданную величину, этот самый контент переносился на другую страницу (пример). Я бы и ручками разбил на станицы, но приходится что то добавлять , что то удалять - это будет муторно. Может кто знает о этих вещах или название скрипта подскажет или поделится своим опытом - я буду признателен вам за это. Спасибо за внимание

    Asked by getalusk, October 10, 2011

    0 votes
    2 answers
16. Проблема с выпадающим меню

    Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; pos…

    Asked by Digidie, August 4, 2012

    0 votes
    1 answer
17. День недели

    Здравствуйте! Как сделать так, чтобы показывался день недели и чтобы он брался не из календаря О.с. пользователя? Я делал на J.s., но он показывал тот день, который настроен у меня в календаре О.с. и если я его там меняю то он меняется и на сайте, а мне нужно чтобы не менялся ни смотря ни на что и работал с часовыми поясами правильно. Я надеюсь Вы меня поняли. Спасибо за внимание.

    Asked by One312, November 4, 2012

    0 votes
    5 answers
18. box-shadow или background-image?

    Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…

    Asked by the user, November 13, 2012

    0 votes
    1 answer
19. Проблема с :hover

    Подскажите пожалуйста как достичь такого эффекта :hover как на изображении. спасибо всем p.s верхнее меню. синяя стрелка .

    Asked by buru_, December 10, 2013

    • hover
    0 votes
    2 answers
20. плавное появление меню (transition)

    ребят есть код (смотрите на скрине) при наведении пункты должны плавно появляться .с background-color это работает, впринципе градиент при навдении мышки тоже работает отлично а вот что написать в transition ума не приложу ,что не писал не работает и все,может кто что подскажет ,может ошибка где

    Asked by Евгений_SB, April 6, 2014

    • плавное появление меню (trans
    0 votes
    3 answers
21. Прошу помочь со страницей портфолио (проблемы с переходом на разделы сортировки)

    Всем доброго дня. Проблема следующая: Есть пункт в меню (и соответственно раздел на сайте) - портфолио, которое имеет в себе подпункты "1" "2" "3" "4". На странице решил сделать сортировку. Т.е. можно отобразить все работы, либо работы одного из разделов. Поскольку каждый из этих разделов отображен в выпадающем меню, хотела бы узнать, как сделать переход на каждый из вариантов сортировки. Как выглядит сортитовка: http://tympanus.net/Tutorials/CSS3FilterFunctionality/index3.html В коде это сделано так: <section class="ff-container" style="padding-top: 200px;"> <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="c…

    Asked by Vasilisa, September 3, 2015

    • якорь
    • переход
    • сортировка
    • меню
    • помогите
    • новичок
    0 votes
    0 answers
22. видимость страницы

    Добрый день! div сайта имеет фиксированные размеры (950 / 630) и расположен по центру экрана. На ноутбуке все видно и работает, а в смартфоне (где размеры экрана меньше) и планшете, адресная строка браузера закрывает верх страницы с меню. Подскажите, пожалуйста, как это исправить.

    Asked by Abel, April 21, 2016

    0 votes
    2 answers
23. Video Background автоматическое изменение высоты DIV под высоту текста.

    Здравствуйте! Подскажите как сделать video background для DIV, и что бы высота div-a задавылась автоматически в зависимость от высоты текста внутри? Спасибо!

    Asked by dany994, May 21, 2017

    0 votes
    1 answer
24. Проблемы с вставкой изображения

    у меня есть список: <nav> <ul class="navigation"> <li><a id="link" href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li class="cb"><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> </ul> </nav> и есть стили кото…

    Asked by vladimirte, August 12, 2017

    • css
    0 votes
    1 answer
25. Проблемы с мобильной версткой

    Здравствуйте. Имеется сайт http://alarmdv.ru При уменьшении экрана с телефона масштаб сайта уменьшается и сдвигается влево, справа остается белый пробел Как сделать так, чтобы при изменении масштаба на телефоне сайт сохранял свои пропорции. Спасибо

    Asked by Nesquikp95, May 7, 2018

    0 votes
    2 answers