отступ всего текста

dinchy · April 14, 2009

Подскажите пожалуйста, как сделать отступ сверху и слева всего текста в ячейках. пробовала cellpadding, cellspacing, left-padding. Не получается...((

Спасибо!

Nekromancer · April 14, 2009

текст в параграфа <p></p> и ему в стилях отступы..

Justnewone · April 14, 2009

а если не катит по семантике параграф?

задайте в стилях на ячейку таблицы TD padding, навернео он у вас где-то в стилях же обнуляется, потому cellpadding курит в стороне.

Nekromancer · April 14, 2009

а если не катит TD padding который будет разрушать всю структуру таблицы?

dinchy · April 14, 2009

а если не катит по семантике параграф?
задайте в стилях на ячейку таблицы TD padding, навернео он у вас где-то в стилях же обнуляется, потому cellpadding курит в стороне.

так вот и я не пойму, я как раз в стилях ячеек td задавала padding, ноль эффекта, голову сломала. может я просто чего не вижу у себя в коде, посмотрите плизз

html, body {

margin:0px;

padding:0px;

}

body, input, select, textarea {

background-color: #ffffff;

}

td, input, select, textarea {

font-family: Times New Roman;

font-size: 14px;

color: #000000;

vertical-align: top;

text-indent: 20px;

}

table.main {

table-layout: fixed;

border-collapse: collapse;

text-align: justify;

}

td {

padding: 0px;

}

td.top {

background-repeat: no-repeat;

height: 263px;

width: 1000px;

}

td.left {

background-repeat: no-repeat;

height: 69px;

width: 239px;

cellspacing: 10px;

}

td.middle {

background-repeat: no-repeat;

height: 69px;

width: 523px;

}

td.right {

background-repeat: no-repeat;

height: 69px;

width: 240px;

}

td.left_menu {

background-repeat: y-repeat;

height: 11px;

width: 240px;

}

td.center {

background-repeat: y-repeat;

height: 10px;

width: 523px;

}

td.right_menu {

background-repeat: y-repeat;

height: 12px;

width: 239px;

}

td.bottom {

background-repeat: no-repeat;

height: 64px;

width: 1000px;

}

table.small {

align: center;

border-collapse: collapse;

cellspacing: 0;

cellpadding: 5;

margin: 10px;

}

Justnewone · April 14, 2009

а если не катит TD padding который будет разрушать всю структуру таблицы?

Трудно представить, можете пример привести?

так вот и я не пойму, я как раз в стилях ячеек td задавала padding, ноль эффекта, голову сломала. может я просто чего не вижу у себя в коде, посмотрите плизз

Паддинг в TD вижу только в одном месте

td {

padding: 0px;

}

dinchy · April 14, 2009

а если не катит TD padding который будет разрушать всю структуру таблицы?

Вы имели ввиду, что надо так чделать?

p {

padding-left: 40px;

padding-top:20px;

}

простите, я еще плохо разбираюсь

Nekromancer · April 14, 2009

во первых нету такие параметров в CSS:

cellspacing: 0;
cellpadding: 5;

во вторых:

td {
padding: 0px;
}

нужно больше просто ставите больше и всё. и лучше писать table, td {padding: 0;}

Вы имели ввиду, что надо так чделать?
p {
padding-left: 40px;
padding-top:20px;
}

ну типо того, только если это параграф будет в нутри нужной ячейки

dinchy · April 14, 2009

во первых нету такие параметров в CSS:
cellspacing: 0;
cellpadding: 5;
во вторых:
td {
padding: 0px;
}
нужно больше просто ставите больше и всё. и лучше писать table, td {padding: 0;}
ну типо того, только если это параграф будет в нутри нужной ячейки

спасибо, исправила!!! )))

Nekromancer · April 14, 2009

Трудно представить, можете пример привести?

например, у меня таблица с состыкованными картинками, а в центральной ячейки контент,(+- rowspan) вот если добавить паддинг то всё разрушиться..

Edited April 14, 2009 by Nekromancer

Justnewone · April 14, 2009

нужно больше просто ставите больше и всё. и лучше писать table, td {padding: 0;}

А для чего, простите, table {padding: 0;}?

например, у меня таблица с состыкованными картинками, а в центральной ячейки контент,(+- rowspan) вот если добавить паддинг то вся разрушиться..

Ну так задайте класс и обнулите только то что нужно. Что за примеры децкосадовские?

Я, например, в данном вопросе пока не увидел указания на какие-то конкретные ячейки. Вижу, человек умеет, видимо, в отличие от Вас, классы задавать.

Nekromancer · April 14, 2009

а для того.. cellpadding задаёт отступ и снаружи, тоесть и от таблицы, если мы хотим его имитирывать, но делать padding и для таблицы..

да и для профилактики не грех, для чего делать * {padding:0; margin: 0;}, в основном это же для боди и форм, но профилактика не вредит!

Ну так задайте класс и обнулите только то что нужно. Что за примеры децкосадовские?
Я, например, в данном вопросе пока не увидел указания на какие-то конкретные ячейки. Вижу, человек умеет, видимо, в отличие от Вас, классы задавать.

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

Justnewone · April 14, 2009

а для того.. cellpadding задаёт отступ и снаружи, тоесть и от таблицы, если мы хотим его имитирывать, но делать padding и для таблицы..
да и для профилактики не грех, для чего делать * {padding:0; margin: 0;}, в основном это же для боди и форм, но профилактика не вредит!

Пойдите в спецификацию и узнайте, что у таблицы паддингов не бывает. а селспейсинг относится не к таблице, а к ячейкам, относительно самого тега table вы никак его не примените.

Хорошо, поздравляю, научили человека у таблицы паддинги обнулять и пользоваться P там где надо и не надо, хотя мог бы подойти любой блочный тег, лучше всего наверное DIV.

Nekromancer · April 14, 2009

параграф предназначен для текста, почему не использовать его?

Justnewone · April 14, 2009

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

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

И, наверное, P, вставленный с маргинами того же размера, не разрушит наверна? )))

параграф предназначен для текста, почему не использовать его?

Потому что параграф - это смысловой блок, означающий абзац. Есть еще осмысленный заголовок и куча других семантических тегов.

Nekromancer · April 14, 2009

для P не ставится размер

ладно, для вас персонально пример..

хотя не, примера ща не будет, иду на обед, вечером, обязательно

Потому что параграф - это смысловой блок, означающий абзац. Есть еще осмысленный заголовок и куча других семантических тегов.

я лучше воспользуюсь заголовками и пораграфами чем делать новые классы для дива(хотя иногда надо..) ну лучше тем что есть пользоваться..

dinchy · April 14, 2009

для P не ставится размер
ладно, для вас персонально пример..
хотя не, примера ща не будет, иду на обед, вечером, обязательно
я лучше воспользуюсь заголовками и пораграфами чем делать новые классы для дива(хотя иногда надо..) ну лучше тем что есть пользоваться..

Товарищи! Давайте жить дружно! )) действительно, картинки в ячейках сливаются в одну при коде table,td {padding: 0px;} , что есть хорошо! пробовала прописать padding для каждой ячейки, например td.middle {background-image: url(middle.jpg);background-repeat: no-repeat;height: 69px;width: 523px; padding-left: 20px;} в этом раскладе нарушается целостность общей картинки (www.ekolab-zentr.ru) и появляются зазоры между ячейками

прописала общее все всех (в конце css кода)

p {margin:10px;}

теперь отступ есть, но работает почему-то не для всех ячеек, например не работает в td.right, td.bottom, table.small

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

Но наверное использовать div придется. в верхней ячейке есть маленькая таблица-меню, слева от нее должен быть текст, пока не думала, как это осуществить, но мне кажется придется с div поработать, может подскажете как не сделать ошибку?

html, body {

margin:0px;

padding:0px;

}

body, input, select, textarea {

background-color: #ffffff;

}

td, input, select, textarea {

font-family: Times New Roman;

font-size: 14px;

color: #000000;

vertical-align: top;

}

table.main {

table-layout: fixed;

border-collapse: collapse;

text-align: justify;

}

table,td {

padding: 0px;

}

td.top {

background-repeat: no-repeat;

height: 263px;

width: 1000px;

}

td.left {

background-repeat: no-repeat;

height: 69px;

width: 239px;

}

td.middle {

background-repeat: no-repeat;

height: 69px;

width: 523px;

}

td.right {

background-repeat: no-repeat;

height: 69px;

width: 240px;

}

td.left_menu {

background-repeat: y-repeat;

height: 11px;

width: 240px;

}

td.center {

background-repeat: y-repeat;

height: 10px;

width: 523px;

}

td.right_menu {

background-repeat: y-repeat;

height: 12px;

width: 239px;

}

td.bottom {

background-repeat: no-repeat;

height: 64px;

width: 1000px;

}

table.small {

align: center;

border-collapse: collapse;

cellspacing: 0;

cellpadding: 5;

margin: 10px;

}

p {

margin:10px;

}

Nekromancer · April 14, 2009

а можно примерчик хоть какой то наглядный, а то так сразу и не понять...

Sign In

отступ всего текста

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information