|
aleksk
Гость
|
 |
« : 15-05-2007 12:40 » |
|
Подскажите как сделать так, чтобы рамка ячейки плотно окружала текст???
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #1 : 15-05-2007 13:36 » |
|
что такое плотно?
например
<td style="border: 1px green solid;">text</td>
или
<td style="border: 0;"><span style="border: 1px green solid;">text</span></td>
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #2 : 15-05-2007 13:48 » |
|
Плотно это, чтобы текст написанный в первой ячейке лежал на нижней границе ячейки.А текст или что либо другое расположенное во второй ячейке вплотную прилегало к тексту в первой ячейке.У меня первая ячейка в которой написан текст растягивается почти на все окно и сжимает остальные ячейки(в них правда только ),а надо ,что бы первая ячейка заканчивалась сразу за текстом.
|
|
|
|
« Последнее редактирование: 15-05-2007 13:57 от aleksk »
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #3 : 15-05-2007 14:39 » |
|
начинаем вот с этого  </html> <body> <table> <tr> <td>text1</td> <td>text</td> </tr> <table> </body> </html> |
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #4 : 15-05-2007 14:47 » |
|
Спасибо с шириной разобрался , осталось текст положить на нижнию границу.
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #5 : 15-05-2007 15:42 » |
|
если мне не изменяет память, то по умолчанию текст на нижней границе
но для верности можно применить свойство
vertical-align: bottom;
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
RXL
|
|
« Ответ #6 : 15-05-2007 17:39 » |
|
Добавлю, что vertical-align применяется к ячейке. Также пригодятся атрибуты cellpadding и cellspacing для таблицы, css-свойство margin для таблицы и ячеек и padding для ячеек.
|
|
|
|
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
Chuda
Гость
|
|
« Ответ #7 : 15-05-2007 21:14 » |
|
видимо имеется в виду td { padding: 0; }
|
|
|
|
|
Записан
|
|
|
|
|
aleksk
Гость
|
|
« Ответ #8 : 15-05-2007 23:11 » |
|
Спасибо!!!Может я чё не понимаю, но "vertical-align: bottom;" и css-свойство margin для таблицы и ячеек и padding для ячеек не работает.Помогите разобраться.И td {padding:0;} тоже не работает!!!
|
|
|
|
« Последнее редактирование: 15-05-2007 23:18 от aleksk »
|
Записан
|
|
|
|
|
RXL
|
|
« Ответ #9 : 16-05-2007 03:40 »  |
|
aleksk, показывай код!
|
|
|
|
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
aleksk
Гость
|
|
« Ответ #10 : 16-05-2007 13:31 » |
|
<table cellpadding="0" cellspacing="0" border="1" >
<tr >
<td><h1 style="color:#FF0000; font-size:43px; vertical-align: bottom;">Сообщение</h1></td>
<td width="100%" style="border-bottom: 4px solid #f00;"> </td>
</tr>
</table>
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #11 : 16-05-2007 14:43 » |
|
<h1 style="margin: 0;">mesage</h1>
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #12 : 16-05-2007 14:47 » |
|
<table cellpadding="0" cellspacing="0" border="1" > <tr > <td><h1 style="margin:0;">Сообщение</h1></td> <td width="100%" style="border-bottom: 4px solid #f00;"> </td> </tr> </table> К сожелению так тоже не работает  |
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #13 : 16-05-2007 15:10 » |
|
блин,
у тебя какой браузер?
ставишь FF, к нему расширение firebug и играйся
попробуй
<h1 style="margin: 0;padding:0;">mesage</h1>
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #14 : 16-05-2007 15:20 » |
|
У меня Opera,IE(6,7),Mozila,FF! И везде все одно и тоже!!!!!  Под винду правда! |
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #15 : 16-05-2007 15:36 » |
|
<html>
<body>
<table border="1" style="height: 100%;">
<tr>
<td style="vertical-align: bottom;">text1</td>
<td style="vertical-align: top;"> <h1 style="margin: 0pt; padding: 0pt;">text</h1> </td>
</tr>
</table>
</html>
|
|
|
|
« Последнее редактирование: 16-05-2007 15:41 от Sla »
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #16 : 16-05-2007 18:04 » |
|
Спасибо!!! Это все понятно, но всё равно совсем на границу не получается!Из таких способов я всё перепробовал!
|
|
|
|
|
Записан
|
|
|
|
kroum
Интересующийся
 Offline
|
|
« Ответ #17 : 16-05-2007 18:40 » |
|
Если в ячейке написать слово с "у" или "р", то эти буквы как раз "лягут" на нижнюю границу
|
|
|
|
|
Записан
|
|
|
|
|
aleksk
Гость
|
|
« Ответ #18 : 16-05-2007 22:36 » |
|
Да но только хвостиком, а надо целеком!
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #19 : 17-05-2007 06:28 » |
|
здесь можно поиграться отрицательными значениями padding и margin
или смотреть в сторону position
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #20 : 17-05-2007 13:52 » |
|
Спасибо!!!! А с position какие могут быть варианты?
|
|
|
|
|
Записан
|
|
|
|
|
Sla
|
|
« Ответ #21 : 17-05-2007 14:18 » |
|
тип такого
style= "position: relative; top: -4px; "
это не конкретно к твоему примеру
|
|
|
|
|
Записан
|
Мы все учились понемногу... Чему-нибудь и как-нибудь.
|
|
|
|
aleksk
Гость
|
|
« Ответ #22 : 17-05-2007 14:34 » |
|
Спасибо!!!Попробую!!!
|
|
|
|
|
Записан
|
|
|
|
|
RXL
|
|
« Ответ #23 : 17-05-2007 16:58 » |
|
|
|
|
|
|
Записан
|
... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
|
|
|
|
aleksk
Гость
|
|
« Ответ #24 : 18-05-2007 05:54 » |
|
Спасибо всем большое !!! Отрицательные значения margin-bottom очень выручили!!!
|
|
|
|
|
Записан
|
|
|
|
|
