выравнивание элементов управления на странице для веб-приложения asp.net - PullRequest
Новая
       2

выравнивание элементов управления на странице для веб-приложения asp.net

0 голосов
/ 08 февраля 2011

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

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<link type="text/css" rel="stylesheet" href="defaultStyle.css"/>

.... 

<asp:GridView ID="GridView1" runat="server" AllowSorting="True" 
                AutoGenerateColumns="False" BackColor="White" BorderColor="#336666" 
                BorderStyle="Double" BorderWidth="3px" CellPadding="4" 
                DataSourceID="SqlDataSource1" GridLines="Horizontal" Height="92px" 
                Width="327px" HorizontalAlign="Right">
<RowStyle BackColor="White" ForeColor="#333333" HorizontalAlign="Right" />
        <PagerStyle HorizontalAlign="Center" BackColor="#336666" ForeColor="White" /> 
                <Columns>
                    <asp:BoundField DataField="RecordsCount" HeaderText="RecordsCount" 
                        ReadOnly="True" SortExpression="RecordsCount"/>
                    <asp:BoundField DataField="collectionDate" HeaderText="collectionDate" 
                        ReadOnly="True" SortExpression="collectionDate" />
                </Columns>
                <FooterStyle BackColor="White" ForeColor="#333333" />
                <SelectedRowStyle BackColor="#339966" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#336666" Font-Bold="True" ForeColor="White" />
             </asp:GridView>

Ответы [ 2 ]

1 голос
/ 09 февраля 2011

Оберните ваши элементы управления в div и поместите их влево. Обязательно очистите поплавок, когда закончите. 

<div style="float:left;">
    <!-- Insert GridView -->
</div>
<div style="float:left;">
    <!-- Insert Chart Control -->
</div>
<div style="clear:both;" />
1 голос
/ 09 февраля 2011

Оберните каждый (Сетка и Диаграмма) в свой собственный элемент DIV.

Стиль DIVs с top / left или float css атрибутами по мере необходимости. Вам также может понадобиться задействовать margin, чтобы получить желаемый вид.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...