Назад
Создание прибыльного бизнеспроекта на базе сайта

SEO + ASP.NET 4.0 + БИЗНЕСМОДЕЛЬ = ПРИБЫЛЬНЫЙ САЙТ

Инструмент быстрого построения прибыльного онлайн бизнеса своими силами без капиталовложений за 4 месяца все подробности на SEO + ASP.NET 4.0.

Подписка на рассылку

МАГИЯ C#!

Создание вебсайта с формой автоматического приема онлайн платежей по WebMoney!
Ваше имя
Ваш e-mail
Уроки по ASP.NET c# ADO.NET
     

18 видеоуроков
более 5 часов
по созданию сайта,
выполняющего
продажи ваших продуктов (физических/электронных) на полном автомате с личным оповещением на e-mail, а также ...
DVD-курс по C#, .NET

3 часть. Введение в ASP.NET. WebServices Профессиональная подготовка разработчика по языку C# на платформе .NET

asp.net webservices dvd c# gridview Гудок курс Более 65 подробных видео уроков по теоретическим основам технологии сайтостроения ASP.NET и процессу создания и использованию вебсервисов.

DVD-курс по C#, .NET

2А часть. XML/TXT в аспекте ADO.NET Профессиональная подготовка разработчика по языку C# на платформе .NET

xml txt dvd c# ADO ADO.NET Гудок курс 70 подробных видео уроков по работе с форматами xml, txt, по работе с файлами и директориями. Разработка высокоорганизованных свойств для значительного сокращения объема исходного кода и облегчения дальнейшей модификации и многое-многое другое...

DVD-курс по C#, .NET

1 часть. Windows Forms Профессиональная подготовка разработчика по языку C# на платформе .NET

Профессиональная подготовка на c# А. Гудок

185 подробнейших уроков (70 часов) лекций в формате видеоуроков по теории языка c# и платформы .NET. Практическое закрепление теоретического материала на примере создания Windows Forms - приложения видеоигры "Tanks"

DVD-курс по C#, .NET

2 часть. ADO.NET/SQL Профессиональная подготовка разработчика по языку C# на платформе .NET

Профессиональная подготовка на c# А. Гудок ADO.NET sql

165 подробных видео уроков по созданию приложений распределенных баз данных на примере разработки проектов с использований технологий ADO.NET (Connected model, Disconnected model, Typed DataSet, ...)

Бодибилдинг
Программы тренировок для занятий штангой, гантелями; описание тренажеров

Я записываю курсы!
  Курс валют

НБУ курс евро






Выравнивание надписей серверных элементов ASP.NET с помощью стилей CSS



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

Если мы поместим на страницу несколько таких контролов (RadioButton, CheckBox):

<asp:RadioButton ID="RadioButton1" 
   runat="server" Text="Включить опцию" />
<asp:CheckBox ID="CheckBox1" 
   runat="server" Text="Задать опцию" />

То получим следующее представление в браузере:

css, стиль, выравнивание, серверный элемент

Как видим, текстовая часть контролов как бы смещена вниз, что не всегда допустимо в дизайне страницы.

Решить данную проблему можно использовав дополнительный контрол Label. Однако, не очень то и просто выровнять несколько контролов, при этом удерживать их вместе.

Более простым и правильным решением будет назначить данным элементам соответствующий стиль. Но какой? Для этого посмотрим, что мы получаем в браузере относительно данных двух контролов:

<input id="RadioButton1" type="radio" 
   name="RadioButton1" value="RadioButton1" />
<label for="RadioButton1">Включить опцию</label>

<input id="CheckBox1" type="checkbox" name="CheckBox1" />
<label for="CheckBox1">Отметить опцию</label>

Как видим, серверные контролы <asp:RadioButton />и <asp:CheckBox /> представлены парами типами <input /> и <label />.

Соответственно, выравнивать следует лейбл в паре.

Style.css

body {}

.myClass label 
{ 
   display: block; 
   margin: -19px 0px 0px 20px; 
}

<asp:RadioButton ID="RadioButton1" runat="server" 
    CssClass="myClass" Text="Включить опцию" />
<asp:CheckBox ID="CheckBox1" runat="server" 
    CssClass="myClass" Text="Отметить опцию" />

Так получили следующее представление в браузере:

checkBox radioburron выравнивание html

А сама разметка приняла такой вид:

<span class="myClass">
  <input id="RadioButton1" type="radio" 
	name="RadioButton1" value="RadioButton1" />
  <label for="RadioButton1">Включить опцию</label>
</span>
        
<span class="myClass">
  <input id="CheckBox1" type="checkbox" name="CheckBox1" />
  <label for="CheckBox1">Отметить опцию</label>
</span>

Последнее замечание. Вы можете как угодно двигать генерируемые лейблы для серверных контролов, но обязательно в стилях оставляйте свойство display: block;



Больше информации читайте по теме:



Оценить статью:

Оценивая статью, Вы подсказываете нам насколько данная информация стала полезной именно для Вас. Мы ожидаем, прежде всего, оценку доступности материала для понимания и простоты его изложения. Дополнительные комментари, вопросы, дополнения и замечания Вы можете указать на странице От Вас

Частичное, или полное копирование материала данной статьи возможно лишь при размещении ссылки на данную страницу.


            
        




Имя:  


Текст комментариев (не больше 600 знаков):  
введите не более 600 знаков



Введите символы с картинки:
Капча имеет "срок годности". Поэтому, если необходимо обновите страницу.



Черный список покупателей
c# курс Гудок   курс по ASP.NET Гудок   курс по ADO.NET Гудок   курс по XML txt Гудок   курс по рефлексии и многопоточности Гудок