wwt
Expert-
Posts
2,571 -
Joined
-
Last visited
-
Days Won
119
Content Type
Profiles
Forums
Calendar
Store
Everything posted by wwt
-
Нумерованный список отображается как маркированный
wwt replied to andrystepa's question in HTML Coding
Самый простой вариант — поменять там селектор с li на ul > li, тогда нумерованные списки будут отображаться как по умолчанию. Вроде нашел я файл index.php в котором определен стиль. Вписал вместо li селектор ul > li. Но ничего не изменилось. Там, где в теге li нет параметра style="LIST-STYLE-TYPE: decimal; LIST-STYLE-IMAGE: none" Маркеры отображаются как квадратики. Там где есть - отображаются цифры. При этом в исходном коде страницы стиль выглядит так: <style> td{ font-size:11px; font-family: Arial, Vardana; color:#333333; } body{ margin:0px; } a{ color:#003978; text-decoration: none; font-weight: bold; } a.menu{ color: #FFFFFF; font-weight: normal; font-size:12px; display: block; } td.menu{ padding-left:15px; background-color:#0157B7; } ul{ padding-left: 4px; margin-left: 4px; margin-top: 12px; margin-bottom: 12px; } ul > li{ list-style-image: url(/images/sq.gif); margin-left:20px; list-style-type: disc; padding-bottom:5px; font-size: 11px; } h1{ font-size:12px; color: #003978; font-weight: bold; margin: 0px; padding: 0px; } </style> После того, как я заменил в определении стиля li на ul > li, я попробовал вставить в страницу код: <style> ol > li { list-style-image: none; list-style-type: decimal; } ul > li { list-style-image: none; } </style> И цифры стали отображаться везде! Вот только квадратики в основном списке теперь не отображаются. (( я думал вы квадратики хотите заменить на кружечки )) если вам нужны квадратики для ul и цифры для ol то в вашем шаблоне сделайте так: <style> td{ font-size:11px; font-family: Arial, Vardana; color:#333333; } body{ margin:0px; } a{ color:#003978; text-decoration: none; font-weight: bold; } a.menu{ color: #FFFFFF; font-weight: normal; font-size:12px; display: block; } td.menu{ padding-left:15px; background-color:#0157B7; } ul{ padding-left: 4px; margin-left: 4px; margin-top: 12px; margin-bottom: 12px; } ul > li { list-style-image: url(/images/sq.gif); margin-left:20px; list-style-type: disc; padding-bottom:5px; font-size: 11px; } ol > li { list-style-image: none; list-style-type: decimal; } h1{ font-size:12px; color: #003978; font-weight: bold; margin: 0px; padding: 0px; } </style> Все другие настройки стиля для списков из тегов и тд уберите. -
ребят вы решили заново придумать less и sass ? Или я что-то путаю ))
-
Нумерованный список отображается как маркированный
wwt replied to andrystepa's question in HTML Coding
как бы это не было странно когда я через инспектор вставляю все работает -
Нумерованный список отображается как маркированный
wwt replied to andrystepa's question in HTML Coding
вам уже выше написали у вас на странице есть CSS в нем для li прописано: li { list-style-image: url("/images/sq.gif"); list-style-type: disc; } либо уберите эти параметры для li либо переопределите их. Подозреваю что стиль находится в каком - либо файле php где находится сам шаблон страницы. если шаблона не найти то, добавьте в ваш код следующее: <style> ol > li { list-style-image: none; list-style-type: decimal; } ul > li { list-style-image: none; } </style> либо руками прописывайте в каждом теге ul и ol настроечки. -
вы с помощью таблицы пытаетесь организовать вложенные списки? Или уже существует такая таблица и с ней нужно работать?
-
Нумерованный список отображается как маркированный
wwt replied to andrystepa's question in HTML Coding
И что там неправильно? Я смотрел в этой статье, В таблице 11.2. Там что неправильно написано? В ссылке, которую Вы дали про нумерованные списки ничего нет! у меня ваш код отображается как нужно и в IE9 и в опере, вложенный нумерованный ибо вы прописали тип вложенному списку, а вот основной маркеры - кружки (по умолчанию), раз у вас квадраты, подозреваю у вас на странице где-то в CSS переопределяются настройки списков, можно увидеть саму страницу? Либо ищите в css параметр list-style-type для ul и ol, скорее всего там переопределено для них на square. -
цветом я выделил просто для наглядности, кол-во подряд идущих строк с нужным классом вам окошком вылазит 6 и потом 3. И делайте с этими цифрами что хотите. Или что-то считает опять не так как нужно? в вашем коде идут 6 подрят строк с классом и потом еще 3. подсчет явно верен, либо вы неверно объясняете что вам нужно сделать. вот без выделения цветом http://jsfiddle.net/a6ZXU/
-
Нумерованный список отображается как маркированный
wwt replied to andrystepa's question in HTML Coding
type=1 ? атрибут type для элементов ul и ol - http://htmlbook.ru/html/ul/type в CSS - list-style-type -
http://jsfiddle.net/2Z4NC/1/
-
разработчик получает денежки от заказчика, а не от пользователей )))
-
какой больше нравится или более удобен в конкретном случае. Единственное некоторые старые браузеры не будут фокусить поле при клике на текст если поле находится внутри лейбла.
-
1. id = идентификатор, и должен быть в документе только 1. Если данным строкам нужно задать стиль или некую метку повторяющуюся несколько раз используйте атрибут class 2. подсчет строк в таблице c id="mytable" с нужным классом: var table = document.getElementById("mytable"); var trs = table.getElementsByTagName("tr"); var hideit_length = 0; for(var i=0;i<trs.length;i++){ if(trs[i].className == "hideit") hideit_length++; } alert(hideit_length);
-
http://jsfiddle.net/C2Bcq/ с помощью :before (поймет только IE8+) http://jsfiddle.net/ecVsp/ или так с доп.блоком внутри
-
Использовать include в PHP, SSI и т.д.... или подгружать нужные куски через ajax, javascript или iframe к примеру
-
скачать библиотеку jquery , скачать указанный выше плагин и добавить в код на странице которая находится во фрейме между тегами head и /head <!--путь к jquery указать свой--> <script src="jquery.js" type="text/javascript"></script> <!--путь к плагину указать свой--> <script src="jquery.mousewheel.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(function($) { $(document).bind('mousewheel', function(event, delta) { var i = $(this).data("scroll") | 0; var h = $(this).height(); var w = $(window).height(); i += (delta*-15) if( i >= h-w ) i = h-w; else if( i < 0 || h <= w ) i = 0; $(this).scrollTop(i); $(this).data("scroll", i ) return false; }); }); </script> <style type="text/css"> html, body { overflow:hidden; } </style> плагин качаем тут https://raw.github.com/brandonaaron/jquery-mousewheel/master/jquery.mousewheel.js jquery тут http://code.jquery.com/jquery-1.8.0.min.js
-
только с помощью javascript http://jsfiddle.net/L8AjM/ jquery + плагин jquery.mousewheel.js
-
у двух текстовых полей одинаковые id , пропиши второму другой: <FORM> Изделие 1 <input type="checkbox" NAME="1" onclick="if(this.checked){document.getElementById('nextSibling').style. display='inline-block'}else {document.getElementById ('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling"> <br> Изделие 2 <input type="checkbox" NAME="2" onclick="if(this.checked){document.getElementById('nextSibling2').style. display='inline-block'}else {document.getElementById ('nextSibling2').style.display='none'; document.getElementById('nextSibling2').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling2"> </FORM>
-
CSS3 Radio button. Между label и input дополнительный тэг
wwt replied to artemhp's question in HTML Coding
... input[type="radio"] + script ~ label::before ... input[type="radio"]:checked + script ~ label::before ... так и в опере и в хроме пашет -
http://jsfiddle.net/KdFQ4/ в ie6-7 работать не будет и потому покажет обычную нумерацию
-
эм попробуйте для ie6 в ie.css дописать отрицательный margin-bottom для li #menu li{ margin-bottom:-2px; } чтобы оттестить мона хаком в основном файле стилей попробовать сначала. #menu li{ float:left; background:#757a98 url(pic/left.png) no-repeat 100% 0; margin-right:5px; *margin-bottom:-2px; }
-
Звездочка обозначает, что искомое значение должно появляться где-нибудь в атрибуте. <table class="span"> <table class="style span"> <table class="span style"> <table class="spanstyle"> и т.д.
-
http://jsfiddle.net/Xu4qD/ как разместить блоки рядом с переносом на несколько строк. По поводу расплывается - не видя вашего кода сказать что-либо трудно.
-
Будте добры вот сюда http://jsfiddle.net/ проблему оформить, либо дать ссылку на страницу с проблемой.
-
http://jsfiddle.net/Hsg33/ фик знает все работает ))) + кроме этого есть тег object