Jump to content
  • 0

не выравнивается текст рядом с тегом input в td


Fixer
 Share

Question

В ячейке таблицы находятся тест и текстовое поле.

Почему-то в этом поле нельзя задать тексту аттрибут vertical-align, Выравнивание происходит всегда по нижнему краю.

не помогает ни указание выравнивания в ни через class ни через style:

			<table width="100%" class="listCACenterTable">
<tr>
<td valign="top"><table width="100%" border=1>
...
<td class="listCACenterTableTD" style="vertical-align:top">

.css

.listCACenterTable td {vertical-align:top;}

td.listCACenterTableTD {vertical-align: top;}

В ч?м может быть ошибка?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

Во-первых: заданный вами класс для ячейки и то что у вас в css ? это разные вещи и никак не пересекаются.. в классе ячейки вы указали имя класса "listCACenterTableTD", в таблице стилей же ? класс называется "listCACenterTable", а само объявление обращается к дочернему элементу td элемента c таким классом. Другими словами в данном фрагменте кода вы с помощью css ничего не присвоили и такая запись бесполезна. Для того, чтобы это работало ? вам нужно было либо присвоить таблице класс "listCACenterTable", либо переименовать класс в таблице стилей в соответствии с классом, указанным в ячейке. А вот style работать должен. Но для понимания, в чем у вас проблема ? было бы неплохо посмотреть весь код таблицы и код css-файла целиком, возможно даже привести небольшую схематичную картинку, как должно быть, потому как из вашего вопроса не совсем очевидно что именно вы хотите ? то ли выравнять текст в ячейке, то ли в текстовом поле.

З.Ы. Для приведения примера кода существует bb-тег [code]...[/code] ? не пренебрегайте этим. Иначе ваш вопрос могут просто удалить за несоответствие правилам форума.

Link to comment
Share on other sites

  • 0

Текст нужно выравнять в ячейке.

+ В других ячейках этой таблицы выравнивание происходит нормально.

.css

html {height:100%; min-height:100%}
body {margin:0; padding:0; background:#fff url(/images/bg.jpg); font:12px tahoma; color:#000; min-height: 100%; height: 100%;}
table {border-collapse:collapse; border:0} table td {padding:0; font:12px tahoma; color:#000; vertical-align:top} img {border:0} form {padding:0; margin:0}
.top {width:100%}
.logo {padding:0 0 0 23px}
.topd {background:url(/images/topbg.jpg) repeat-x top; height:170px }
.menutop {}
.menutop td { vertical-align:middle}
.menutop td a {display:block; margin:0 12px 0 12px; font:bold 15px Tahoma; color:#fff; text-decoration:none; line-height:12px; text-align:center; height:47px;}
.menutop td a:hover { background:url(/images/marker.gif) no-repeat top center}
.menutop td a div {padding:10px 0 0 0}
.menutop td a active { background:url(/images/marker.gif) no-repeat top center}

.main {width:100%; background:url(/images/menu_shadow.gif) no-repeat top right;}
.cnt { width:98%; padding:37px 0 0 0}
.left {width:1%}
.leftd {width:223px; padding:25px 0 0 0}
.rght {width:1%; padding:37px 0 0 0}

.leftmenu {background:#eaeaea url(/images/lb.jpg) no-repeat bottom}
.leftmenu div {padding:25px}
.leftmenu div a {display:block; padding:8px 0 8px 19px; font:13px Tahoma; color:#317ac3; text-decoration:none; border-top:#baccdf 1px solid; background:url(/images/ctr.gif) no-repeat left}

.leftmenu div a.left_act {display:block; padding:8px 0 8px 19px; font:13px Tahoma; color:#317ac3; text-decoration:none; border-top:#baccdf 1px solid; background:url(/images/ctr_act.gif) no-repeat left}

.entertd {background:#ececec}
.entertd img {display:block}
.entertd div.ent {padding:10px 0 15px 12px; font:11px Tahoma; color:#6c6c6c}
.entertd input {margin:0 0 5px 0; width:165px; height:16px; border:#ccc 1px solid}
.entertd input.enter {height:auto; width:auto; border:none}

.entlnk {padding:5px; }
.entlnk a{ font:11px Tahoma; color:#6c6c6c; text-decoration:none; line-height:18px}
.entlnk a:hover {text-decoration:underline}

.white {background:#fff; padding:10px}

.footer {width:100%; margin:40px 0 }
.footer td {color:#47423f; font:12px Tahoma;}
.footer td a {color:#47423f; font:12px Tahoma;}
.footer td p {padding:0; margin:0 0 10px}
.fot_t {width:32%; border-left:#a19c99 1px solid; height:64px; padding:0 0 0 10px}
.fot_im {width:2%; padding:0 10px 0 0}

.block {background:url(/images/pip.gif) repeat-x top;}
.block div {background:url(/images/pip.gif) repeat-x bottom}
.block div div {background:url(/images/pip_tl.gif) no-repeat top left}
.block div div div {background:url(/images/pip_tr.gif) no-repeat top right}
.block div div div div {background:url(/images/pip_bl.gif) no-repeat bottom left}
.block div div div div div {background:url(/images/pip_br.gif) no-repeat bottom right;}

.desc {font-size:10px; color:#565656; border-left:#e4e4e4 1px solid}
.block div div div div div.descc {padding:0 0 18px 10px; background:none}
h1 {font:bold 16px Verdana; color:#565656; padding:0; margin:12px}
h2 {font:17px Tahoma; color:#635b58; padding:0; margin:10px 0}
h3 {font:17px Tahoma; color:#635b58; padding:0; margin:0 0 10px 0}

.block div div div div div.ser {padding:10px 0; background:#f1f1f1; }
.block div div div div div.ser td {vertical-align:middle; font:20px Verdana; color:#615957}
.block div div div div div.ser td img {margin:0 2px 0 0 }

.car { border-left:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid}

.ser2 {padding:10px; background:#f1f1f1; }
.ser2 td {font:12px verdana; color:#635b58}

.tabl td.head {font:bold 12px verdana; color:#5b5b5b; text-align:center}
.tabl td {text-align:center; font:12px verdana; color:#5b5b5b; padding:2px 5px; vertical-align:middle}
/*My BEGIN*/
.tabl td a {font:12px Tahoma; color:#317ac3; text-decoration:none}
.tabl td a:hover {text-decoration:underline}
.CAItem table{ border-width:1; border-color:silver}
.CAItem th {text-align: left}
.CAItem table td {text-align: left}
.tabl td.ne4et {background:#f3f3f3}

.pages {background:#91cbe5; text-align:right; padding:2px 10px; margin:3px 0; font:12px Tahoma; color:#635b58}

.pages a {font:12px Tahoma; color:#635b58; text-decoration:none}
.pages a:hover {text-decoration:underline}
.listCASelect { width: 190px}

.listCACenterTable td {vertical-align: baseline;}

td.listCACenterTableTD {vertical-align: top;}

/*My END*/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy