HTML Coding

29542 questions in this forum

1. Проблема в отображении фиксированных элементов в Chrome

   Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.

   Asked by TMGLUK, October 16, 2013

   • position
   • fixed
   • chrome
   0 votes
   12 answers
2. Псевдокласс :hover

   Всем добрый день! В общем, у меня при наведении на элемент списка, появляется скрытый элемент - другой список, через псевдокласс :hover, но при отводе курсора элемент естественно снова скрывается. Подскажите, пожалуйста, возможно ли через css без js реализовать так, что бы скрытый элемент не исчезал при отводе курсора. То есть показался и остался на месте, а скрылся только при наведении на другой элемент. Спасибо.

   Asked by dnnsus, January 27, 2016

   0 votes
   19 answers
3. помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/

   помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/ вот код ошибки Ошибки в сценариях веб-страницы Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727) штамп времени: Tue, 17 Mar 2009 09:04:45 UTC Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-m…

   Asked by vovchikku, March 17, 2009

   0 votes
   7 answers
4. относительное позиционирование

   Есть блочный элемент, который активируется изменением свойства display (block | none) с помощью JavaScript. Как сделать так, что бы все следующие за ним блоки не сползали вниз при появлении данного блока. Т.е. что бы динамический блок отображался поверх остальных блоков. З.Ы. Все элементы находятся внутри родительского блока (position: relative).

   Asked by chi, June 20, 2009

   0 votes
   9 answers
5. проблема с widgetkit gallery

   После размещения сайта на хостинге, нельзя изменить или добавить галерею widgetkit. Галерея открывается, но кнопки создать/добавить папку неактивны. Подскажите в какую сторону копать. P.S.: права доступа на папки установлены. На локальном сервере все было ок. Все что сделано на локальном сервере, отображается правильно, проблема появилась после переноса на хостинг.

   Asked by Mardok, June 6, 2013

   • widgetkit
   • gallery
   0 votes
   18 answers
6. Отступы перед псевдоэлементом

   Приветствую! Проблема: добавил блоку псевдоэлемент (треугольный ). Абсолютно спозиционировал и отодвинул вправо на величину, равную ширине этого псевдоэлемента. Во всех браузерах работает нормально, но в некоторых мобильных Chrome добавляется отступ примерно в 1px между элементом и псевдоэлементом. От куда он? Как убрать? //Блок .news-img_tag-category { color: #fff; font-size: 0.75em; width: 71px; height: 20px; text-align: center; } //Псевдоэлемент .news-img_tag-category::after{ content:""; border-left:10px solid #812780; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10p…

   Asked by mn8156, July 13, 2016

   • псевдоэлементы
   • отступы
   0 votes
   0 answers
7. Как при наведении поменять цвет элемента?

   Доброго времени суток. Я не специалист по html и css, поэтому решил обратиться к професионалам. Если Вы мне поможете - буду премного благодарен. Итак, имеется таблица в которой прописаны строки. <tr class="table-dark"> <td align="left">Ячейка 1</td> <td align="left">Ячейка 2</td> <td align="left">Ячейка 3</td></tr> При наведении на любую из ячеек (то есть на строку) у меня меняется цвет, что прописано в стилях: .table-dark td {background-color: #2b2b2b; height: 19px; font-family: tahoma; font-size: 10px; color: #8a8a8a; vertical-align:middle; padding-left: 20px; border-top: 1px solid black; behavior:url('td.htc');} .table-…

   Asked by megamannn, September 8, 2007

   0 votes
   8 answers
8. Как в JavaScript растянуть картинку только по ширине

   document.images[0].width+=1; вот это растягивает и высоту тоже, пропорционально можно ли скриптом растягивать ТОЛЬКО в ширину?

   Asked by OneginZheka, March 22, 2008

   0 votes
   4 answers
9. float:left и выравнивание по центру

   Добрый день, есть простой код: <div style="width:auto; height:150px; margin:0 auto;"> <?php for ($x = 0; $x < count($arraypath); $x++) { ?> <div style="width:100px; height:102px; margin:28px 10px 0 0; float:left;"> <img src="<?php echo $arraypath[$x]; ?>" title="" alt="" style="width:100px; height:102px; cursor:pointer;" onclick="chadphoto(this);" /> </div> <?php } ?> </div> Как сделать, что б картинки, вне зависимости от их кол-ва, были всегда по центру div'а ? В данном примере они все прижаты к левому краю.

   Asked by bobo, April 20, 2011

   0 votes
   2 answers
10. Адаптивный дизайн 2014-2015

    Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 2015 год, но чтобы одновременно не потерять сегодняшних посетителей. Основные посетители сегодня 1280-1600пх(70%), 1024пх(12%) Решил делать следующее - Макет фиксированный, адаптивный. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> width: 920px; две колонки - для всех кто не понимает ЦСС3, для тех кто понимает ЦСС3 с мониторами до 1200пх. width: 1240px; три колонки - для всех кто понимает ЦСС3, и для мониторов от 120…

    Asked by AleksejR, April 3, 2012

    0 votes
    4 answers
11. селект накладывается на слой

    Добрый вечер. Проблема: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT style='WIDTH: 100px' name='kpp'></SELECT> В explorer'e селект отображается поверх слоя. Подскажите, плз, в чем проблема

    Asked by Странный_Ник, August 28, 2007

    0 votes
    2 answers
12. слой в ячейке таблице

    Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> &lt…

    Asked by ХОЛОДный, November 21, 2007

    0 votes
    14 answers
13. Сайт с несколькими языками(необычный подход)

    Вот хочу свой сайт сразу сделать интернациональным,но не теми обычнми способами которые описаны в самоучителях и книжках,а немного по другому. У обычных сайтов у которых есть несколько языковых версий,при выборе языка(например русского) у сайта появляется приставка ru. и та часть печатного контента который перевели. Но у меня другие требования,мне нужно что бы при смене языка менялся не только текстовый контент,а и некоторые картинки,анимации и видео,елементы сайта.В общем я предполагаю что для этого всего нужно создавать отдельный дубликат сайта,менять все там как мне нада и как то подключать к основному сайту... как мне такое провернуть?

    Asked by pudge, March 20, 2013

    0 votes
    28 answers
14. Цвет шапки таблиц.

    Как поставить вместо цвета шапки таблиц какой-нибудь рисунок (картинку)?

    Asked by Gekosa, March 19, 2008

    0 votes
    3 answers
15. Background hover-ссылки

    Хочется "дешего и сердито" оформить блок навигации, меняя фон hover ссылки, но в опере возникает проблемка: рядом с курсором вылазит индикатор загрузки, типа происходит загрузка графики, но на самом деле ничего не качается. И что характерно при кешировании графики данной проблемы не возникает. a:hover { background: url(nav_sel_bg.gif) repeat-x; } Если кто то может прокоментировать данную ситуацию, буду оч признателен.

    Asked by CoDy, April 17, 2009

    0 votes
    7 answers
16. Градиент текста с помощью css

    Вот сайт http://teplee.com/ Сделал средствами css перелив полосок меню и разделов по бокам. Но оказалось что коректно работает только в мозиле, в опере без изменений, в ИЕ вообще цвет другой и градиент не такой как задумывалось. вот код: div#menu { position: relative; width: auto; height: 36px; background-color: #D12E03; background: -moz-linear-gradient(#671402, #FF4500, #671402); background: -webkit-gradient(linear, 0 0, 0 100%, from(#671402), to(#671402), color-stop(0.5, #FF4500)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF'); } Что не так сделал подскажите.

    Asked by ValentoS, February 13, 2011

    0 votes
    13 answers
17. nth-child(2n) не работает

    <div class='d1> <div class='d2'></div> <div class='blabla'></div> <div class='d2'></div></div>.d1 .d2:nth-child(2n){ float: right;}изза дива blabla не работает стиль, если убрать див blabla то работает. почему так и как исправить?

    Asked by https, December 1, 2015

    0 votes
    19 answers
18. Три колонки в 100% - как добавить отступы?

    Здравствуйте. http://joomla.bardov.nnov.ru/ Верстка в три колонки, в контейнере columns колонки cleft(20%), cmiddle(80%), cright(20%) Как только добавляю padding к колонкам, правая колонкаслетает вниз, под среднюю. Как этого избежать? Пробовал добавлять margin к блоку wrap, в который обернут каждый блок контента в колонках - это свойство не отрабатывает.

    Asked by d0ublezer0, January 16, 2009

    0 votes
    12 answers
19. Размер картинки по размеру ячейки

    Подскажите пожалуйста, как подогнать размер картинки по размеру ячейки в таблице, что бы она не дублировалась, а строго сохраняла пропорции????

    Asked by Oranskaya_Olga, March 1, 2012

    0 votes
    1 answer
20. Афишно-новостной блок на сайте

    Хочу разместить на сайте афишу с новостями сообразно скриншоту. Особого функционала не требуется: 1. От 3 до 5 активных новостей (остальные - прокруткой или по нажатию кнопок/ссылок и т.д.). 2. Смена новостей при использовании кнопок ГОД или МЕСЯЦ (на данный момент кнопка ГОД не нужна). 3. Открытие полной версии новости на новой странице сайта по нажатию ссылки (например, слово "Подробнее") или новостного блока (желательно наименование страниц по дате новости, в случае совпадения дат новостей - возможность переименования страниц). 4. Реализация афиши - любая (возможна прокрутка или что-то другое) . Уважаемые форумчане, подскажите, пожалуйста,…

    Asked by Totalist, September 23, 2017

    0 votes
    4 answers
21. CSS Layouts

    Почти все сайты верстаю на дивах. в этой теме предлагаю выкладывать ссылки на ресурсы с готовыми лейаутами. начну: http://layouts.ironmyers.com/ http://www.code-sucks.com/css%20layouts/faux-css-layouts/ http://www.glish.com/css/ http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

    Asked by LS200, April 1, 2009

    0 votes
    22 answers
22. Одновременно float и position

    Может ли одновременно к одному и тому же элементу применяться float и position?? Вроде разные схемы позиционирования, и здесь сказано, что float нельзя применять к позиционированным элементам. Но я своими глазами видел position:absolute и float:right, применёнными к одному и тому же элементу.. Как всё же оно на самом деле??

    Asked by DrStrangeLove, November 22, 2011

    0 votes
    12 answers
23. Подскажите, как сделать в одну строчку

    Добрый день! Ребята, подскажите где поменять в коде чтобы было не так как сейчас: а в одну строчку, красиво)) Код: <div class="right"><b>Поделиться:</b><!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/ad…

    Asked by mafusail1900, November 23, 2011

    0 votes
    4 answers
24. Не работает код CSS для тега SPAN, для P работает

    В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?

    Asked by Омск, February 17, 2014

    0 votes
    3 answers
25. помогите!

    Подскажите пожалуйста как с помощью php сделать так чтоб на определенное место в сайте вставлялся рисунок с другого файла?

    Asked by JENYTAVR, June 10, 2008

    0 votes
    9 answers