italic vs IE / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / italic vs IE

13 сообщений из 13, страница 1 из 1

italic vs IE

#38188161

Me_and_me_again

Гость

Код: 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

<table class=simp><tr><td class=simpvl>МНОГА ТЕКСТА</td></tr></table>

если текста много и в строчке он доходит до самого правого края, то в ФФ все норм, в IE7 и IE8 (может и в 6-м тоже) правая граница ячейки стирается.
меняю italic на normal. все становится хорошо. ИЕ наклоняет текст в ячейке и текст перекрывает границу. че за баг и как исправить, кто знает?
Сколько padding справа не увеличивай, это ничего не меняет. Можно попробовать обернуть текст в спан или п, но это ж надо во всех ячейках оборачивать. неахота :)

...

Рейтинг:

0 / 0

18.03.2013, 15:40

| Ответить | Цитировать | Написать

italic vs IE

#38188346

IDVsbruck

Участник

Откуда: Украина

Сообщения: 4 289

Рейтинг: 0 / 0

х.з. А так, для теста, если заменить italic на oblique?

...

Рейтинг:

0 / 0

18.03.2013, 17:05

| Ответить | Цитировать | Написать

italic vs IE

#38188478

Me_and_me_again

Гость

а в ИЕ6 таккая же ерунда.
oblique тоже не помогает: ничего не меняется.
и, кстати, p так же бесполезен сколько маргины и падины не выставляй

...

Рейтинг:

0 / 0

18.03.2013, 17:51

| Ответить | Цитировать | Написать

italic vs IE

#38188520

Me_and_me_again

Гость

вставка в 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:09

| Ответить | Цитировать | Написать

italic vs IE

#38188523

Me_and_me_again

Гость

с дивом такая же штука ... картина все мрачнее. неужели такая простая проблема не имеет простого решения?!

...

Рейтинг:

0 / 0

18.03.2013, 18:13

| Ответить | Цитировать | Написать

italic vs IE

#38188527

user89

Участник

Сообщения: 2 087

Рейтинг: 0 / 0

Me_and_me_again,

на IE6 не удалось воспроизвести ошибку. Наклонный текст не перекрывает границу

...

Рейтинг:

0 / 0

18.03.2013, 18:16

| Ответить | Цитировать | Написать

italic vs IE

#38188546

Me_and_me_again

Гость

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:31

| Ответить | Цитировать | Написать

italic vs IE

#38188587

user89

Участник

Сообщения: 2 087

Рейтинг: 0 / 0

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, 18:55

| Ответить | Цитировать | Написать

italic vs IE

#38188608

Me_and_me_again

Гость

user89, проблема в том. что страница стоится динамически и заранее не известно будет этот глюк в той или иной табле или нет. а норм таблицы с одной жирной границей - это не айс как бэ ...

...

Рейтинг:

0 / 0

18.03.2013, 19:10

| Ответить | Цитировать | Написать

italic vs IE

#38188615

Me_and_me_again

Гость

работает, если в ячейку засунуть таблицу и уже в эту таблицу текст, но этож капец. во все ячейки таблицы шоль втыкать?

...

Рейтинг:

0 / 0

18.03.2013, 19:12

| Ответить | Цитировать | Написать

italic vs IE

#38188764

user89

Участник

Сообщения: 2 087

Рейтинг: 0 / 0

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

18.03.2013, 21:48

| Ответить | Цитировать | Написать

italic vs IE

#38188959

Me_and_me_again

Гость

ага. так работает. в дивы оборачивать то проще, чем таблицы втыкать. тут хоть не в каждую ячейку, а для таблицы целиком
благодарствую, user89. буду так делать)

...

Рейтинг:

0 / 0

19.03.2013, 08:00

| Ответить | Цитировать | Написать

italic vs IE

#38330580

mr. Gure

Гость

Вот намедни столкнулся с такой-же проблемой.
Но предложенное решение мне не подошло, потому как не все правые ячейки в таблице у меня имеют правую границу.
Немного покумекав я нашёл к следующее решение:

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

Удачи.

...

Рейтинг:

0 / 0

14.07.2013, 16:31

| Ответить | Цитировать | Написать

13 сообщений из 13, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / italic vs IE

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=38188520&tid=1448126]:	0ms
get settings:	6ms
get forum list:	19ms
check forum access:	4ms
check topic access:	4ms
track hit:	175ms
get topic data:	12ms
get forum data:	3ms
get page messages:	69ms
get tp. blocked users:	2ms
others:	208ms

total:	502ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы