Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 6200 Просмотров
*

kotan

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Друзья, подскажите пожалуйста, есть у меня таблица с тарифами на услуги. Сделана с закругленными краями, HTML - текст таблицы, CSS соответственно - стиль!
вот кусок стиля для таблицы:
width: 100%;
border-collapse: collapse;
border-left: 0px;
border-right: hidden;
border-top: hidden;
border-bottom: hidden;
background: #EDEFF1 url(/images/left-bottom.png)  left bottom no-repeat;;

Задача - сделать так, чтобы по периметру таблицы не было границ (были невидимыми) в обоих браузерах.
Если код оставить таким - то в Opera все идеально, а в IE именно левая и правая границы становятся видимыми (черными), если ставлю параметр "none", тогда наоборот. Значение в "0px" опять приводит к тому, что в одном браузере границ нет, а в другом есть!
Подскажите, пожалуйста, как правильно прописать?  !
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
*

kotan

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
А в HTML на теге <table> атрибут border в ноль выставлен?
выставлен на 1px, потому как, внутри таблицы границы нужны (белые), кстати в IE отображаются белыми, в Опере - серыми.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Опишите подробнее ситуацию или приведите скриншот того, что нужно получить, чтобы понять суть задачи.
*

kotan

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
в общем в эти строки я добавил следующее:
border-left: hidden #FFFFFF;
border-right: hidden #FFFFFF;
теперь в ИЕ и в Опере нет внешних границ, но внутренние границы отображаются в браузерах разным цветом
вот ссылка http://uidk.com.ua/index.php/tarifs
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Да, в ff некоторые горизонтальные бордюры в черный цвет окрашиваются.
Но если назначить для th и td стиль border:1px solid white;
При этом нужно у атрибута border выставить значение в 0.

Я вот, правда, думаю, а не перемудрили ли Вы тут?
Если взять, к примеру, такой код:
Код: html4strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table border</title>
<style type="text/css"><!--
body{background:white;}
table{border-collapse:collapse;}
th,td{border:1px solid white;background:silver;text-align:center;vertical-align:middle;padding:1em;}
th{background:gray;}
--></style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<th>th_1.1</th><th>th_1.2<br />th_1.2+</th><th>th_1.3</th>
</tr>
<tr>
<td>td_2.1<br />td_2.2+</td><td>td_2.2</td><td>td_2.3</td>
</tr>
<tr>
<td>td_3.1</td><td>td_3.2</td><td>td_3.3<br />td_3.2+</td>
</tr>
</table>
</body>
</html>
То Таблица отображается нормально.
И пусть у нее будет внешняя граница в 1 белый пиксель, ведь фон тоже белый и видно его не будет.
*

kotan

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
А можете подправить именно мой код?
Код
 TABLE {
width: 100%; /* Ширина таблицы */
position: center;
border-collapse: collapse;
border-left: hidden #FFFFFF;
border-right: hidden #FFFFFF;
border-top: hidden;
border-bottom: hidden;
background: #EDEFF1 url(/images/left-bottom.png)  left bottom no-repeat; /* Левый нижний уголок */

   }
   .topleft {
    background: #DADEE3 url(/images/left-top.png) left top no-repeat; /* Левый верхний уголок */
   }
   .topright {
    background: #DADEE3 url(/images/right-top.png) right top no-repeat; /* Правый верхний уголок */
   }
   .bottomright {
    background: url(/images/right-bottom.png) right bottom no-repeat; /* Правый нижний уголок */
   }
   TH {
    background: #DADEE3; /* Цвет фона */
    color: #8C8C8C; /* Цвет текста */
    text-align: left; /* Выравнивание по левому краю */
   }
   TD, TH {
    padding: 3px 5px; /* Поля вокруг текста */
   }
*

Ivanych

  • Осваиваюсь на форуме
  • 19
  • 0 / 0
Кто-нибудь может подсказать? Заметил, что у меня в таблице видны границы в Опере и Google Хроме, когда как в Лисе границ нет. Где чего поменять?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не отображаются маркеры списка

Автор Concolor

Ответов: 6
Просмотров: 3676
Последний ответ 24.04.2021, 18:45:49
от Concolor
Свойство letter-spacing по-разному отображается на разных мониторах

Автор V@lentin

Ответов: 1
Просмотров: 1414
Последний ответ 19.07.2018, 20:53:29
от Zelyonkin
Не отображаются изменения на сайте после правки template.css

Автор Ermak

Ответов: 18
Просмотров: 9697
Последний ответ 10.04.2017, 00:42:00
от MosTender
рамки границы повторяются с каждой новой строкой

Автор puf

Ответов: 1
Просмотров: 1108
Последний ответ 10.06.2016, 13:44:25
от Shustry
Yoo explorer переделка выпадающего меню

Автор Mikhail

Ответов: 2
Просмотров: 2453
Последний ответ 22.08.2015, 11:10:47
от Osprey