Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Текст в ячейке таблицы  (Прочитано 23152 раз)
0 Пользователей и 1 Гость смотрят эту тему.
aleksk
Гость
« : 15-05-2007 12:40 » 

Подскажите как сделать так, чтобы рамка ячейки плотно окружала текст???
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #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 » 

Плотно это, чтобы текст написанный в первой ячейке лежал на нижней границе ячейки.А текст или что либо другое расположенное во второй ячейке вплотную прилегало к тексту в первой ячейке.У меня первая ячейка в которой написан текст растягивается почти на все окно и сжимает остальные ячейки(в них правда только &nbsp;),а надо ,что бы первая ячейка заканчивалась сразу за текстом.
« Последнее редактирование: 15-05-2007 13:57 от aleksk » Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #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
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #5 : 15-05-2007 15:42 » 

если мне не изменяет память, то по умолчанию текст на нижней границе
но для верности можно применить свойство
vertical-align: bottom;
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #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
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #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;">&nbsp;</td>
   </tr>
</table>
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #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;">&nbsp;</td>
   </tr>
</table>
К сожелению так тоже не работает А черт его знает...
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #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
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #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
Интересующийся

ua
Offline Offline

« Ответ #17 : 16-05-2007 18:40 » 

Если в ячейке написать слово с "у" или "р", то эти буквы как раз "лягут" на нижнюю границу
Записан
aleksk
Гость
« Ответ #18 : 16-05-2007 22:36 » 

Да но только хвостиком, а надо целеком!
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #19 : 17-05-2007 06:28 » 

здесь можно поиграться отрицательными значениями padding и margin
или смотреть в сторону position
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #20 : 17-05-2007 13:52 » 

Спасибо!!!! А с position какие могут быть варианты?
Записан
Sla
Команда клуба

ua
Offline Offline
Пол: Мужской

WWW
« Ответ #21 : 17-05-2007 14:18 » 

тип такого

 style= "position: relative; top: -4px; "

это не конкретно к твоему примеру
Записан

Мы все учились понемногу... Чему-нибудь и как-нибудь.
aleksk
Гость
« Ответ #22 : 17-05-2007 14:34 » 

Спасибо!!!Попробую!!!
Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #23 : 17-05-2007 16:58 » 

aleksk, полистай доки:
http://www.w3.org/
http://www.w3.org/TR/CSS21/
http://www.w3.org/TR/html401/
http://www.w3.org/TR/xhtml1/
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
aleksk
Гость
« Ответ #24 : 18-05-2007 05:54 » 

Спасибо всем большое !!! Отрицательные значения margin-bottom очень выручили!!!
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines