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

Новости Joomla

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6

JoomShaper SP Page Builder 6: динамический контент, комментарии и Joomla 6.Анонсирован выход новой версии одного из самых распространённых конструкторов страниц на Joomla от студии JoomShaper.v.6.0.0. Что нового?➕ Динамический контент. Добавлена поддержка материалов Joomla в динамическом контенте.➕ Новые комментарии для Joomla. Введена встроенная система комментирования статей.➕ Плагин аватара пользователя. Включена поддержка изображений профиля через плагин SP Page Builder - Profile Image.🫥 Обновление: Добавлена совместимость с моделями GPT-5.🫥 Обновление: добавлена опция приоритета извлечения в надстройку «Изображение». 🫥 Обновление: улучшена скорость загрузки динамического контента.🫥 Обновление: включена поддержка вертикального видео в модулях «Видео» и «Модальные всплывающие окна».🛠 Исправление: исправлены ошибки, из-за которых дополнения к формам не работали на страницах динамических сведений.🛠 Исправление: устранены проблемы с разрывом макета и всплывающими окнами при разбиении на страницы динамической медиагалереи.🛠 Исправление: решена проблема с неработоспособностью списка ссылок на страницы в редакторе интерфейса.🛠 Исправление: Исправлены проблемы с маршрутизацией многоязычных страниц SEF.🛠 Исправление: устранена уязвимость критического обхода пути в Media Manager.Большое спасибо за ссылку участнику нашего сообщества Ринату Кажетову (@rkazhet)!Новость на сайте JoomShaper.@joomlafeed#joomla #расширения #шаблоны

WT Set elements v.1.0.0: плагин поля для RadicalMart

WT Set elements v.1.0.0: плагин поля для RadicalMart

Плагин пользовательского поля компонента интернет-магазина для Joomla - RadicalMart (@radicalmart). Плагин позволяет создавать набор элементов, включающих заголовок, изображение и краткое описание и выбирать необходимые из них в товаре. Отображать наборы элементов можно в виде товара и в списке товаров (в своих макетах).

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

👩‍💻 IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla.Модуль «Виджет приложения ВКонтакте» для Joomla поможет добавить на сайт виджет с карточкой приложения или игры из социальной сети ВКонтакте.У вас возникла потребность отобразить информацию о ваших приложениях или играх на сайте с кнопкой перехода в социальную сеть, то этот модуль для Вас. Вам не придется хранить информацию о приложении у себя на сайте, все данные получаются через публичное API социальной сети ВКонтакте. Хранение информации на стороне ВКонтакте позволит Вам не нагружать базу данных сайта.В модуле имеется всего несколько опций и полей, которые максимально упрощают публикацию виджета. Первая опция позволяет подключить публичное API социальной сети ВКонтакте, необходимое для работы виджетов. Следующее поле потребует ввести идентификатор приложения или игры, присвоенный в социальной сети ВКонтакте. Следующая опция позволит выбрать вид отображаемой информации в виджете.Модуль имеет 3 варианта отображения:- карточка- участники- кнопкаПоддерживаемые версии Joomla: Joomla 3, Joomla 4, Joomla 5.Страница расширения Joomla Extensions Directory#joomla #расширения #vk

1 Вниз

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

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

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 Просмотров: 2043	27.01.2019, 12:45:02 от mrmagic
[Решено] Прошу помощи - кособочит форму ввода Автор zndm	Ответов: 3 Просмотров: 1421	07.02.2017, 12:16:23 от zndm
Border-bottom при наведении Автор kik84	Ответов: 1 Просмотров: 2014	24.09.2016, 22:58:02 от AlekVolsk
Слетает border в меню Автор Begotten	Ответов: 6 Просмотров: 1311	16.03.2016, 17:07:15 от effrit
Border radius для кнопки Автор Влада	Ответов: 6 Просмотров: 1442	15.11.2015, 02:29:23 от Влада