HTML Coding

29542 questions in this forum

1. Не работает overflow:hidden в Опера (в. 11.10) и Сафари 5.1.2

   Я столкнулся с проблемой, что браузеры Опера и Сафари некорректно работают со свойством overflow:hidden. По ссылке код я выложил пример кода, когда внутри дива со скруглёнными с помощью border-radius бордюрами есть рисунок, который накладывается на эти бордюры. Как это можно решить? Если быть точнее, то у меня в примере блок с классом "float-div" имеет свойство float:left;. Вот более точный код

   Asked by clavin, January 5, 2012

   0 votes
   5 answers
2. float проблемы кроссраузерности.

   Конкретная ситуация: Есть меню на сайте. Есть выпадающие пункты меню. Меню прорисовывается в дивах: <div class="menu-hidden-out"> <div id='thisid' class="menu-hidden-in"> Текст Выпадающего меню. </div> </div> .menu-hidden-out { position:relative; width: 100%; z-index: +100; } .menu-hidden-in { visibility: hidden; position: absolute; top: 0px; padding: 0px; margin: 0px; max-height:200px; height:expression(this.scrollHeight > 200? "200px" : "auto"); max-width:700px; width:expression(this.scrollWidth > 700? "700px" : "auto"); min-width:120px; width:expression(this.scrollWidth < 120? "120px" : "auto"); overflow:auto…

   Asked by airr, June 8, 2007

   0 votes
   2 answers
3. иконка возле ника

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

   Asked by boom.olezka, June 17, 2007

   0 votes
   3 answers
4. html или javascript?

   Можно ли сделать следующую вещь с помощью только html без javascript? Есть сверстаная дивами страничка, резиновая. При ресайзе она пропорционально изменяет свои размеры. Ее правый и левый край (с тенью) -- размножаемая по вертикали картинка высотой в 1px. Фиксированую высоту я, диву в котором она находится, задать не могу, т.к. она динамеческая. И, в зависимости от размера окна, все время разная. Так вот можно ли как нибудь сделать,чтобы картинка эта размножалась адекватно без скрипта? Здесь много текста стили: .list_left{ background:url(images/list_center_right.jpg) repeat-y; width:30px; float:left; } .list_right{ position:relative; background:url(images/list_cente…

   Asked by Icida, July 9, 2007

   0 votes
   4 answers
5. Запрет разрыва содержимого списка

   Есть такая структура: <div> <ul> <li><a><span>Текст про собак</span></a></li> <li><a><span>Текст про попугает</span></a></li> <li><a><span>Текст про удавов</span></a></li> ... <li><a><span>И про НЛО</span></a></li> </ul> </div> <div> имеет фиксированную ширину, элементы <li> выстроены горизонтально с помощью display:inline. Проблема в том что список большой и в одной строке не вмещается, а при переносе на другую разбивается содержимое, например "Тект про" остаётся на одной …

   Asked by pedrosoft, August 20, 2009

   0 votes
   12 answers
6. запретить доступ к элементам через tab

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

   Asked by FeelUs, February 6, 2016

   • всплывающее окно с затемнением
   0 votes
   6 answers
7. Форма входа

   У меня форум на ucoz, и там при входе, когда требуется ввести логин и пароль все время стоит галочка "запомнить", как от этого избавиться?

   Asked by Гарин, April 8, 2008

   0 votes
   15 answers
8. Опера глюки

   Ребята, есть такая верстка: http://antoxa.name/portfolio/oastyle/ В Opera при первой загрузке в меню замечается глюк, при обновлении глюк пропадает, подскажите в чем грабли? Очень не хочется пункты меню делать картинками. P.S.: Opera 9.51

   Asked by Zippovich, December 23, 2008

   0 votes
   11 answers
9. помогите найти решение

   ребят привет. опять нуждаюсь в помощи, теперь чисто теоретической. сталкнулся с такой проблемой. попробую объяснить подробно. нужно сверстать макет для монитором от 1024 пик. сайт фиксировнный 1030 пик. плюс задний фон для мониторов 1680 пик. итак на мониторах 1024 пик фон сайта будет белым, при 1280 и выше сзади появляется красочный фон. так вот как сделать ширину точной для монитора 1024 пик., но чтобы не было видно деталей заднего фона и полосы прокрутки снизу. простыми словами мне нужно как минимум чтобы контент сайта был 1030 пик. чтобы быть увереным что не появляются задние детали. дизайн сделан так что ширина шапки и подвала 1030 пик. спасибо

   Asked by termoplus, August 30, 2009

   0 votes
   18 answers
10. Размер шрифта в pt и Firefox

    Имеется блок с тегами, размеры задаются в pt. Недавно обнаружил, что в Firefox такой шрифт выглядит в 1.5 раза больше, чем в остальных: IE, Opera, Chrome, Safari, Maxthon и т.п. И тем самым вылезает из блока. Может есть какой-то хак для лисы? Апд.: Извиняюсь, дура лиса не умеет обрабатывать своим браузером данный шрифт и берет его из windows, если в винде стоит увеличение 125%, соответственно лиса его и увеличивает, не смотря что в самом браузере может стоять любой масштаб, даже 100%.

    Asked by Ritter, September 16, 2010

    0 votes
    20 answers
11. Встраивание <span> внутри <a>

    Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.

    Asked by Ex.clusive, October 1, 2012

    0 votes
    2 answers
12. Вечная тема прозрачности в IE

    #news { background:url('i/newsback.png') no-repeat; width:800px; height:500px; float:right; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/newsback.png', sizingMethod='scale'); } Народ помогите, если не трудно, ставлю AlphaImageloeader 0 эмоций(в IE).

    Asked by andryxa, April 28, 2008

    0 votes
    6 answers
13. Красивый Input и IE6

    Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS

    Asked by splean, December 24, 2008

    0 votes
    3 answers
14. Некорректное отображение сайта при различном разрешении монитора

    Здравствуйте. Подскажите пожалуйста, как при большом разрешении монитора, больше чем 1024*768 разместить два дива по центру. При большом разрешении монитора дивы распологаются слева, а остальное пустота, смотрится ужасно. Пробовала разные способы, но получается некорректно. Пробовала поместить два дива в общий див и его разместить по центру- не получилось, а также с помощью float и тоже неудача. Ссылка на страницы с моими непослушными дивами: http://olyakutukova.narod.ru/brauser.html http://olyakutukova.narod.ru/ocna.html

    Asked by olya, February 21, 2011

    0 votes
    17 answers
15. Прыгает ссылка :hover

    Добрый день, впервые столкнулся с такой проблемой. Имеется HTML-код: <div class="region_item">Город: <span class="city">Москва</span> <a href="#chooseCity">Выбрать другой</a></div> И соотв. CSS к нему: .region_item { clear: left; display: block; background: url(../img/grad/region_bg.png) repeat-x; height: 23px; width: 198px; margin-left: 3px; border: 1px solid #5c636b; color: #8c9398; padding-top: 6px; padding-left: 5px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; } .region_item a { text-decoration: none; color: #018fc2; border-bottom: 1px #018fc2 dashed; font-family: Tahoma, Arial, Sans-Serif; font-size:…

    Asked by marsh123, July 18, 2012

    0 votes
    5 answers
16. Горизонтальная менюшка и не помещающиеся итемы

    Можно ли сделать средствами css без js. Чтоб, если я чисто правлю html... Или динамически добавляю на js итемы. Добавляю меню итемы в горизонтальную менюшку... Если они не помещаются, не помещающиеся меню итемы чтоб не показывались, справа, а показывалось, например "..." и при нажатии на "..." показывались не поместившиеся итемы. Если нельзя сделать чисто на css, как на js? Нужны примеры.

    Asked by torsar, August 24, 2022

    0 votes
    2 answers
17. Добавление в Buzz, Twitter, Facebook итп

    Я нашел много кнопок для добавления сайта в такие сервисы, как tweetmeme, facebook, stumbleupon, digg и buzz. вставил скрипты на сайт, они беспорядочно расположились по страничке. а я хочу, чтоб эти кнопки шли горизонтально. вот код всех кнопок вместе: <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> <a title="Опубликовать в Живой ленте Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="ru"></a> <a name="fb_share" type="box_count" href="http…

    Asked by zhitkov, April 22, 2010

    0 votes
    7 answers
18. Как выровнять список страниц по центру блока навигации

    Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…

    Asked by Mila, December 6, 2010

    0 votes
    7 answers
19. Содержимое div

    <html> <head> <style> .dl {float:left; width: 50px; height: 50px;} </style> </head> <body> <div style="width:300px"> <div id="q1" style="background-color: blue; width: 300px; min-height: 100px;"> <div id="q2" style="background-color: blue; width: 300px; min-height: 100px;"> <div class="dl" style="background-color: green;">q2</div> <div class="dl" style="background-color: yellow;">q3</div> <div class="dl" style=" background-color: red;">q4</div> </div> </div> <div style="clear:left; border-style: none solid solid; border-color: rgb(204, 204, 204); border-width: 0pt 1px …

    Asked by underW, April 3, 2009

    0 votes
    13 answers
20. Шрифт Arial Narrow

    Дизайнер настаивает на использовании этого шрифта или чего-то подобного (с узкими символами). Этот шрифт в принципе подходит, но у него проблемы с отображением буквы "ш" - не знаю как в семерке, но на XP он слипается со следующим. Образуется двухпиксельная полоска, которая при чтении вызывает ощущение "кляксы". Предполагается использование на больших массивах текста, поэтому решения типа Cufon не подходят. Есть идея с помощью Java Script помещать "ш" в span с однопиксельным отступом справа, но это будет тормозить страницу. Есть ли решение или аналогичный шрифт?

    Asked by Gorini4, October 2, 2010

    0 votes
    6 answers
21. Проблемка небольшая

    Вобщем, надо сделать чтобы картинка и текст под ней (назовем это для краткости карточкой) были отцентрированы по центру. Т.е. чтобы карточки распологались друг за другом... Ой че-то я запутался как сказать =). Вобщем вот код. работает только в ИЕ7, Опера и ФФ. Не работает в Сафари и, кажется, в ИЕ6. Как сделать чтоб везде работало? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> <title>Титле</title> <style> body{text-align:center} table{width: 100px; text-align: center; display:inline;…

    Asked by Константин, March 29, 2008

    0 votes
    8 answers
22. Позиционирование текста в правом углу браузера

    Друзья. Прошу помощи. Хочу позиционировать некий текст в правом верхнем углу браузера. Необходимо, чтобы позиционирование не зависело от клиентской разверстки монитора. Проблема в том, что если прописывать position: absolute и top: xx, left: xx или right: xx происходит смещение текста относительно используемой экранной разверстки. Как быть? Спасибо.

    Asked by walek, May 27, 2008

    0 votes
    7 answers
23. Как сделать этот сайт по центру?

    Сверстан сайтик был в Imageready и потом в Dreamweaver. http://simpsonsnow.narod.ru/ Как сделать, чтобы весь сайт всегда позиционировался по центру? Вот код html <html> <head> <title>Симпсоны только сейчас - Главная</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!-- ImageReady Preload Script (desing6.psd) --> <script type="text/javascript"> <!-- function newImage(arg) { if (document.http://simpsonsnow.narod.ru/images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changehttp://simpsonsnow.narod.ru/images() { if (document.http://simpsonsnow.narod.ru/images && (pr…

    Asked by delta7, November 8, 2010

    0 votes
    11 answers
24. Срез угла кнопки через css

    Доброго времени суток! Подскажите, пожалуйста, как можно через css сделать подобный срез угла (правый нижний угол). Как сделать все остальные части кнопки знаю (градиент, скруглённые концы)... Спасибо! https://yadi.sk/i/na_n8fFAcKkBw

    Asked by Andeangl, October 27, 2014

    0 votes
    2 answers
25. Полоса прокрутки в Mozilla Firefox

    Столкнулась с такой проблемой: вертикальная полоса прокрутки в Mozilla Firefox не отображается, вниз опускаться приходиться с помощью стрелок...=( в остальных браузерах все нормально.. Подскажите пожалуйста в чем дело!

    Asked by lisaromos, August 3, 2008

    0 votes
    3 answers