border у поля ввода - Вопросы по CSS - Форум русской поддержки Joomla!

Новости Joomla

Новогодние скидки от Nevigen.com

Новогодние скидки от Nevigen.com

Рады сообщить о специальном предложении от Nevigen, разработчика расширений для JoomShopping. С 29 декабря 2025 года по 7 января 2026 года будет действовать скидка 26% на все заказы от $50. Предложение распространяется на весь ассортимент продукции. Подробности и полный каталог расширений доступны по ссылке: https://nevigen.com/ru #joomshopping

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

- Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

Улучшенный UI/UX в ключевых областях конфигурации
Повышенная стабильность и согласованность в Layout Builder и Form Builder
Исправления ошибок на основе отзывов сообщества
Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

Обновленный UX Layout Builder
Улучшенный эффект предзагрузчика
Улучшенный стиль границ
Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

Решены проблемы с некорректными динамическими значениями
Исправлен Color Transform при прокрутке
Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTube Видео на VK Видео Видео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester @joomlafeed#joomla #php #webdev #community

1 Вниз

0 Пользователей и 1 Гость просматривают эту тему.

17 Ответов
2908 Просмотров

Zixxx

Осваиваюсь на форуме
36
0 / 0

border у поля ввода

« : 22.11.2011, 19:00:28 »

Прикрутил в материал, форму обратной связи от ChronoContact, ссылка на прикрученную форму: http://www.modion.ru/index.php?option=com_content&view=article&id=4&Itemid=3

Напрямую поменять стиль у компоненты не получается, файлики CSS почему-то недоступны для редактирования. Поэтому стили дописываю в самой компоненте в Joomla, хорошо что это хоть реализовано. Поменял бордер у всех элементов, обращался по стилям, типа:

.cf_inputbox{border: 1px solid #000;}
.cf_inputbox.LV_invalid_field:active{border: 1px solid #000;}
.cf_inputbox.LV_invalid_field:hover{border: 1px solid #000;}

и все бы ничего, но вот поле ввода "chrono_verification" куда просится ввести проверочные символы не имеет стиля и border у меня не получается ему задать. Подскажите как сделать?

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #1 : 22.11.2011, 19:16:16 »

Покажите HTML код формы.

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #2 : 22.11.2011, 19:27:48 »

Цитата: pirks от 22.11.2011, 19:16:16

Покажите HTML код формы.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!--/// Эта команда для того, чтобы убедиться, что к файлу index.php не обращаются напрямую -->

<html
xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">
<!--/// Эта команда отвечает за извлечение языка, установленного в конфигурации Joomla! -->

<head>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="Нижнее белье оптом, Нижнее белье ROZA, Нижнее белье РОЗА, Белье оптом, Трикотаж оптом" />
  <meta name="title" content="Контакты" />
  <meta name="author" content="Administrator" />
  <meta name="description" content="Нижнее белье оптом - ЕВРО Текстиль" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
  <title>Контакты</title>
  <script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
  <!--[if gte IE 6]><link href="http://www.modion.ru/components/com_chronocontact/themes/default/css/style1-ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
                <!--[if gte IE 7]><link href="http://www.modion.ru/components/com_chronocontact/themes/default/css/style1-ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
                <!--[if !IE]> <--><link href="http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css" rel="stylesheet" type="text/css" /><!--> <![endif]-->
                        <script type="text/javascript">
			var CF_LV_Type = 'default';			</script>
            <link rel="stylesheet" href="http://www.modion.ru/components/com_chronocontact/css/calendar2.css" type="text/css" />
            <link href="http://www.modion.ru/components/com_chronocontact/css/tooltip.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="http://www.modion.ru/components/com_chronocontact/js/calendar2.js"></script>
            <script src="http://www.modion.ru/components/com_chronocontact/js/livevalidation_standalone.js" type="text/javascript"></script>
            <link href="http://www.modion.ru/components/com_chronocontact/css/consolidated_common.css" rel="stylesheet" type="text/css" />
			<script src="http://www.modion.ru/components/com_chronocontact/js/customclasses.js" type="text/javascript"></script>
            <script type="text/javascript">
	Element.extend({
		getInputByName2 : function(nome) {
			el = this.getFormElements().filterByAttribute('name','=',nome)
			return (el)?(el.length)?el:el:false;
		}
	});
	window.addEvent('domready', function() {
																									});
</script>			
        			                        <script type="text/javascript">	
                window.addEvent('domready', function() {
                                });
            </script>
					<style type="text/css">
			span.cf_alert {
				background:#FFD5D5 url(http://www.modion.ru/components/com_chronocontact/css/images/alert.png) no-repeat scroll 10px 50%;
				border:1px solid #FFACAD;
				color:#CF3738;
				display:block;
				margin:15px 0pt;
				padding:8px 10px 8px 36px;
			}
		</style>	
		
				
                <script src="http://www.modion.ru/components/com_chronocontact/js/jsvalidation2.js" type="text/javascript"></script>
        	<script type='text/javascript'>
				var fieldsarray = new Array();
				var fieldsarray_count = 0;window.addEvent('domready', function() {
				elementExtend();setValidation("ChronoContact_formaos", 1, 0, 0);});</script>	
        	<script type="text/javascript">
	elementExtend();
	window.addEvent('domready', function() {	
		});
</script>		                 
			<style type="text/css">
			span.redorange{color:#FAA03C}

.chronoform{visibility:hidden}



.form_item{width:600px}

.cf_textbox{margin-top:4px; margin-bottom:4px}

.LV_invalid{color:#FAA03C}



.cf_inputbox{border: 1px solid #000;}

.cf_inputbox.LV_invalid_field:active{border: 1px solid #000;}

.cf_inputbox.LV_invalid_field:hover{border: 1px solid #000;}	
			</style>

<!--/// Эта команда включает в заголовок дополнительную информацию ( meta, script и т.д.) -->
<link rel="stylesheet" href="/templates/eurotextile/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/eurotextile/css/general.css" type="text/css" />
<!--/// Подключаются стандартные таблицы стилей -->
<link rel="stylesheet" href="/templates/eurotextile/css/template.css" type="text/css" />
<!--/// Подключается наша таблица стилей (?php echo $this->baseurl ? - возвращает адрес сайта; ?php echo $this->template ? - возвращает название шаблона ) -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ЕВРО Текстиль - Нижнее белье оптом</title>

</head>

<body>

<!--WRAPPER-->
<div id="wrapper">

	<!--HEADER-->
    <div id="header">
        <div id="back_logo">
    
        </div>
        <div id="logo">
            <a href="#"><img src="/templates/eurotextile/images/logo.png" width="367" height="71"></a>
        </div>
    
        <div id="tel">
            <a href="#"><img src="/templates/eurotextile/images/tel.png" width="238" height="23"></a>
            <a href="mailto:info@etextile.ru">info@etextile.ru</a>
        </div>
    </div>

	<!--NAVIGATION-->
    <div id="nav">
        <div id="menu">
        	<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><span class="mainlevel"> | </span><a href="/index.php?option=com_content&amp;view=frontpage&amp;Itemid=1" class="mainlevel" >О фирме</a><span class="mainlevel"> | </span><a href="/index.php?option=com_joomgallery&amp;view=gallery&amp;Itemid=5" class="mainlevel" >Коллекции</a><span class="mainlevel"> | </span><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=3" class="mainlevel" id="active_menu">Контакты</a><span class="mainlevel"> | </span></td></tr></table>
        </div>
    </div>

    <!--MIDDLE-->
    <div id="middle">
    
        <!--CONTAINER-->
        <div id="container">
            <div id="content">
                
<table class="contentpaneopen">



<tr>
<td valign="top">
<table style="width: 100%;" border="0">

<tbody>

<tr>

<td style="width: 400px;" valign="top">

<p>Отдел продаж нижнего белья оптом</p>

<p>г. Новосибирск<br />тел./факс: +7 (383) 375-01-41<br />email: 
 <script language='JavaScript' type='text/javascript'>
 <!--
 var prefix = 'mailto:';
 var suffix = '';
 var attribs = '';
 var path = 'hr' + 'ef' + '=';
 var addy66873 = 'sale' + '@';
 addy66873 = addy66873 + 'etextile' + '.' + 'ru';
 document.write( '<a ' + path + '\'' + prefix + addy66873 + suffix + '\'' + attribs + '>' );
 document.write( addy66873 );
 document.write( '<\/a>' );
 //-->
 </script><script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '<span style=\'display: none;\'>' );
 //-->
 </script>Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript
 <script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '</' );
 document.write( 'span>' );
 //-->
 </script><br />ICQ: 480-360-632<br />Skype: sale_etextile</p>

<p>Отдел закупок</p>

<p>Для общения на Русском языке<br />тел.: +7 923-190-20-70 (Андрей)<br />e-mail: 
 <script language='JavaScript' type='text/javascript'>
 <!--
 var prefix = 'mailto:';
 var suffix = '';
 var attribs = '';
 var path = 'hr' + 'ef' + '=';
 var addy66952 = 'info' + '@';
 addy66952 = addy66952 + 'etextile' + '.' + 'ru';
 document.write( '<a ' + path + '\'' + prefix + addy66952 + suffix + '\'' + attribs + '>' );
 document.write( addy66952 );
 document.write( '<\/a>' );
 //-->
 </script><script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '<span style=\'display: none;\'>' );
 //-->
 </script>Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript
 <script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '</' );
 document.write( 'span>' );
 //-->
 </script><br />Skype: etextile</p>

<p>Rozmowy w języku Polskim - (Общение на Польском)<br />тел.: +7 952-905-91-13 (Дарья)<br />e-mail: 
 <script language='JavaScript' type='text/javascript'>
 <!--
 var prefix = 'mailto:';
 var suffix = '';
 var attribs = '';
 var path = 'hr' + 'ef' + '=';
 var addy13759 = 'pl' + '@';
 addy13759 = addy13759 + 'etextile' + '.' + 'ru';
 document.write( '<a ' + path + '\'' + prefix + addy13759 + suffix + '\'' + attribs + '>' );
 document.write( addy13759 );
 document.write( '<\/a>' );
 //-->
 </script><script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '<span style=\'display: none;\'>' );
 //-->
 </script>Этот e-mail адрес защищен от спам-ботов, для его просмотра у Вас должен быть включен Javascript
 <script language='JavaScript' type='text/javascript'>
 <!--
 document.write( '</' );
 document.write( 'span>' );
 //-->
 </script><br />ICQ: 724-796<br />Skype: dariusia010890</p>

<p>Время работы:      Пн-Пт: 9:00 - 18:00    Сб-Вс: Выходной</p>

</td>

<td valign="top">			
			                        						        <form name="ChronoContact_formaos" id="ChronoContact_formaos" method="post" action="http://www.modion.ru/index.php?option=com_chronocontact&task=send&chronoformname=formaos&Itemid=3" >
		
				<div class="form_item">

  <div class="form_element cf_text"> <span class="cf_text">Форма обратной связи</span> </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Ваше имя: <span class="redorange">*</></label>

    <input class="cf_inputbox required" maxlength="150" size="30" title="!" id="text_4" name="name" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Телефон: <span class="redorange">*</></label>

    <input class="cf_inputbox required" maxlength="150" size="30" title="!" id="text_5" name="phone" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">email: <span class="redorange">*</></label>

    <input class="cf_inputbox required validate-email" maxlength="150" size="30" title="!" id="text_6" name="email" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textbox">

    <label class="cf_label" style="width: 150px;">Ваш город:</label>

    <input class="cf_inputbox" maxlength="150" size="30" title="" id="text_11" name="city" type="text" />

  

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_dropdown">

    <label class="cf_label" style="width: 150px;">С Вами связаться по:</label>

    <select class="cf_inputbox" id="select_8" size="1" title=""  name="vos">

    

      <option value="email">email</option>

<option value="телефону">телефону</option>



    </select>

    

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_textarea">

    <label class="cf_label" style="width: 150px;">Текст сообщения:</label>

    <textarea class="cf_inputbox required" rows="3" id="text_12" title="!" cols="30" name="message"></textarea>

    

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_captcha">

    <label class="cf_label" style="width: 150px;">Введите код: <span class="redorange">*</></label>

    <span><input name="chrono_verification" style="vertical-align:top;" type="text" id="chrono_verification" value="" />
							&nbsp;&nbsp;<img src="http://www.modion.ru/components/com_chronocontact/chrono_verification.php?imtype=1" alt="" /></span> 

    

    </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_button">

    <input value="Отправить" name="button_14" type="submit" />

  </div>

  <div class="cfclear">&nbsp;</div>

</div>



<div class="form_item">

  <div class="form_element cf_text"> <span class="cf_text"><span class="redorange">*</> - поля, обязательные для заполнения</span> </div>

  <div class="cfclear">&nbsp;</div>

</div>

		<input type="hidden" name="f837e9e62de7e09b7afa4292acc63740" value="1" />	
                	<input type="hidden" name="1cf1" value="1e0ac3e842a036e8bc048d412330f51d" />
                        	        </form>

<!-- don't remove the following 3 lines if you didn't buy a subscription --> 

<div class="chronoform">

<a href="http://www.chronoengine.com">Powered By ChronoForms - ChronoEngine.com</a>



</div>

<!-- don't remove the 3 lines above if you didn't buy a subscription -->	

		</td>

</tr>

</tbody>

</table>

</td>
</tr>

</table>
<span class="article_separator">&nbsp;</span>

            </div>
        </div>
        
        <!--LEFT SIDE-->
        <div id="left_s">
            
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr ><td><a href="/index.php?option=com_joomgallery&amp;view=gallery&amp;Itemid=2" class="mainlevel" >Нижнее белье</a>

<div style="padding-left: 4px"><img src="/images/M_images/indent1.png" alt="" /><a href="/index.php?option=com_joomgallery&amp;view=category&amp;catid=1&amp;Itemid=4" class="sublevel" >ROZA</a></div>
</td></tr>
</table>
        </div>
        
    </div>

</div>
    
<!--FOOTER-->
<div id="footer">

	<div id="copyright">
		<span>Copyright &copy; 2007-2012 <a href="#">ЕВРО Текстиль</a></span>
	</div>
    
    <div id="stat">
        <!--LiveInternet counter--><script type="text/javascript"><!--
        document.write("<a href='http://www.liveinternet.ru/click' "+
        "target=_blank><img src='//counter.yadro.ru/hit?t25.6;r"+
        escape(document.referrer)+((typeof(screen)=="undefined")?"":
        ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
        screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
        ";"+Math.random()+
        "' alt='' title='LiveInternet: показано число посетителей за"+
        " сегодня' "+
        "border='0' width='88' height='15'><\/a>")
        //--></script><!--/LiveInternet-->
    </div>
    
</div>

</body>
</html>

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #3 : 22.11.2011, 19:41:45 »

попробуйте добавить в файл ( например template.css) следующий селектор:

Код


input#chrono_verification {

border-bottom:1px solid green;

}

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #4 : 22.11.2011, 20:03:52 »

Добавил, не помогает

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #5 : 22.11.2011, 20:37:54 »

а вот так

Код

input#chrono_verification {

border: 1px solid #000 !important;

}

Кстати на станице есть ошибки:

"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/system.css"
"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/general.css"

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #6 : 22.11.2011, 20:45:48 »

Цитата: pirks от 22.11.2011, 20:37:54

а вот так

Код
input#chrono_verification {

border: 1px solid #000 !important;

}
Кстати на станице есть ошибки:

"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/system.css"
"NetworkError: 404 Not Found - http://www.modion.ru/templates/eurotextile/css/general.css"

Спасибо за ошибки. Но так тоже не помогает. Может не работает потому что этот код правильнее было бы вставить в стиль самого модуля, я могу вставить только в стиль самого шаблона сайта.

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #7 : 22.11.2011, 20:53:43 »

есть еще один файл CSS

http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css

где стоит попробовать вставить

input#chrono_verification {

border: 1px solid #000 !important;

}

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #8 : 22.11.2011, 21:11:00 »

Цитата: pirks от 22.11.2011, 20:53:43

есть еще один файл CSS

http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css

где стоит попробовать вставить

input#chrono_verification {

border: 1px solid #000 !important;

}

В том то и проблема о которой я писал выше, я не могу поменять этот файл, почему-то при изменении его на хостинге выдает ошибку, права на файл 0644 поменять на 0777 тоже не дает. Я подумал что возможно компонента это как-то лочит его и поэтому начал прописывать CSS в самой компоненте там есть поле для этого.

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #9 : 22.11.2011, 21:20:47 »

Цитата: Zixxx от 22.11.2011, 21:11:00

В том то и проблема о которой я писал выше, я не могу поменять этот файл, почему-то при изменении его на хостинге выдает ошибку, права на файл 0644 поменять на 0777 тоже не дает. Я подумал что возможно компонента это как-то лочит его и поэтому начал прописывать CSS в самой компоненте там есть поле для этого.

если так дальше пойдет, эта компонента скоро и доступ к самому сайту от вас закроет ...

доступ к сайту по ftp есть?

Записан

Zixxx

Осваиваюсь на форуме
36
0 / 0

Re: border у поля ввода

« Ответ #10 : 22.11.2011, 21:24:54 »

Цитата: pirks от 22.11.2011, 21:20:47

если так дальше пойдет, эта компонента скоро и доступ к самому сайту от вас закроет ...
доступ к сайту по ftp есть?

Хожу через SSH

Записан

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #11 : 22.11.2011, 22:05:07 »

Цитата: Zixxx от 22.11.2011, 21:24:54

Хожу через SSH

Нда ... мне как то привычнее править сайт на локально установленном Apache ... и потом уже переносить на хостинг по ftp.
Если по теме, то все таки нужно достучаться до
http://www.modion.ru/components/com_chronocontact/themes/default/css/style1.css

Записан

Taatshi

Гуру
5258
481 / 2
Верстаем и кодим. Обращайтесь ;)

Re: border у поля ввода

« Ответ #12 : 22.11.2011, 22:40:13 »

#chrono_verification input{

border: 1px solid #000;

}

Записан

ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ | ОТЗЫВЫ
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi

midav

Давно я тут
926
115 / 1

Re: border у поля ввода

« Ответ #13 : 22.11.2011, 23:01:32 »

Цитировать

Добавил, не помогает

Не видно на странице , чтобы были добавлены для этого элемента данные стили .

Цитировать

#chrono_verification input{

border: 1px solid #000;

}

Извините , а для какого элемента это правило должно сработать ?

Записан

Ответы на вопросы по CSS . Откройте для себя Firebug

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #14 : 22.11.2011, 23:10:06 »

Нам сейчас помогут гуру CSS!

Цитата: midav от 22.11.2011, 23:01:32

Извините , а для какого элемента это правило должно сработать ?

для input#chrono_verification

Код


<div class="form_item">

  <div class="form_element cf_captcha">

    <label class="cf_label" style="width: 150px;">Введите код: <span class="redorange">*</></label>

    <span><input name="chrono_verification" style="vertical-align:top;" type="text" id="chrono_verification" value="" />
							&nbsp;&nbsp;<img src="http://www.modion.ru/components/com_chronocontact/chrono_verification.php?imtype=1" alt="" /></span> 

    

    </div>

  <div class="cfclear">&nbsp;</div>

</div>

сама страница вот здесь:
http://www.modion.ru/index.php?option=com_content&view=article&id=4&Itemid=3

Записан

midav

Давно я тут
926
115 / 1

Re: border у поля ввода

« Ответ #15 : 23.11.2011, 22:53:38 »

Цитировать

для input#chrono_verification

Значит и записано должно быть так :

Код

input#chrono_verification

или :

Код

#chrono_verification

А если записано так :

Код

#chrono_verification input

То правила сработают для элемента input , который расположен внутри элемента с идентификатором chrono_verification . И чтобы это понять не надо быть гуру CSS .

Записан

Ответы на вопросы по CSS . Откройте для себя Firebug

midav

Давно я тут
926
115 / 1

Re: border у поля ввода

« Ответ #16 : 23.11.2011, 22:59:41 »

А если Вам нужно для input#chrono_verification , вот и пишите в стилях :

Код

input#chrono_verification{ тут ваши правила для этого элемента ...}

Можете написать эти стили в файле своего шаблона , это файл template.css . Сейчас у Вас не прописано для этого элемента ни одного правила стилевого оформления .

Записан

Ответы на вопросы по CSS . Откройте для себя Firebug

pirks

Захожу иногда
136
8 / 0

Re: border у поля ввода

« Ответ #17 : 24.11.2011, 09:14:02 »

midav, это все уже предлагалось автору темы ...

Записан

1 Вверх

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться

Похожие темы

Как поставить поля relation chilld в ряд (компонент cobalt )? Автор mrmagic	Ответов: 2 Просмотров: 2165	27.01.2019, 12:45:02 от mrmagic
[Решено] Прошу помощи - кособочит форму ввода Автор zndm	Ответов: 3 Просмотров: 1483	07.02.2017, 12:16:23 от zndm
Border-bottom при наведении Автор kik84	Ответов: 1 Просмотров: 2136	24.09.2016, 22:58:02 от AlekVolsk
Слетает border в меню Автор Begotten	Ответов: 6 Просмотров: 1369	16.03.2016, 17:07:15 от effrit
Border radius для кнопки Автор Влада	Ответов: 6 Просмотров: 1550	15.11.2015, 02:29:23 от Влада