Label

new01 · May 2, 2011

Вот у меня задача такая:

Сделать так чтоб при нажатии на букву активировалась:

<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>

это я делаю с помощью LABEL :

<label class='label' id='r1' for='ati1'>1</label>

.

Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!

DjTarik · May 2, 2011

Вот у меня задача такая:
Сделать так чтоб при нажатии на букву активировалась:
<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> 
это я делаю с помощью LABEL :
<label class='label' id='r1' for='ati1'>1</label>
.
Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!

У меня когда-то с дисплэй тоже НЕ работало... Попробуй прозрачность.

new01 · May 2, 2011

прозрачность ваще не действует на INPUT в экспловере.

DjTarik · May 2, 2011

прозрачность ваще не действует на INPUT в экспловере.

Всегда работала, а сегодня нет?

Весь код в студию...

new01 · May 2, 2011

просто в класс добавил прозрачность.

.radio{

opacity: 0.0;

}

И ещё у меня экспловер 6 или 7-ой наверно...

DjTarik · May 2, 2011

естественно... да хоть 8-ой... Фильтр где?

new01 · May 2, 2011

Во блин! точно !

.radio{  opacity: 0.0;   filter: alpha(Opacity=0);  }

И всё отлично!

А вот ещё небольшая пролема.В гугл хром.у меня фотка выводится так

<img src='$foto[0]' style='width:$Width\px;Height:$Height\px;' alt=''>

Здесь переменны из php кода,так во всех браузерах всё ок , а тут размеры фоток не такие какие прописаны.Проблема в том ,что в html коде получается "\px" и хром это не воспринимает,а если убрать "\" и сделать вот так

<img src='$foto[0]' style='width:$Width px;Height:$Height px;' alt=''>

То "px" далеко стоит. Может можно как-нибудь решить?!

DjTarik · May 2, 2011

Во блин! точно !
.radio{  opacity: 0.0;   filter: alpha(Opacity=0);  }
И всё отлично!
А вот ещё небольшая пролема.В гугл хром.у меня фотка выводится так
<img src='$foto[0]' style='width:$Width\px;Height:$Height\px;' alt=''>
Здесь переменны из php кода,так во всех браузерах всё ок , а тут размеры фоток не такие какие прописаны.Проблема в том ,что в html коде получается "\px" и хром это не воспринимает,а если убрать "\" и сделать вот так
<img src='$foto[0]' style='width:$Width px;Height:$Height px;' alt=''>
То "px" далеко стоит. Может можно как-нибудь решить?!

Выводи размеры через width и height тега alt... Нафига те там стили вообще...

new01 · May 2, 2011

Так у меня доктайп стоит <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'> и он требует,чтоб всё было прописано через стили.А если я пропишу width и height в img через html там всё равно такая же проблема наверно будет...

DjTarik · May 2, 2011

Ээээ.... А вы пробовали хоть?

Пофигу на доктайп - эти атрибуты чуть ли не обязательные (очень желательные, я бы сказал). Поверь, код валидный будет.

Когда указывам через width и height в img НЕ нужно писать единицы измерения.

new01 · May 2, 2011

Ладно,DjTarik,вы мне и так помогли!Спасибо за "прозрачность",!Сам подумаю!

DjTarik · May 2, 2011

Попробуй, потом расскажешь)

new01 · May 2, 2011

Да я сделал через img ширину и высоту .Всё ок! Спасибо! Вы кстати dj ?!

tt48 · May 2, 2011


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>
	</title>
</head>
<body>
	<div>
		<img src='../dfgfdg,jpg' height='45' width='55' alt='' />
	</div>
</body>
</html>

Валидацию проходит


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<title>
	</title>
<style type='text/css'>
	.none{
		display: none;
		border: 3px solid red;
	}
	form{
		border: 1px solid red;
	}
</style>
</head>
<body>
	<div>
		<form>
			<input type='text' class='none' />
			<label class='none'>LABEL</label>
			<input type='radio' class='none' value='1' />
		</form>
	</div>
</body>
</html>

Все работает. или я не так чего-то понял?

Если уж к прозрачности пошли, то можно и с помощью visibility закрыть.

меньше хаков как-никак. тем более что синтаксис объявления фильтра у IE8 расширенный

Edited May 2, 2011 by tt48

Sign In

Label

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information