Вопрос ламера по CSS

yura4773

Люди, подскажите, плз, ламеру, что я не так делаю:




  table.RegisterPage    { border: solid 2px #000; background-color:#FFF; }

  table.RegisterPage th { border: solid 1px #777; font: bold 12px Arial; }

  table.RegisterPage td { border: solid 1px #777; padding:2px; margin:0px; }

У меня получаются зазоры между ячейками. Причём хоть ставь "margin:0px;", хоть "margin:100px;" - один хрен.

vijrel7878

<table cellpadding="0" cellspacing="0">
а css тут и не нужен

yura4773

АЯХАЧУНАЦСС!

evgen5555

Проставь отрицательный margin )

vijrel7878

а нахера?

yura4773

Балин! А нахрена ваще ЦСС?..

Чтобы не повторять в ста различных местах одно и тоже, в частности.

hov77




TABLE

{

	padding-right: 0px;

	padding-left: 0px;

	padding-bottom: 0px;

	border-top-style: none;

	padding-top: 0px;

	border-right-style: none;

	border-left-style: none;

	border-bottom-style: none;

        margin: 0px; 

}

А так не катит ?

yura4773

Зачем?

yura4773

Что-то никакого положительного эффекта не наблюдаю...

У тебя же так и остались "margin" по умолчанию!

artimon


table {

border-collapse: collapse;

}

http://www.w3.org/TR/1998/REC-CSS2-19980512/tables.html#propdef-border-collapse

yura4773

О! Так ведь и хотел тебя в привате спросить по доброй памяти!

Тока тебя в онлайне не было.
Правда не помогло, но за сцилку спасибо: там всё доходчиво, с картиночкой; пойду разбираться.

hov77

[deleted]

artimon


<!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>

<title>Test</title>

<style type="text/css">

table.RegisterPage    { border: solid 2px #000; background-color:#FFF; border-collapse: collapse }

table.RegisterPage th { border: solid 1px #777; font: bold 12px Arial; }

table.RegisterPage td { border: solid 1px #777; padding:2px; margin:0px; }

</style>

</head>

<body>

<table class="RegisterPage">

<tr><th>\</th><th>y</th><th>z</th></tr>

<tr><th>a</th><td>1</td><td>3</td></tr>

<tr><th>b</th><td>2</td><td>4</td></tr>

</body>

</html>

yura4773

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

artimon

Post deleted by

yura4773

Ой! Я думал, в "border-collapse: collapse" второе слово надо заменить на что-то (цифирь, например).

Усё работает! Спасибо!

yura4773

Сюпер!

hov77

Да фигня получилась

yura4773

Оставить комментарий