Абсолютное позиционирование элементов TR & TD - PullRequest
Новая
       22

Абсолютное позиционирование элементов TR & TD

1 голос
/ 02 декабря 2011

Я пытаюсь установить абсолютное положение ASP.NET Datalist, который внутри таблицы с элементами TR & TD - у меня TR отображается горизонтально - применение абсолютного позиционирования показывает только последний элемент TD.Использование относительного / статического показывает все элементы TD, как это и должно быть - мне нужно, чтобы он был абсолютно позиционирован в одной позиции - затрудняюсь понять это правильно - есть предложения?

.AspNet-DataList table 
{ 
width: 200px;
}

.AspNet-DataList tr, .AspNet-DataList td 
{
float: left;
left: 250px;
padding-right: 2px;
position: absolute;
top: 304px;
}

.AspNet-DataList td a
{
text-indent: -9999em;
display:block;
height: 25px;
width: 25px;
}

Это пошаговая форма с горизонтальным оранжевым фоном с цифрами от 1 до 6, отображаемым по горизонтали - об этом стоит упомянуть, если вы думаете, чего я пытаюсь достичь.Я ненавижу использовать положение: абсолютное, но иногда это просто то, что вам нужно в данный момент и без него не обойтись.

Вот форма и div; 

<div class="radarform">
<div class="look-for">Look For</div>
<div class="agree">Agree</div>
<div class="strongly-agree">Strongly Agree</div>
<div class="disagree">Disagree</div>
<div class="strongly-disagree">Strongly Disagree</div>
<energy:FormBuilder ID="HealthAndSafetyRadarForm" runat="server" XmlPath="~/asset/forms/securusradarform.xml" CssClass="hsRadarform" ButtonText="Send Form" ShowTitle="true" ShowSideBar="true" />
<div class="clear-me"></div>
</div>

В Firefox FireBug это показывает это и имеет свой собственный класс, который я использую; 

<div id="ctl07_HealthAndSafetyRadarForm_Wizard_SideBarContainer_SideBarList" class="AspNet-DataList">

ОБНОВЛЕНИЕ: Мне удалось разобраться с проблемой - я расположил td так, чтобы они оказались друг против друга - я сделал это на столе, а затем расположил hsRadarForm относительно - это разобралось - черт возьми, я ненавижуположение: абсолютное. 

.AspNet-DataList table 
{
left: 45px;
position: absolute;
top: -46px;
width: 175px;
}

.AspNet-DataList tr, .AspNet-DataList td 
{
float: left;
padding-right: 2px;
}

Ответы [ 2 ]

0 голосов
/ 02 декабря 2011

Я изо всех сил пытаюсь понять, чего ты пытаешься достичь - что-то о круглом оранжевом фоне? - но если вам действительно нужно переместить элементы td, вам почти наверняка нужно будет установить td, tr, tbody и table на display: block;

0 голосов
/ 02 декабря 2011

Можете ли вы обернуть список данных в DIV и абсолютно позиционировать это? Иногда проще поместить вещи в контейнер и расположить их абсолютно.

...