Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / italic vs IE / 13 сообщений из 13, страница 1 из 1
18.03.2013, 15:40
    #38188161
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
table.simp td.simpvl
{
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   font-style: italic;
   text-align: left;
   font-family: Verdana;
   font-size: 10pt;
   padding: 2px 5px 2px 5px;
}


Код: html
1.
<table class=simp><tr><td class=simpvl>МНОГА ТЕКСТА</td></tr></table>


если текста много и в строчке он доходит до самого правого края, то в ФФ все норм, в IE7 и IE8 (может и в 6-м тоже) правая граница ячейки стирается.
меняю italic на normal. все становится хорошо. ИЕ наклоняет текст в ячейке и текст перекрывает границу. че за баг и как исправить, кто знает?
Сколько padding справа не увеличивай, это ничего не меняет. Можно попробовать обернуть текст в спан или п, но это ж надо во всех ячейках оборачивать. неахота :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 17:05
    #38188346
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
х.з. А так, для теста, если заменить italic на oblique?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 17:51
    #38188478
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
а в ИЕ6 таккая же ерунда.
oblique тоже не помогает: ничего не меняется.
и, кстати, p так же бесполезен сколько маргины и падины не выставляй
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 18:09
    #38188520
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
вставка в td p или span не помогает!
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head><title></title></head>
<style>
.simpvl
{

   font-style: oblique;
   text-align: justify;
   font-family: Verdana;
   font-size: 10pt;
   padding: 2px 5px 2px 5px;
   background-color: #ff8877;
}
.simptd
{
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   font-style: normal;
   text-align: justify;
   font-family: Verdana;
   font-size: 10pt;
   padding: 2px 5px 2px 5px;
   background-color: #ff8877;
}
</style>
 <body>
   <table width=90%><tr><td class=simptd><p class=simpvl>многа текста</p></td></tr></table>
 </body>
</html>


даже так!! я в замешательстве
Причем такая батва только с td. Если p задать рамку и италик, то все рисуется как надо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 18:13
    #38188523
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
с дивом такая же штука ... картина все мрачнее. неужели такая простая проблема не имеет простого решения?!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 18:16
    #38188527
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
Me_and_me_again,

на IE6 не удалось воспроизвести ошибку. Наклонный текст не перекрывает границу
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 18:31
    #38188546
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
user89Me_and_me_again,

на IE6 не удалось воспроизвести ошибку. Наклонный текст не перекрывает границу
в таблице текст "многа текста", а реально большой текст, доходящий до правого края
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head><title></title></head>
<style>
.simpvl
{

   font-style: oblique;
   text-align: justify;
   font-family: Verdana;
   font-size: 10pt;
   padding: 2px 5px 2px 5px;
   background-color: #ff8877;
}
.simptd
{
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   font-style: normal;
   text-align: justify;
   font-family: Verdana;
   font-size: 10pt;
   padding: 2px 5px 2px 5px;
   background-color: #ff8877;
}
</style>
 <body>
   <table width=90%><tr><td class=simptd><div class=simpvl>
Hе забывайте ставить галочку напpотив надписи "Antialiasing" (сглаженный) пpи выбоpе паpаметpов шpифта. В пpотивном случае изобpажения букв будут неpовными и ступенчатыми (слева):  
Если у вас есть выбоp, пользуйтесь PostScript шpифтами (Adobe Type 1). По качеству они часто пpевосходят обычные TrueType. Пpавда для этого вам понадобится установить Adobe Type Manager (ATM) 

Часто возникает пpоблема - как получить мелкую, но хоpошо читаемую надпись.
Можно пpедложить следующий метод:

 

 Создаете новую каpтинку, достаточно большого pазмеpа (скажем 800x600), затем пишете тpебуемую надпись большими буквами (pазумеется, чтобы вся надпись влезала по шиpине). Antialiasing пpи этом должен быть ВЫКЛЮЧЕH! Затем уменьшаете каpтинку посpедством Image/Image Size до тpебуемого pазмеpа. Результат (слева) будет значительно качественнее чем аналогичная надпись, полученная обычным способом . Hапомню, что каpтинки содеpжащие текст pекомендуется сохpанять в фоpмате GIF.  

</div></td></tr></table>
 </body>
</html>


вот так
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 18:55
    #38188587
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
Me_and_me_again,

получилось для IE6 (даже div не нужен)
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
 <head><title></title></head>
<style>
.simptd {
  font-size: 10pt;
  font-family: Arial;
  font-style: italic;
  border: 1px solid #000000;
  border-right: 2px solid #000000;
  text-align: justify;
  padding: 2px 5px 2px 5px;
  background-color: #ff8877;
}
</style>
<body>
<table width=90%><tr><td class=simptd>
Hе забывайте ставить галочку напpотив надписи "Antialiasing" (сглаженный) пpи выбоpе паpаметpов шpифта. В пpотивном случае изобpажения букв будут неpовными и ступенчатыми (слева):  
Если у вас есть выбоp, пользуйтесь PostScript шpифтами (Adobe Type 1). По качеству они часто пpевосходят обычные TrueType. Пpавда для этого вам понадобится установить Adobe Type Manager (ATM) 
Часто возникает пpоблема - как получить мелкую, но хоpошо читаемую надпись.
Можно пpедложить следующий метод: Создаете новую каpтинку, достаточно большого pазмеpа (скажем 800x600), затем пишете тpебуемую надпись большими буквами (pазумеется, чтобы вся надпись влезала по шиpине). Antialiasing пpи этом должен быть ВЫКЛЮЧЕH! Затем уменьшаете каpтинку посpедством Image/Image Size до тpебуемого pазмеpа. Результат (слева) будет значительно качественнее чем аналогичная надпись, полученная обычным способом . Hапомню, что каpтинки содеpжащие текст pекомендуется сохpанять в фоpмате GIF.  
</td></tr>
</table>
 </body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 19:10
    #38188608
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
user89, проблема в том. что страница стоится динамически и заранее не известно будет этот глюк в той или иной табле или нет. а норм таблицы с одной жирной границей - это не айс как бэ ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 19:12
    #38188615
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
работает, если в ячейку засунуть таблицу и уже в эту таблицу текст, но этож капец. во все ячейки таблицы шоль втыкать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.03.2013, 21:48
    #38188764
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
Me_and_me_again,

вроде получился простой вариант
 
надеюсь, что кроссбраузерно
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
 <head><title></title></head>
<style>
table {
  border-collapse: collapse;
}
td {
  font-size: 10pt;
  font-family: Arial;
  font-style: italic;
  border: 1px solid #000000;
  border-right: 1px solid transparent;
  text-align: justify;
  padding: 2px;
}
#div1 {
  background-color: #ff8877;
  border-right: 1px solid #000000;
}
</style>
<body>
<div id="div1">
<table><tr><td>Пункт 1</td>
<td>
Hе забывайте ставить галочку напpотив надписи "Antialiasing" (сглаженный) пpи выбоpе паpаметpов шpифта. В пpотивном случае изобpажения букв будут неpовными и ступенчатыми (слева):  
Если у вас есть выбоp, пользуйтесь PostScript шpифтами (Adobe Type 1). По качеству они часто пpевосходят обычные TrueType. Пpавда для этого вам понадобится установить Adobe Type Manager (ATM) 
Часто возникает пpоблема - как получить мелкую, но хоpошо читаемую надпись.
Можно пpедложить следующий метод: Создаете новую каpтинку, достаточно большого pазмеpа (скажем 800x600), затем пишете тpебуемую надпись большими буквами (pазумеется, чтобы вся надпись влезала по шиpине). Antialiasing пpи этом должен быть ВЫКЛЮЧЕH! Затем уменьшаете каpтинку посpедством Image/Image Size до тpебуемого pазмеpа. Результат (слева) будет значительно качественнее чем аналогичная надпись, полученная обычным способом . Hапомню, что каpтинки содеpжащие текст pекомендуется сохpанять в фоpмате GIF.  
</td></tr>
<tr><td>Пункт2</td><td>Длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка длинная строка</td></tr>
</table>
</div>
 </body>
</html>


 
Screen Opera
 
Screen ie6
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.03.2013, 08:00
    #38188959
Me_and_me_again
Me_and_me_again
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
ага. так работает. в дивы оборачивать то проще, чем таблицы втыкать. тут хоть не в каждую ячейку, а для таблицы целиком
благодарствую, user89. буду так делать)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.07.2013, 16:31
    #38330580
mr. Gure
mr. Gure
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
italic vs IE
Вот намедни столкнулся с такой-же проблемой.
Но предложенное решение мне не подошло, потому как не все правые ячейки в таблице у меня имеют правую границу.
Немного покумекав я нашёл к следующее решение:

Вместо того, чтобы оборочавить всю таблицу div'ом я добавил одну пустую ячейку с правой стороны. Указал для неё фиксированную ширину, равную ширине правого отступа внутри таблицы и уже для неё нарисовал правый бордюрчик. И вуаял, всё получилось. Наклонный текст теперь оказался в ячейке, для которого правая граница по-барабану, т.е. вообще не задаётся, а дополнительная пустая ячейка с правой стороны и верстку не поломает и таблицу перегружать не будет. Для остальных ячеек просто использовал атрибут colspan, чтобы сохранить структуру таблицы без всякого геморроя.

Удачи.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / italic vs IE / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 284ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448126]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 31ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 197ms
total:  284ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]