HTML Coding

29,542 questions in this forum

1. Два блока с шириной 50%

   Не прошу писать мне готовый код, просто намекнуть как сделать лучше. На изображении 2 блока. Нужно, чтобы каждый из них занимал 50% ширины. А контент внутри этих блоков прижимался внутри к краю с отступом, чтобы при разных разрешениях всю ширину занимал только фон. В принципе кажется, что ничего сложно нет, но я запутался Сделал один общий id="webhost" и в нем два класса с еще двумя классами В одном классе фон с 50% шириной (wleft и wright), а в другом контент(wleft-row и wright-row). Получается куча флоатов и куча кода, можно же ведь как-то попроще сделать.

   Asked by alikitto, September 27, 2014

   • css
   • html
   • div
   0 votes
   2 answers
2. Ошибка в штмл счетчике. куда копать.

   Проблема следующая. счетчик отсчитывает 10 часов . после чего начинает считать заново. но не с 10 часов а с 31 дня. <div class="ps_countdown_wrap"> <div id="ps_counter"></div> <div class="ps_counter_desc"> <div>Дней</div> <div>Часов</div> <div>Минут</div> <div style="margin: 0;">Секунд</div> </div></div><style type="text/css"> .ps_countdown_wrap { width: 550px; margin: auto; } .cntSeparator { font-size: 54px; color: #000; margin: 10px 7px } .ps_counter_desc { clear: both; } .ps_counter…

   Asked by Njax, September 22, 2014

   0 votes
   1 answer
3. Проблема с меню и слайдером в хроме, ИЕ10.

   Всем доброго времени суток. Столкнулся с проблемой - меню не так отображается в ИЕ. А так же слайдер не хочет работать. http://testdomena.hol.es Какие у кого мнения на этот счет?

   Asked by L1m0n, September 22, 2014

   0 votes
   2 answers
4. Работа с таблицей, эфект при наведении на ячейку

   Есть некая таблица http://jsfiddle.net/shjtjhpg/ как сделать чтоб при наведении на ячейку менялся цвет фона всей строчки, но кроме заглавной .? У себя на сайте я делал эффект, но все строчки меняли цвет,никак не мог разобраться с первой (( ..

   Asked by saen, September 22, 2014

   0 votes
   4 answers
5. Вертикальное выравнивание контейнера с блоками

   Привет. Ребята, такая проблема, нужно вертикально выровнять целый контейнер с 7 блоками внутри. Демо - http://rommar.in.ua/align/ Размер контейнера резиновый (по контенту). Отступы должны быть по 25% от всех сторон при размере экрана больше 1000 пикс., если меньше 600 пикс., то отступы должны быть по 1%. С вертикальным выравниванием все ясно, пробовал делать для чистого блока, все работает, а вот для такого контейнера не могу нормально сделать, целый день сижу кручу. <div class="main"> <div class="corner tl"></div> <div class="edge"> <h1>Lorem ipsum dolor sit.</h1> </div> <div class="corner tr"></div> <div class=…

   Asked by edwinkkc, September 22, 2014

   0 votes
   0 answers
6. Позиционирование в разных браузерах!

   #logo { position: absolute; top: 15px; left: 55px; width: 220px; } #menu { position:absolute; top: 25px; right: 0px; } Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть Так и должно быть или я чего-то не дописал? С ув. Uncle Fox

   Asked by Uncle Fox, September 22, 2014

   • position
   0 votes
   1 answer
7. Правильно ли использовать атрибуты width="100%" height="auto" для изображений?

   Добрый день. Пытаясь решить проблему что встроенные средства WP автоматически заменяют указанные атрибуты на "строгие"цифры, в одной из офлайн службы поддержки получил ответ "WP не поддерживает такие атрибуты". У меня возник вопрос: или это некий "исторический" момент и, скажем, в будущем он может быть исправлен или есть какие то соображения что использование таких атрибутов плохо и WP целенаправленно не поддерживает их. Соответственно тогда хотелось бы понять чем использование таких атрибутов плохо? Спасибо

   Asked by tester2014, September 23, 2014

   0 votes
   4 answers
8. Прошу вашей критики

   Народ, всем привет, в общем я только начал изучать верстку. Взял шаблон вот тут: http://www.graphicsfuel.com/wp-content/uploads/2010/09/corporatix.jpg Хотел сделать резиновую верстку, но когда меняю размеры браузера, всё совсем плохо становится. Разместил свои наработки вот тут: http://togliatty.ucoz.ru/ Это моя первая наработка. Прошу опытных людей указать мне на мои недоработки, недочеты, грубые ошибки, и способ их исправления. Заранее благодарен.

   Asked by fenix_63, September 23, 2014

   0 votes
   6 answers
9. Размер шрифта?

   Привет всем, мне нужен размер шрифта в 14,5 px как отобразить в css ?

   Asked by soltx, September 23, 2014

   0 votes
   10 answers
10. Помгите написать CSS для вывода изображений

    Добрый день. Я столкнулся с такой проблемой в WP: В процессе поиска решения, мне посотетовали что правильнее будет "отделение оформления от содержания" Но я совершенно не умею этого делать. В посте у меня одна картинка 150 х auto (миниатюра), остальные 100% х auto. помогите с куском кода для CSS, куда его вставить, и что нужно добавить в код картинки, что бы это было реализовано? (в приоритете перед физической шириной, шириной указанной в коде вывода картинки и, возможными другими установками темы? Возможно я что то не правильно формулирую, но моих знаний (точнее мое полное не знание CSS) не позволяет сформулировать точнее. Спасибо

    Asked by tester2014, September 23, 2014

    0 votes
    13 answers
11. Как "склеить" шаблон на Joomla и самоклепный лендинг

    Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.

    Asked by proaction, September 23, 2014

    0 votes
    1 answer
12. HTML5 Boilerplate

    Используете ли вы HTML5 Boilerplate? Есть ли в нём минусы?

    Asked by DivMan, September 23, 2014

    0 votes
    8 answers
13. Какая разница?

    Здравствуйте! Подскажите пожалуйста. Вот не могу понять... К примеру есть маркированный список. <div class="menu"><ul><li><a href="#">Ссылка 1</a></li><li><a href="#">Ссылка 2</a></li><li><a href="#">Ссылка 3</a></li></ul></div>Дальше css код .menu li {какой-то CSS стиль}То есть ВСЕМ элементам li класса menu задаём "какой-то стиль" ? Верно? .menu ul li {какой-то CSS стиль}А тут что? Мы ведь по сути к тем же спискам li обращаемся? Зачем тут ul?

    Asked by tigrus2014, September 23, 2014

    0 votes
    17 answers
14. Неизвестная ширина position: fixed

    Добрый вечер. Возникла одна проблема: нужно реализовать фиксированное меню, у которого ширина зависит от ширины контента. Контент имеет минимальную и максимальную ширину, в случае последнего - выравнивается по центру экрана. Так же сам блок контента унаследовал отступы элемента body в размере 62px; Т.е как это все должно быть на изображении: -- Прописал блоку с position: fixed следующие: box-sizing: border-box;position: fixed;width: 100%;max-width: 1600px; // блок контентаheight: 100px;И все бы ничего, только если ширина экрана меньше 1600рх, то получается вот это: -- Помогите, пожалуйста, исправить p.s играл с положительным и отрицательным margin-ом и padding-ом, но в…

    Asked by Temiks, September 23, 2014

    0 votes
    2 answers
15. Выравнивание :before по центру в IE

    Доброго времени суток. Подскажите, как решить задачу в IE. Вот ссылка: http://codepen.io/anon/pen/uzHfb - footer с треугольником на CSS3 через псевдотег :before. В Firefox и Chrome под Win7 - всё ок, треугольник по центру, а в IE11 (в младших тоже наверное) - треугольник смещен влево. Та же история (смещен влево) и в Chrome на Android. Заранее благодарю за помощь.

    Asked by DarkTranquillity, September 23, 2014

    • IE
    • before
    • css3
    • triangle
    0 votes
    1 answer
16. Непонятно что то

    появляются какие то отступы с верху надо шапкой, блок элементов с желтым цветом не занимает всю ширину дива зеленого цвета? http://jsfiddle.net

    Asked by Laroxx12, September 23, 2014

    0 votes
    2 answers
17. CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров)

    Задача: сделать одинаковое отображение в браузерах OC Windows 7 Google Chrome 37 —-- отступ 1px Mozilla Firefox 32 ——- отступ 2px Opera 24 —————-- отступ 2px Safari 5.1.07 ———— отступ 2px Internet Explorer 11 —- отступ 1px Яндекс.Браузер 14.7 - отступ 2px Амиго 32 —————- отступ 2px Код CSS: div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}Весь код: <html><head><style type="text/css">body {padding:0;margin:0;}div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}</style></head><body…

    Asked by jackjay, September 23, 2014

    0 votes
    6 answers
18. Не пойму как переместить изображение...

    Народ помогите пожалуйста. Разбираю шаблон Ebay Так вот суть вопроса: На странице http://cultuspen.ru/item/перьевая-ручка-052 Не могу сделать отображение картинок в одной строке, получается что они все в столбик идут Что только не делал и объединял их в один тег не помогает подскажите плиз. Я новичок, но хочу во всем разобратся <div><strong><a href="http://cultuspen.ru/wp-content/uploads/2014/09/581247292_016.jpg"><img class="align size-medium wp-image-6" src="http://cultuspen.ru/wp-content/uploads/2014/09/581247292_016-300x300.jpg" alt="581247292_016" width="300" height="300" /> </a><a href="http://cultuspen.ru/wp-content/uploads…

    Asked by MIhaeljob, September 23, 2014

    0 votes
    1 answer
19. Не отображается номер телефона через телефон

    Доброго времени суток! Столкнулся с небольшой проблемой. Когда захожу на сайт через мобильное устройство, то на странице не отображается номер телефона (нажать для вызова можно, но текста не видно) через ПК все отображается! цвет менял. Не помогло. В чем может быть причина? подскажите пожалуйста

    Asked by hcsgm, September 23, 2014

    0 votes
    2 answers
20. поделитесь ссылкой на урок или готовый макет

    Нужен урок или пример по верстке адаптивного макета с левым меню а-ля lenta.ru При изменении размера браузера сворачивается и открывается при нажатии на кнопку. Желательно без бутстрапа. Если у кого-то есть поделитесь пожалуйста

    Asked by likiweaks, September 24, 2014

    0 votes
    1 answer
21. Выход за рамки контейнера

    Здравствуйте! Подскажите, пожалуйста, как зеленый фон меню продлить вправо до упора. Пытался делать :after с абсолютным позиционированием с отрицательными значениями (как мне советовали на форуме). Но в таком случае появляется горизонтальный скрол... Верстка на bootstrap. http://html.skoba.com.ua/ Заранее благодарю за помощь!

    Asked by volshebnyi, September 24, 2014

    0 votes
    11 answers
22. элементы подпрыгивают

    есть такой сайдбар при наведении они подпрыгивают, как это исправить? пытался делать с box-sizing не получается

    Asked by Laroxx12, September 24, 2014

    0 votes
    4 answers
23. SASS. Вопросы.

    Здравствуйте! Приступила к использованию SASS. Все скачала, установила. И как его теперь подключить? На одном сайте прочла "Запустите консоль в любом каталоге". Это как понимать? У меня сайт находится на Денвере: Z:/home/test2.ru/www/здесь все файлы. Как мне подключить в консоли этот путь? P.S. в Google искала. По поводу этого толком никто не пишет, все описывают прелести и синтаксис этого SASS'а. Спасибо.

    Asked by Orarifish, September 24, 2014

    0 votes
    7 answers
24. Как правильно реализовать

    Как правильно реализовать асинхронную загрузку контента в верстке, что бы потом программисту было удобнее ? Вот например есть такая конструкция http://jsfiddle.net/c3r7xqxu/ при нажатии на кнопку должен добавиться контент с БД в обе колонки (.item). Так как на этапе верстки ни о какой БД речи нет, то как "показать" что это работает? Клонировать .item при нажатии или что?

    Asked by Нарек, September 24, 2014

    0 votes
    4 answers
25. Шрифт в firefox

    Шрифт крупнее в firefox как лечить? версия ff 32.0.2 сори увидел когда создал тему что помимо подключенного нестандартного шрифта я добавил в css font-weight: bold; поэтому другие как то не реагировали на это кроме firefox

    Asked by soltx, September 24, 2014

    0 votes
    2 answers