Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Цетрирование вложенной таблицы, как отцентровать таблицу не margin-гом 
:(
    Опции темы
Fedrus
Дата 16.11.2007, 14:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Всем привет генерится страница на которой в ячейке таблици есть таблица с хедором "Authorization" нужно чтоб она была по центру в этой ячейке только вот почему-то прописание align text-align для верхней таблици не помогли в нете нашел способ которым сейчас выравнивается но проблемма что он потдерживается только IE 6 и выше наверняка вопрос тривиальный может посмотрите на форму подскажите решение)
 вот генерируемая(jsf-ом) страница:
Код

<html>






    <head>
        <title>Assess</title>
        <style type="text/css">
body {
    color: #000;
    background: #FFF;
    font: 13px/ 1.22 arial, helvetica, clean, sans-serif;
    font-size: small;
    font: x-small;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
    {
    font-family: "Arial", "Verdana", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    padding: 0;
    font-family: arial;
    color: #333333;
    font-weight: normal;
    margin: 0;
}

table.base {
    width: 80%;
    border-collapse: collapse;
}

table.basetop {
    background-color: #ffffff;
}

table.basemenu {
    background-color: #ffffff;
}

table.basecontent {
    background-color: #ffffff;
}

table.loginform {
    margin-left: auto;
    margin-right: auto;
}

table.logged {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: 10px;
    margin-left: auto;
}

table.logged td {
    padding-top: 3px;
}

.authcol1 {
    align: rigth;
}

table.tablnulpad td {
    padding: 0 0 0 0;
}

table.table1 th {
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    font-size: 15;
    color: red;
}

.greyhead {
    background-color: #E9E9E9;
}

table.table2nch td {
    padding-top: 5px;
    padding-left: 15px;
}

table.greyhead2 th {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    background-color: #E9E9E9;
    font-size: 13;
    color: green;
}

table.table2 td {
    padding-top: 7px;
    padding-left: 10px;
}

table.table2 th {
    background-color: #75D5FF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    font-size: 12;
    color: blue;
}

table.table3 td {
    padding-left: 5px;
    padding-top: 0px;
}

.fcol1 {
    width: 58%;
}

.fcol2 {
    padding-left: 5px;
    width: 42%;
}

table.selecttable td {
    padding-right: 10px;
}

table.table4 {
    width: 100%;
}

table.table4 td {
    padding-top: 0;
    padding-left: 5px;
}

table.textpan td {
    padding-left: 20px;
    width: 30%;
    padding-top: 0;
    padding-bottom: 5px;
}

.hrform {
    align: left;
    width: 99%;
    color: #E6E6E6;
    size: 1px;
}

#basebody {
    background-image: url("img/body-bg.gif");
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup,sub {
    line-height: -1px;
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

pre,code,kbd,samp,tt {
    font-family: monospace;
    font-size: 108%;
    line-height: 99%;
}
</style>
    </head>
    <body id="basebody">
        <div align="center">
            <table class="base basetop ">

                <tbody>
                    <tr>
                        <td>
                            <img src="img/logo.gif" />
                        </td>
                        <td>
                            <table class="logged" border="0">
                                <tbody>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table class="base baseseparator">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>

            </table>
            <table class="base basemenu">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <table class="base basecontent" border="0" cellpadding="0"
                cellspacing="0">
                <tbody>
                    <tr>
                        <td>
                            <table class="loginform" border="0" cellpadding="0"
                                cellspacing="0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <form id="login-form:login-form:j_id_jsp_1219001424_1pc2"
                                                name="login-form:login-form:j_id_jsp_1219001424_1pc2"
                                                method="post" action="/assess/index.faces"
                                                enctype="application/x-www-form-urlencoded">
                                                <input type="hidden"
                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2"
                                                    value="login-form:login-form:j_id_jsp_1219001424_1pc2" />

                                                <table border="0">
                                                    <thead>
                                                        <tr>
                                                            <th class="greyhead" colspan="2" scope="colgroup">
                                                                Authorization
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td class="authcol1">
                                                                <table>
                                                                    <tbody>
                                                                        <tr>
                                                                            <td class="authcol1">
                                                                                Username
                                                                            </td>
                                                                            <td class="authcol2">
                                                                                <input type="text"
                                                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2:j_id_jsp_1219001424_6pc2" />
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="authcol1">
                                                                                Password
                                                                            </td>

                                                                            <td class="authcol2">
                                                                                <input type="password"
                                                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2:j_id_jsp_1219001424_8pc2"
                                                                                    value="" />
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </td>
                                                            <td class="authcol2">
                                                                <input type="submit"
                                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2:j_id_jsp_1219001424_9pc2"
                                                                    value="login" />
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <input type="hidden" name="javax.faces.ViewState"
                                                    id="javax.faces.ViewState" value="_id3" />
                                            </form>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>

            </table>
            <table class="base baseseparator">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <table class="base basemenu">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="50" width="1" />
                        </td>
                    </tr>
                </tbody>
            </table>








        </div>

    </body>

</html>



Заранее спасибо
--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
WebDisaster
Дата 16.11.2007, 16:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



Цитата(Fedrus @  16.11.2007,  14:30 Найти цитируемый пост)
почему-то прописание align text-align для верхней таблици не помогли

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


            <table class="base basecontent" border="0" cellpadding="0"
                cellspacing="0">
                <tbody>
                    <tr>
                        <td align="center">
                            <table class="loginform" border="0" cellpadding="0" cellspacing="0">


Сразу пардон, что код вставлен "без кнопки код" - с ней цветовое выделение не работает.

Это сообщение отредактировал(а) WebDisaster - 16.11.2007, 16:08
PM MAIL   Вверх
Fedrus
Дата 20.11.2007, 17:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Здравствуйте)
Спасибо теперь я узнал что есть строчные и блочные элементы.
для td  aline="center" прям на странице я написать не могу(страница генерица)
пишу так 

table.basecontent td{
    align: center;
}

не помогает( 
Хотя по идеи должно работать в чем может быть причина?
--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
Castro
Дата 20.11.2007, 17:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 353
Регистрация: 31.8.2007
Где: Украина

Репутация: 3
Всего: 5



Удивлю вас но a
Код

lign: center;
 в сss нету. Но зато есть 
Код

text-align: center;

И пускай Вас не пугает наличие text-*    smile 


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
Fedrus
Дата 20.11.2007, 17:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Ок в CSS нет align это я тоже запомню ))
Но
Код

table.basecontent td{
    text-align: center;
}


не помогло я уже пробовал и align и text-align: center; ( но я запомнил что в CSS только text-align)

--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
Castro
Дата 20.11.2007, 18:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 353
Регистрация: 31.8.2007
Где: Украина

Репутация: 3
Всего: 5



Fedrus, уверены что этот стиль применился к нужной Вам ячейке?


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
WebDisaster
Дата 20.11.2007, 19:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



Fedrus, Вы пишете, что у Вас не работает следующий код:

table.basecontent td{...}

Так в том куске кода, который Вы привели, я не нашёл ни одной таблицы с этим классом <table class="basecontent">

Приведенный ниже код проверил в IE6-7 FF2 Opera9 - табличка с названием "Authorization" везде по центру

Код

<html>






    <head>
        <title>Assess</title>
        <style type="text/css">
body {
    color: #000;
    background: #FFF;
    font: 13px/ 1.22 arial, helvetica, clean, sans-serif;
    font-size: small;
    font: x-small;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
    {
    font-family: "Arial", "Verdana", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    padding: 0;
    font-family: arial;
    color: #333333;
    font-weight: normal;
    margin: 0;
}

table.base {
    width: 80%;
    border-collapse: collapse;
}

table.basetop {
    background-color: #ffffff;
}

table.basemenu {
    background-color: #ffffff;
}

table.basecontent {
    background-color: #ffffff;
}

table.loginform {
    margin-left: auto;
    margin-right: auto;
}

table.logged {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: 10px;
    margin-left: auto;
}

table.logged td {
    padding-top: 3px;
}

.authcol1 {
    align: rigth;
}

table.tablnulpad td {
    padding: 0 0 0 0;
}

table.table1 th {
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    font-size: 15;
    color: red;
}

.greyhead {
    background-color: #E9E9E9;
}

table.table2nch td {
    padding-top: 5px;
    padding-left: 15px;
}

table.greyhead2 th {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    background-color: #E9E9E9;
    font-size: 13;
    color: green;
}

table.table2 td {
    padding-top: 7px;
    padding-left: 10px;
}

table.table2 th {
    background-color: #75D5FF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    font-size: 12;
    color: blue;
}

table.table3 td {
    padding-left: 5px;
    padding-top: 0px;
}

.fcol1 {
    width: 58%;
}

.fcol2 {
    padding-left: 5px;
    width: 42%;
}

table.selecttable td {
    padding-right: 10px;
}

table.table4 {
    width: 100%;
}

table.table4 td {
    padding-top: 0;
    padding-left: 5px;
}

table.textpan td {
    padding-left: 20px;
    width: 30%;
    padding-top: 0;
    padding-bottom: 5px;
}

.hrform {
    align: left;
    width: 99%;
    color: #E6E6E6;
    size: 1px;
}

#basebody {
    background-image: url("img/body-bg.gif");
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup,sub {
    line-height: -1px;
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

pre,code,kbd,samp,tt {
    font-family: monospace;
    font-size: 108%;
    line-height: 99%;
}
</style>
    </head>
    <body id="basebody">
        <div align="center">
            <table class="base basetop ">

                <tbody>
                    <tr>
                        <td>
                            <img src="img/logo.gif" />
                        </td>
                        <td>
                            <table class="logged" border="0">
                                <tbody>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table class="base baseseparator">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>

            </table>
            <table class="base basemenu">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <table border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td>
                            <table class="loginform" border="0" cellpadding="0" cellspacing="0" >
                                <tbody>
                                    <tr>
                                        <td>
                                            <form id="login-form:login-form:j_id_jsp_1219001424_1pc2"
                                                name="login-form:login-form:j_id_jsp_1219001424_1pc2"
                                                method="post" action="/assess/index.faces"
                                                enctype="application/x-www-form-urlencoded">
                                                <input type="hidden"
                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2"
                                                    value="login-form:login-form:j_id_jsp_1219001424_1pc2" />

                                                <table border="0">
                                                    <thead>
                                                        <tr>
                                                            <th class="greyhead" colspan="2" scope="colgroup">
                                                                Authorization
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td class="authcol1">
                                                                <table>
                                                                    <tbody>
                                                                        <tr>
                                                                            <td class="authcol1">
                                                                                Username
                                                                            </td>
                                                                            <td class="authcol2">
                                                                                <input type="text"
                                                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2:j_id_jsp_1219001424_6pc2" />
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="authcol1">
                                                                                Password
                                                                            </td>

                                                                            <td class="authcol2">
                                                                                <input type="password"
                                                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2:j_id_jsp_1219001424_8pc2"
                                                                                    value="" />
                                                                            </td>
                                                                        </tr>
                                                                    </tbody>
                                                                </table>
                                                            </td>
                                                            <td class="authcol2">
                                                                <input type="submit"
                                                                    name="login-form:login-form:j_id_jsp_1219001424_1pc2:j_id_jsp_1219001424_9pc2"
                                                                    value="login" />
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <input type="hidden" name="javax.faces.ViewState"
                                                    id="javax.faces.ViewState" value="_id3" />
                                            </form>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>

            </table>
            <table class="base baseseparator">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <table class="base basemenu">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="50" width="1" />
                        </td>
                    </tr>
                </tbody>
            </table>








        </div>

    </body>

</html>


И ещё. Если Вы не можете переписать любую часть страницы (которую выводит скрипт), было бы логично сказать и то, какую часть (html/css) этой страницы Вы изменять можете .

Это сообщение отредактировал(а) WebDisaster - 20.11.2007, 20:47
PM MAIL   Вверх
Fedrus
Дата 22.11.2007, 18:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Всем огромное спасибо я кажется понял в чем дело))
Я использую JSF вот потому и не могу переписать любую часть страницы.
Я один раз посмотрел в IE и все оставшееся время в мозиле проверял вот и произошла путанница(извиняюсь если кого сильно достал))
А сегодня заглянул в IE и опупел)) Вроде все сделал крос))
У меня получается что margin не работает В IE А text-align почемуто не работает в Mozille))
Вот еще вопросик возник(может конечно и новую тему нужно создать но) :
Как зафиксировать размер шрифта в мозиле а то в IE все ок а в мзиле есть таблица 80% шириной а когда увеличиваю размер шрифта она растягивается что делать???

--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
Castro
Дата 22.11.2007, 20:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 353
Регистрация: 31.8.2007
Где: Украина

Репутация: 3
Всего: 5



Fedrus, возможно у Вас в этой таблице задан в % от базового или  в em. Тогда Вам нужно прописать для текста Вашей таблици размер шрифта в px и тогда это безобразие прекратится smile
Хотя в Вашем первом посте увидел
Код

 font-size: 12px;


Это сообщение отредактировал(а) Castro - 22.11.2007, 20:54


--------------------
user posted image
PM MAIL ICQ GTalk   Вверх
Fedrus
Дата 26.11.2007, 17:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Спасибо за ответ. Проверил все размеры, указанны в пикселях ((
Такое происходит только в мозиле и в опере тоже(я сейчас посмотрел) в принципе то что хоть в IE норм работоет это уже хорошо))(у нас просто 99% компании пользуются IE) но хотелось бы узнать в чем еще может быть причина где посмотреть?
--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
WebDisaster
Дата 26.11.2007, 17:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



Цитата(Fedrus @  26.11.2007,  17:12 Найти цитируемый пост)
хотелось бы узнать в чем еще может быть причина 

Если можете, дайте ссылку на эту страницу в нете. И, всё же, поясните, какая часть страницы доступна Вам для изменения.

PM MAIL   Вверх
Fedrus
Дата 26.11.2007, 17:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Ссылки на страницу дать не могу могу дать код HTML который у меня генерится( JSF).
Могу задать класс таблице такого типа table.table1{ со всеми вытекающими типа table.table1 td{
Могу также задавать стиль всем ечейкам тела одного столбца и или строки если например задаю стиль столбцу то сгенериться примерно такой код сдесь я указал первой колонке вложенной таблици класс evatab1col а второй evatab1col2
Код

<table class="evablankhead" cellpadding="0" cellspacing="0">
    <thead>
        <tr>
            <th class="greyhead" colspan="2" scope="colgroup">
                EVALUATION BLANK (enclosure for HR)
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <table class="evaluationblank" border="0" cellpadding="0"
                cellspacing="0">
                <thead>
                    <tr>
                        <th class="greyhead" colspan="2" scope="colgroup">
                            EVALUATION BLANK
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="evatab1col">
                            Employee name
                        </td>
                        <td class="evatab1col2">
                            Федоренко Дмитрий Александрович .
                        </td>
                    </tr>
                    <tr>
                        <td class="evatab1col">
                            Unit
                        </td>
                        <td class="evatab1col2">
                            #{}
                        </td>
                    </tr>
                </tbody>
            </table>
            <td class="evatab1col">
                STAFF CATEGORY
            </td>
            <td class="evatab1col2">
                #{}
            </td>
        </tr>
        <tr>
            <td class="evatab1col">
                GENERAL RECOMMENDATIONS BY HR
            </td>
            <td class="evatab1col2">
                #{}
            </td>

        </tr>
        <tr>
            <td class="evatab1col">
                RECOMMENDATIONS ON PROMOTION:
            </td>
            <td class="evatab1col2">
                #{}
            </td>
        </tr>
        <tr>
            <td class="evatab1col">
                Position
            </td>
            <td class="evatab1col2">
                #{}
            </td>
        </tr>
        <tr>
            <td class="evatab1col">
                Timeframe
            </td>
            <td class="evatab1col2">
                #{}
            </td>

        </tr>
        <tr>
            <td class="evatab1col">
                RECOMMENDATIONS ON TRAINING AND DEVELOPMENT
            </td>
            <td class="evatab1col2">
                #{}
            </td>
        </tr>
    </tbody>
</table>

( но тут у меня проблемы я еще не совсем разобрался по чему-то у меня свойства работают, такие как цвет фона ширина работают норм а бордеры почемуто не работаю)
ТУт кстати еще вопрос возник можно ли как-то сделать так чтоб border-collapse: collapse; работал при прикосновении граници внешней таблици и границ ячеек вложенной???

Добавлено через 6 минут и 11 секунд
Кстати про новые вопросы?
Если у меня возник новый вопрос не относящийся к созданной мной темой(или слабо) а обуждение старой еще не законченно мне лучьше создать новую тему или написать в этой же?? smile 
--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
WebDisaster
Дата 26.11.2007, 18:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 406
Регистрация: 22.6.2007

Репутация: 17
Всего: 19



Жизнь показывает, что лечить болезнь, видя небольшой её кусок, часто бессмысленно. Нужно видеть страницу полностью. Могут иметь значение наслелование стилей, и очень часто проблемный блок "обрезают" или "смещают" внешние блочные элементы. Поэтому "лечить" кусочки смысла не вижу. Тот код страницы, который я привёл выше, работает абсолютно правильно. Почему он не работает у Вас --возможно удастся ответить, только видя именно ту самую проблемную страницу. Гадать, где может быть ошибка, я смысла не вижу.
PM MAIL   Вверх
Fedrus
Дата 27.11.2007, 10:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Ок вот код страници.
Код


<html>
    <head>
        <title>Assess</title>
        <style type="text/css">
body {
    color: #000;
    background: #FFF;
    font: 13px/ 1.22 arial, helvetica, clean, sans-serif;
    font-size: small;
    font: x-small;
}

<!--
border-style : solid ;
    border-color : black ; -->body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
    {
    font-family: "Arial", "Verdana", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    padding: 0;
    font-family: arial;
    color: #333333;
    font-weight: normal;
    margin: 0;
}

table.base {
    width: 80%;
}

table.base td table {
    width: 100%;
}

table.basetop {
    padding-top: 10px;
    background-color: #ffffff;
}

.colaliright {
    text-align: right;
}

table.basemenu {
    background-color: #ffffff;
}

table.basecontent {
    background-color: #ffffff;
}

table.basecontent td {
    text-align: center;
}

table.basecontent td table td {
    text-align: left;
}

table.padcontent td {
    padding: 15px 20px 15px 20px;
    width: ;
    text-align: center;
}

table.padcontent td table td {
    padding: 0px 0px 0px 0px;
}

table.loginform {
    margin-left: auto;
    margin-right: auto;
}

table.logged {
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: auto;
}

table.logged td {
    padding-top: 3px;
}

.authcol1 {
    align: rigth;
}

table.tablnulpad td {
    padding: 0 0 0 0;
}

table.table1 th {
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    font-size: 15;
    color: red;
}

.greyhead {
    background-color: #E9E9E9;
}

table.table2nch {
    width: 100%
}

table.table2nch td {
    padding-top: 5px;
    padding-left: 15px;
}

table.greyhead2 th {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    background-color: #E9E9E9;
    font-size: 13;
    color: green;
}

table.table2 td {
    padding-top: 7px;
    padding-left: 10px;
}

table.table2 th {
    background-color: #75D5FF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 12;
    color: blue;
}

table.table3 td {
    padding-left: 5px;
    padding-top: 0px;
}

.fcol1 {
    width: 58%;
}

.fcol2 {
    padding-left: 5px;
    width: 42%;
}

table.selecttable td {
    padding-right: 10px;
}

table.table4 {
    width: 100%;
}

table.table4 td {
    padding-top: 0;
    padding-left: 5px;
}

table.textpan td {
    padding-left: 20px;
    width: 30%;
    padding-top: 0;
    padding-bottom: 5px;
}

table.resulttable {
    border-collapse: collapse;
    width: 100%;
}

table.resulttable th {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: #919191;
}

table.resulttable td {
    padding: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #919191;
    vertical-align: top;
    border-style: solid;
}

table.resulttable td table td {
    border-width: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

table.resulttable td table th {
    border-width: 0px;
}

.resultcol4 {
    width: 600px;
}

.restabheadrow {
    font-size: 15px;
}

table.resevalutab {
    border-collapse: collapse;
    width: 100%;
}

table.resevalutab td {
    padding-bottom: 5px;
}

table.resevalutab th {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
    text-align: left;
}

table.resevalutab tfoot td {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    text-align: left;
}

.colpoint {
    width: 15px;
    text-align: right;
}

td.evatab1col {
    width: 33%;
    border-style: solid;
    border-color: #919191;
    border-width: 1px 1px 1px 1px;
}

td.evatab1col2 {
    width: 77%;
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 1px 0px;
}

td.evatab2col {
    width: 60%;
    border-style: solid;
    border-color: #919191;
    border-width: 1px 1px 0px 0px;
}

td.evatab2col2 {
    width: 40%;
    border-style: solid;
    border-color: #919191;
    border-width: 1px 0px 0px 0px;
}

td.evatab2bluecol {
    width: 60%;
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 1px 1px;
}

td.evatab2bluecol2 {
    width: 40%;
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 1px 0px;
}

.evasubtabh {
    text-align: center;
    width: 60%;
}

.evasubtabh2 {
    text-align: center;
    width: 40%;
    border-style: solid;
    border-color: #919191;
    border-width: 0px 0px 0px 0px;
}

.evatab2blue {
    background-color: #CCFFFF;
}

.evatab2rovhed {
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #919191;
    border-width: 0px 0px 0px 0px;
}

.evatabrow {
    height: 100px;
}

.evatabrow2 {
    height: 100px;
}

.evatabrow3 {
    height: 40px;
}

table.asscoretab {
    border-collapse: collapse;
}

table.asscoretab td {
    border-collapse: collapse;
    border-style: solid;
    border-color: #919191;
    border-width: 1px 1px 1px 1px;
}

table.asscoretab td table td {
    border-style: solid;
    border-color: #919191;
    border-width: 0px 0px 0px 0px;
}

table.asscoretab {
    border-collapse: collapse;
}

table.evaluationblank {
    border-collapse: collapse;
}

table.evaluationblank td {
    border-style: solid;
    border-color: #919191;
    border-width: 1px 1px 1px 1px;
}

table.evaluationblank th table {
    border-collapse: collapse;
}

table.recomendations {
    border-collapse: collapse;
}

table.recomendations th {
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 0px 1px;
}

table.recomendations td {
    border-style: solid;
    border-color: #919191;
    border-width: 1px 1px 0px 1px;
}

table.manemp {
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 1px 1px;
}

table.evablankhead th {
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 1px 1px;
}

table.addcommtab {
    border-collapse: collapse;
}

.addcommtabrow1 {
    height: 100px;
    border-style: solid;
    border-color: #919191;
    border-width: 0px 1px 0px 1px;
}

.addcommtabrow2 {
    border-style: solid;
    border-color: #919191;
    border-width: 0px 0px 0px 1px;
}

table.evaendtab {
    border-collapse: collapse;
}

table.evaendtab td {
    border-style: solid;
    border-color: #919191;
    border-width: 1px 1px 1px 0px;
}

.hrform {
    align: left;
    width: 99%;
    color: #E6E6E6;
    size: 1px;
}

#basebody {
    background-image: url("img/body-bg.gif");
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
    font-variant: normal;
}

sup,sub {
    line-height: -1px;
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,textarea,select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

pre,code,kbd,samp,tt {
    font-family: monospace;
    font-size: 108%;
    line-height: 99%;
}

table.loginform {
    margin-left: auto;
    margin-right: auto;
}


Добавлено через 8 минут и 47 секунд
Код


</style>
    </head>
    <body id="basebody" style="padding-top: 5px;">
        <div align="center">
            <table class="base basetop" cellpadding="0" cellspacing="0">

                <tbody>
                    <tr>
                        <td class="">
                            <a href="?content=welcome"><img src="img/logo.gif" />
                            </a>
                        </td>
                        <td class="colaliright">
                            <table class="logged" cellpadding="0" cellspacing="0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <form id="j_id_jsp_849363966_9" name="j_id_jsp_849363966_9"
                                                method="post" action="/assess/index.faces"
                                                enctype="application/x-www-form-urlencoded">
                                                <input type="hidden" name="j_id_jsp_849363966_9"
                                                    value="j_id_jsp_849363966_9" />

                                                <script type="text/javascript" language="Javascript">function dpf(f) {var adp = f.adp;if (adp != null) {for (var i = 0;i < adp.length;i++) {f.removeChild(adp[i]);}}};function apf(f, pvp) {var adp = new Array();f.adp = adp;var ps = pvp.split(',');for (var i = 0,ii = 0;i < ps.length;i++,ii++) {var p = document.createElement("input");p.type = "hidden";p.name = ps[i];p.value = ps[i + 1];f.appendChild(p);adp[ii] = p;i += 1;}};function jsfcljs(f, pvp, t) {apf(f, pvp);if (t) {f.target = t;}f.submit();dpf(f);};</script>
                                                <a href="#"
                                                    onclick="if(typeof jsfcljs == 'function'){jsfcljs(document.forms['j_id_jsp_849363966_9'],'j_id_jsp_849363966_9:j_id_jsp_849363966_10,j_id_jsp_849363966_9:j_id_jsp_849363966_10','');}return false">logout</a>
                                                <input type="hidden" name="javax.faces.ViewState"
                                                    id="javax.faces.ViewState" value="_id27" />
                                            </form>
                                        </td>
                                    </tr>
                                    <tr>

                                        <td>
                                            You are logged in as
                                            Федоренко
                                            Дмитрий
                                            Александрович
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <table class="base baseseparator">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>

                </tbody>
            </table>
            <table class="base basemenu">
                <tbody>
                    <tr>
                        <td>
                            <table cellspacing="10" style="padding: 10px 10px 10px 10px;">
                                <thead>
                                    <tr>
                                        <th colspan="1" scope="colgroup">
                                            Navigation menu
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <a href="?content=form">Self-assessment</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="?content=result-form">Results</a>
                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="?content=assess-form">Assess</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>


Это сообщение отредактировал(а) Fedrus - 27.11.2007, 10:18
--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
Fedrus
Дата 27.11.2007, 10:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007

Репутация: нет
Всего: нет



Код

<table class="base baseseparator">
                <tbody>
                    <tr>
                        <td>
                            <img src="img/empty.gif" height="6" width="1" />
                        </td>
                    </tr>
                </tbody>

            </table>
            <table class="base basecontent" border="0" cellpadding="0"
                cellspacing="0">
                <tbody>
                    <tr>
                        <td>
                            <table class="padcontent loginform" cellpadding="0"
                                cellspacing="0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <table class="asscoretab" cellpadding="0" cellspacing="0">
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <table class="evaluationblank" border="0" cellpadding="0"
                                                                cellspacing="0">
                                                                <thead>
                                                                    <tr>
                                                                        <th class="greyhead" colspan="2" scope="colgroup">
                                                                            EVALUATION BLANK
                                                                        </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>

                                                                        <td class="evatab1col">
                                                                            Employee name
                                                                        </td>
                                                                        <td class="evatab1col2">
                                                                            Федоренко
                                                                            Дмитрий
                                                                            Александрович
                                                                            .
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="evatab1col">
                                                                            Department
                                                                        </td>
                                                                        <td class="evatab1col2">
                                                                            Департамент
                                                                            информационных
                                                                            технологий
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="evatab1col">
                                                                            Division
                                                                        </td>

                                                                        <td class="evatab1col2">
                                                                            #{}
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="evatab1col">
                                                                            Unit
                                                                        </td>
                                                                        <td class="evatab1col2">
                                                                            #{}
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="evatab1col">
                                                                            Position Unit
                                                                        </td>
                                                                        <td class="evatab1col2">
                                                                            #{}
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td class="evatab1col">
                                                                            Date of evaluation
                                                                        </td>

                                                                        <td class="evatab1col2">
                                                                            #{}
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </td>
                                                    </tr>


Добавлено через 8 минут и 47 секунд
Код

<tr>
                                                        <td>
                                                            <table border="0" cellpadding="0" cellspacing="0">
                                                                <thead>
                                                                    <tr>
                                                                        <th class="greyhead" colspan="1" scope="colgroup">
                                                                            EVALUATION SCORES
                                                                        </th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <table cellpadding="0" cellspacing="0">
                                                                                <thead>

                                                                                    <tr>
                                                                                        <th colspan="2" scope="colgroup">
                                                                                            <table cellpadding="0" cellspacing="0">
                                                                                                <tbody>
                                                                                                    <tr>
                                                                                                        <td class="evasubtabh">
                                                                                                            Evaluation Blocks
                                                                                                        </td>
                                                                                                        <td class="evasubtabh2">
                                                                                                            Overall Score
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </th>
                                                                                    </tr>
                                                                                </thead>


--------------------
Если вы идете через ад, идите не останавливаясь.
PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1007 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.