HTML Coding

29542 questions in this forum

1. Вёрстка

   как 4 блок поставить на линию с 3? margin-top отрицательный? ещё варианты?

   Asked by andys, May 15, 2011

   0 votes
   8 answers
2. background vs text

   Добрый день. Верстаю макет, и заметил ошибку в отображение background в браузерах google chrome, ie7, ошибка в том что например background таблицы, который выровнен по середине экрана, и background дива который тоже выровнен по середине экрана расходятся на 1пх при нечетной ширине экрана Пример на скрине, как не должно быть И как должно быть Надеюсь на вашу помощь ps. помню что такую тему уже задавали на форуме, но так и не смог ее найти

   Asked by Temiks, July 1, 2011

   0 votes
   6 answers
3. div в таблице

   у меня есть вот такой код <table width=100%><tr><td> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> ... </td></tr></table> В этом случае все дивы прижаты к левой стороне и при изменении размера броузера те которые не влезают переходят на нижнюю строчку. Вот мне интересно а можно сделать так чтобы первый див в строку был прижат к левой стороне а последний к правой при этом дивы между ними были распределены равномерно. вот на этой странице можно посмотреть как это выглядит.

   Asked by flipper1001, October 24, 2011

   0 votes
   4 answers
4. подскажите начинающему

   Господа, если не трудно, помогите разобраться border-left-style - это понятно, стиль границы слева от элемента, а вот это - border-left-style-ltr-source: physical; не могу понять заранее спасибо.

   Asked by fanatikus, November 1, 2011

   0 votes
   7 answers
5. Выделение раздела в котором находимся

   Здравствуйте, искал как решить данную задачу так и не нашел решения которое мне подходит, У меня есть меню в виде картинки сделаны: <img src="/images/prodykcia.png" border="0"> <img src="/images/partners.png" border="0"> <img src="/images/articles.png" border="0"> а мне нужно что если мы, например, находимся в разделе партнеры (<img src="/images/partners.png" border="0">), то она становится <img src="/images/partners-active.png" border="0"> background-ом не получилось так, думал сделать списком а потом просто фоном, но у меня нету ничего текстового, да и получается для каждого нужно стиль, так как картинки разные..

   Asked by Bingo, December 6, 2011

   0 votes
   8 answers
6. Объясните пожалуйста новичку

   Этот вопрос может показаться смешным, но я еще только начинаю изучать верстку и все что с ней связано, поэтому прошу людей знающих в этой области подсказать: пожалуйста, объясните взаимодействие движка и системы управления и как во все это вписывается PHP? Правильно ли я поняла, что движок, это тот, который управляет файлами на хостинге, их структурирует, а система управления, это та, которая управляет движком? Тогда какое место занимает PHP? Спасибо

   Asked by Yarkaya, January 15, 2012

   0 votes
   9 answers
7. Помогите сделать ссылку в виде "стрелочки"

   Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…

   Asked by bob_24, February 6, 2012

   0 votes
   10 answers
8. Группа checkbox

   Здравствуйте! Прелюдия: Есть список checkbox: Задача: Сделать так, чтобы при нажатии на "Спирально навивные", пункты "Oasis" и "Воздуховоды", были как-бы полу-выбранными (чтобы не галочка стояла, а квардартик). Эта технология работает прекрасно в ОС Windows. Вопрос: Как сделать такую вещь на jQuery?

   Asked by webDoktor, March 5, 2012

   0 votes
   2 answers
9. Проблема с footerОМ

   Здравствуйте! Буду рад если мне кто то укажет на ошибку по причине которой мой footer не прижат к низу полностью во всех браузерах кроме хрома. Я сайт делал сам,но во всех областях сайтостроения я мягко скажем новичок, поэтому прошу со мной по проще в терминологии. Спасибо! http://fortunashow.ru/

   Asked by Indo, May 6, 2012

   0 votes
   7 answers
10. Название идентификаторов по русски плохой тон?

    Где то читал что называть идентификаторы или классы по русски (типа id="identifikator" #identifikator) считается плохим тоном, а если мне так удобнее и понятнее, всё равно нужно следовать этим не совсем логичным правилам?

    Asked by zobu, November 29, 2012

    0 votes
    6 answers
11. Выравнивание пунктов меню (без li)

    Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li. http://karelin.tk Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет. Помогите решить проблему. Вот css: http://karelin.tk/css/default.css

    Asked by xSPiRiTx, December 19, 2012

    0 votes
    7 answers
12. А как сделать подвал всегда был внизу?

    А как сделать подвал всегда был внизу? вот html <body> <div class="wrapper"> <div class="top"> <div class="logo"> <a href="http://homehosts.ru"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo.png" width="194" height="38"></a> </div><!--EndLogo--> <div class="regit"> <jdoc:include type="modules" name="regit" /> </div><!--EndRegit--> </div><!--EndTop--> <div class="menu_box"> <div class="left_menu"></div><!--EndLeftMenu--> <div class="center_menu"> <jdoc:in…

    Asked by Bismuth, June 2, 2013

    0 votes
    2 answers
13. Помогите найти решение! (Адапт.Верст. для всех моб устр)

    Добрый день! Стоит задача сделать адаптивную верстку под любые разрешения.Стиль должен быть в виде winphone меню. Нашел решение через padding.http://dev.eski.mobi/nokia/ Есть ли аналогичные решения (чтобы блок тянулся и в ширину и в высоту,как в примере выше)? Без JS.

    Asked by Temik2704, May 8, 2014

    0 votes
    5 answers
14. Как сделать свои соц. кнопки?

    Уважаемые! Как сделать свои, красивые, НЕ СТАНДАРТНЫЕ социальные кнопки на сайт?! Не прибегая к сторонним сервисам типа http://share.pluso.ru/ и ему подобные... Опишите пожалуйста наиболее подробно.

    Asked by SKSKSS2013, May 19, 2014

    0 votes
    6 answers
15. Вложенная форма (слайдер)

    Подскажите пожалуйста, как внутрь слайдера вставить форму для ввода логина и пароля, мне нужно чтобы форма была на первом кадре слайдера ( ссылка на слайдер http://ruseller.com/lessons.php?rub_id=2&id=1443 ) Получается что это как-бы вложенная форма и она не отображается, потому что слайдер сам основан на чекбоксах и как я понимаю HTML такое не поддерживает, есть вариант использовать iframe, но он не желателен. <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" clas…

    Asked by anutti, January 7, 2015

    • слайдер вложенная форма
    0 votes
    2 answers
16. Текст прижать к правому краю DIVa.

    Здрасте. Пытался сделать это с помощью - text-align: right; , не сработало. Требуется в одной строке с <h1>MagicShine EAGLE F3,</h1>, но не в нём самом сделать надпись - "Опубликовано 5.06.2015." у правого края блока. Я указал смещение относительно - position:relative;, считаю это некорректно, вдруг размер блока для контента по каким-то причинам изменится, и надпись окажется не там. Вот оно на странице - http://велосвет.рф/china/mj-f3.html. Подскажите, как мне прижать к правому краю её ?

    Asked by Kompilator, June 5, 2015

    0 votes
    6 answers
17. правильная организация элементов

    Я всю жизнь писал код так <nav id="navigation"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul></nav>а потом посредством css добавлял стили элементам #navigation{ width: 100%;} #navigation ul{ display: block; ... } #navigation ul li{ display:inline-block: ... } #navigation ul li a{ display: block; ... } #navigation ul li a:hover{ text-decoration: none; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…

    Asked by anvyd, August 25, 2015

    • html
    • css
    0 votes
    3 answers
18. css присвоение объекту класса

    Здравствуйте. у меня есть два класса .text_color_blue{ color: #37c1d0; } .text_color_white{ color: #FFFFFF; } и есть такая структура <ul> <li><a>1</a></li> <li><a>2</a></li> </ul> как сделать так чтобы сначала <a> принимал класс text_color_blue а при наведении на него менялся на text_color_white знаю что по средством js я просто меняю у объекта класс но как можно обойтись css и присвоить <a> сначало один уже существующий класс а при hover заменить его спасибо всем

    Asked by bgraf, July 18, 2017

    0 votes
    2 answers
19. alert и одновременно переадрессация на главную страницу сайта

    Здравствуйте! После закрытия модального окна на странице должен появится алерт с надписью и во время его появления должен осуществляться переход на главную странице сайта. Сейчас же идет огромная пауза и алерт висит. Что я делаю не так? location.href = "/"; alert("Спасибо! Наш оператор перезвонит Вам в ближайшее время."); Заранее благодарен за помощь!

    Asked by volshebnyi, May 31, 2018

    0 votes
    1 answer
20. Как вырезать необычное изображение

    Ето проблемное для меня изображение в psd макете смотрится как маленькое, обычное png изображение на фоне другого, гораздо большого изображения Как я понял в фотошопе оно представляет собой миниатюру стоя, а по верху миниатюра стоя маски. Тоисть выходит так что само ето миниатюрное изображение имеет черный фон, который на макете невидим, по при попытке вырезать мне нужную часть етот фон тоже вырезается. Нужная мне(выдимая) часть изображения имеет много мелких деталей и по другом как то их выделить не получается. Как быть?

    Asked by Serhiy, December 22, 2018

    0 votes
    1 answer
21. Кнопка импорта html файла в секцию другого html

    Привет всем. Может кто помочь написать кнопку выбора файла, после выбираем html и выгружаем его в секцию другого html

    Asked by PShim, February 1, 2019

    • js
    • jq
    • html
    • css
    0 votes
    0 answers
22. Мольба о помощи! Ограничение размера экрана!

    Суть в том что необходимо сделать ограничение области в которой БЛОК вставляется. При ограничении БЛОКА его оставшаяся часть которая не помещается переносится в следующую колонку.На данный момент у меня все выстраивание происходит одной колонкой вниз!Буду очень благодарен за помощь!!!

    Asked by de3ok, March 18, 2020

    0 votes
    2 answers
23. Подскажите по динамическому меню

    Хочу разместить на своем сайте динамическое многоуровневое меню. Сделал первый вариант в виде списка с оформлением на CSS, но получилось несколько коряво. Начал искать, и наткнулся на программу Sothink DHTML Menu. В ней сделал красивое меню, но затем обнаружил, что для включения этого меню необходимо подключить еще два скрипта общим размером почти 100kb. Подскажите, есть ли более экономичное, красивое решение, или лучше дорабатывать свое меню?

    Asked by ViktorP, June 10, 2008

    0 votes
    2 answers
24. Дублирование переключателя языков в IE

    Сайт поддерживает англ. и русскую версию. Соответственно есть переключатель - Eng Рус - активный подчеркнут. Eng и Рус - рисунки. Созданы как два горизонтальных элемента маркированного списка без маркеров. В IE7 (может и в остальных IE) данные рисунки дублируются еще 6 раз в разных местах, при этом расползается дизайн. Не могу выяснить причину. Версия что это из-за float'ов не подвердилась. Если меняю display:block; на display:inline; то данные рисунки вообще пропадают. P.S. Использую CMS Made Simple, если это-то что-то меняет. Помогите плиз, выяснить возможную причину и пути к ее устранению.

    Asked by Domovichok, December 2, 2009

    0 votes
    5 answers
25. Интернет-камера через ActiveX

    Доброго времени суток Не получается ответить на вопрос один, может подскажете.. Имеется камера, к которой доступ только по сети, благо что под админом. Все контакты с ней возможны только через ослика, так как всё завязано на ActiveX. Камера вот - http://91.151.240.240/ Получается, что ввожу логин-пароль - она проверяет, что мне можно. И если можно смотреть, то показывает. Кажется всё просто.. Меня интересует - можно ли выдрать видео-поток куда-то отдельно? Скажем вставить объектом в страничку, которая сможет открываться везде, а не только в ИЕ? Я понимаю, что тут будет небольшая запинка с рассказом камере, кто к ней подключился. Я что-то попользовал гугл, но так и не пон…

    Asked by hAhol, December 16, 2009

    0 votes
    2 answers