-
وسط چین
سلام آقایان و خسته نباشید
من میخواهم یک دایو را وسط یک سلول قرار دهم ولی نمیشود.
با padding و با margin خیلی ور رفتم ولی نشد.
کد css را قرار میدهم هر کس میداند کمک کند ممنون میشوم.
.dynamic-tab-pane-control.tab-pane {
position: relative;
/*width: 100%; width needed weird IE bug */
/*margin-right: -2px; to make room for the shadow */
}
.dynamic-tab-pane-control .tab-row .tab { width: 90px; height: 16px; background-image: url(tab.png); position: relative; top: 0; display: inline; float: right; /* rtl change */
overflow: hidden; cursor: hand; margin: 0; padding: 2px 5px; z-index: 1; font: 11px Tahoma; background-color: #f48f98; white-space: nowrap; text-align: center; visibility: inherit; clear: both; border: 1 #0088b9; list-style-position: inherit;;;;;;;;;;;;;;;;; }
.dynamic-tab-pane-control .tab-row .tab.selected {
width: 94px !important;
height: 18px !important;
background-image: url(tab_active.png) !important;
background-repeat: no-repeat;
border-bottom-width: 0;
z-index: 3;
padding: 2px 5px 0 0;
margin: 1px 1px 1px 0;
top: -2px;
font: 11px Tahoma;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: 11px Tahoma;
color: #333;
text-decoration: none;
cursor: hand;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
font: 11px Tahoma;
width: 90px;
height: 16px;
background-image: url( "tab_hover.png" );
background-repeat: no-repeat;
}
.dynamic-tab-pane-control .tab-page { border: solid 1px rgb(145,155,156); background: rgb(252,252,254); z-index: 2; position: relative; top: -2px; right: -3px; /* rtl change */
font: 11px Tahoma; color: #333;
/*244, 243, 238*/
/* 145, 155, 156*/
width: 97%; /* stupid stupid stupid IE!!! */
float: right; padding: 5px 1px 20px 20px; /* rtl change */
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}
-
پاسخ : وسط چین
من کد را کمتر کردم تا راحتتر دیده شود.
.dynamic-tab-pane-control .tab-row .tab { width: 90px; height: 16px; background-image: url(tab.png); position: relative; top: 0; display: inline; float: right; rtl change
overflow: hidden; cursor: hand; margin: 1px 0; padding: 2px 5px; z-index: 1; font: 11px Tahoma; background-color: #f48f98; white-space: nowrap; text-align: center; border-color: 1 #0088b9; border-style: ;;border-width: ;;;;;;;;;;;;; }
-
پاسخ : وسط چین
کد را اینطوری نمایش بده تا واضح باشه:
کد:
.dynamic-tab-pane-control.tab-pane {
position: relative;
/*width: 100%; width needed weird IE bug */
/*margin-right: -2px; to make room for the shadow */
}
.dynamic-tab-pane-control .tab-row .tab { width: 90px; height: 16px; background-image: url(tab.png); position: relative; top: 0; display: inline; float: right; /* rtl change */
overflow: hidden; cursor: hand; margin: 0; padding: 2px 5px; z-index: 1; font: 11px Tahoma; background-color: #f48f98; white-space: nowrap; text-align: center; visibility: inherit; clear: both; border: 1 #0088b9; list-style-position: inherit;;;;;;;;;;;;;;;;; }
.dynamic-tab-pane-control .tab-row .tab.selected {
width: 94px !important;
height: 18px !important;
background-image: url(tab_active.png) !important;
background-repeat: no-repeat;
border-bottom-width: 0;
z-index: 3;
padding: 2px 5px 0 0;
margin: 1px 1px 1px 0;
top: -2px;
font: 11px Tahoma;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: 11px Tahoma;
color: #333;
text-decoration: none;
cursor: hand;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
font: 11px Tahoma;
width: 90px;
height: 16px;
background-image: url( "tab_hover.png" );
background-repeat: no-repeat;
}
.dynamic-tab-pane-control .tab-page { border: solid 1px rgb(145,155,156); background: rgb(252,252,254); z-index: 2; position: relative; top: -2px; right: -3px; /* rtl change */
font: 11px Tahoma; color: #333;
/*244, 243, 238*/
/* 145, 155, 156*/
width: 97%; /* stupid stupid stupid IE!!! */
float: right; padding: 5px 1px 20px 20px; /* rtl change */
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}
حالا دقیقا بگو می خوام چکار کنی؟
-
پاسخ : وسط چین
چرا توي css؟
تو خود index :)
کد:
<tr>
<td>
<div>
code
</div>
</td>
</tr>
البته اگه منظورت رو درست متوجه شده باشم ;)
