Jump to content
  • 0

border-color в опере?


sdm98
 Share

Question

в опере никак не получается задать цвет рамки таблицы B)((

в FF и IE всё ок. белые, а в опере почему-то чёрные

<table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0">

<tr >

<td id="t1"></td>

<td id="t12"></td>

<td id="t2"></td>

</tr>

<tr >

<td id="t14"></td>

<td id="t22"><div id="main_text">

здесь текст

</div></td>

<td id="t23"></td>

</tr>

<tr>

<td id="t4"></td>

<td id="t34"></td>

<td id="t3"></td>

</tr>

</table>

P,s, стили не влияют. они задают только высоту, ширину и фон

Edited by sdm98
Link to comment
Share on other sites

24 answers to this question

Recommended Posts

  • 0

Ну у меня все нормально --белый цвет в опере.

Наверно у вас настройки самого браузера выставленны неверно. И он белый отображает черным

Хотя нет обманул я вас. у меня тоже черный ))

Link to comment
Share on other sites

  • 0
Не видного самого размера бордера

<table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0">

Как только border=1 или больше сразу все появится

не получилось ((

прописал:

<table frame="void" rules="all" bordercolor="#FFFFFF" border="2" cellspacing="0" cellpadding="0">

вообще борода какая-то. горизонтальные -чёрные, вертикальные серые. белого нет вообще.

PS см: http://ban.exonit.by/

Link to comment
Share on other sites

  • 0
не получилось ((

прописал:

<table frame="void" rules="all" bordercolor="#FFFFFF" border="2" cellspacing="0" cellpadding="0">

вообще борода какая-то. горизонтальные -чёрные, вертикальные серые. белого нет вообще.

PS см: http://ban.exonit.by/

Перенесите все оформление вообще в CSS, 100% кроссбраузерно.

Link to comment
Share on other sites

  • 0

не получается.

если прописываю

#text_table {

border:solid 2px;

border-color:#FFFFFF;

}

то рамка появляется вокруг таблицы, а мне нужно, чтобы была внутренняя решётка и не было вокруг. вариант заменить окантовку на цвет фона не проходит, фон- рисунок.

Link to comment
Share on other sites

  • 0
не получается.

если прописываю

#text_table {

border:solid 2px;

border-color:#FFFFFF;

}

то рамка появляется вокруг таблицы, а мне нужно, чтобы была внутренняя решётка и не было вокруг. вариант заменить окантовку на цвет фона не проходит, фон- рисунок.

Включите воображение. Добавьте классы нужным TR и TD и назначая им стиль border:2px solid #FFF можно добиться вообще всего что нужно. Ну и таблице, если необходимо.

Просто в атрибут, без CSS, кроссбраузерно не получится. И все тут.

Link to comment
Share on other sites

  • 0
не получается.

если прописываю

#text_table {

border:solid 2px;

border-color:#FFFFFF;

}

то рамка появляется вокруг таблицы, а мне нужно, чтобы была внутренняя решётка и не было вокруг. вариант заменить окантовку на цвет фона не проходит, фон- рисунок.

#text_table {
border-collapse: collapse;
}
#text_table th,
#text_table td {
border:solid 2px;
border-color:#FFFFFF;
}

Link to comment
Share on other sites

  • 0

поспешил я. в опере ok, а в FF и эксплорере рамка вокруг таблицы не исчезает.

итого у меня:

<table id="text_table" frame="void" rules="all" cellspacing="0" cellpadding="0">

....

css:

#text_table {

border-collapse: collapse;

}

#text_table th,

#text_table td {

border:solid 2px;

border-color:#FFFFFF;

}

что ещё сделать, люди добрые?....

Link to comment
Share on other sites

  • 0
Без самой страницы можно гадать долго.

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

Link to comment
Share on other sites

  • 0
Я не могу отрендерить это предложение в уме.

вот пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<style>

#text_table {

border-collapse: collapse;

}

#text_table th,

#text_table td {

border:solid 2px;

border-color:#000;

}

</style>

<table id="text_table" frame="void" rules="all" cellspacing="0" cellpadding="0">

<tr >

<td >1</td>

<td >1</td>

<td ></td>

</tr>

<tr >

<td >1</td>

<td >3333333333333333

</td>

<td ></td>

</tr>

<tr>

<td >1</td>

<td >1</td>

<td >1</td>

</tr>

</table>

</body>

</html>

Link to comment
Share on other sites

  • 0
... мда в IE6 и IE7 не работает...

А если задать внешнюю границу под цвет фона? Правда тогда края у внутренних будут немного неровные...

не проходит. под таблицей неоднородный рисунок. :)

Link to comment
Share on other sites

  • 0

Оно чтоль?

<!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" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="en" lang="en">

<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<style type="text/css">
* {
margin: 0;
padding: 0;
font: normal 14px Arial, Tahoma, Verdana, sans-serif;
}

body {
margin: 10px;
}

table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}

td {
border: red 1px solid;
}

.top td {
border-top: 0;
}

.bottom td {
border-bottom: 0;
}

.first {
border-left: 0;
}

.last {
border-right: 0;
}
</style>
</head>

<body>

<table cellspacing="0">
<tr class="top">
<td class="first">111</td>
<td>111</td>
<td>111</td>
<td class="last">111</td>
</tr>
<tr>
<td class="first">111</td>
<td>111</td>
<td>111</td>
<td class="last">111</td>
</tr>
<tr class="bottom">
<td class="first">111</td>
<td>111</td>
<td>111</td>
<td class="last">111</td>
</tr>
</table>

</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy