Шустрый
Профиль
Группа: Участник
Сообщений: 130
Регистрация: 20.9.2007
Репутация: нет
Всего: нет
|
| Код |
<tbody>
<tr>
<td class="evatab2bluecol evatab2blue">PERFORMANCE</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
<tr>
<td class="evatab2bluecol evatab2blue">GENERAL COMPETENCIES</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
<tr>
<td class="evatab2bluecol evatab2blue">CORE COMPETENCIES</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
<tr>
<td class="evatab2bluecol evatab2blue">MANAGERIAL COMPETENCIES</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table class="recomendations" cellpadding="0" cellspacing="0">
<thead>
<tr><th class="greyhead" colspan="2" scope="colgroup">RECOMMENDATIONS(filled in by the Manager)</th></tr>
</thead>
<tbody>
<tr class="evatabrow">
<td class="evatab1col">PERFORMANCE IMPROVEMENT</td>
<td class="evatab1col2">#{}</td>
</tr>
<tr class="evatabrow2">
<td class="evatab1col">COMPETENCIES DEVELOPMENT</td>
<td class="evatab1col2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table class="manemp" cellpadding="0" cellspacing="0">
<tbody>
<tr class="evatabrow3">
<td class="evatab2col">Manager (signature)</td>
<td class="evatab2col2">#{}</td>
</tr>
<tr class="evatabrow3">
<td class="evatab2col">Employee (signature)</td>
<td class="evatab2col2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><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>
<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>
</td>
</tr>
<tr>
<td><table class="evablankhead addcommtab" cellpadding="0" cellspacing="0">
<thead>
<tr><th class="" colspan="1" scope="colgroup">ADDITIONAL COMMENTS </th></tr>
</thead>
<tbody>
<tr class="addcommtabrow1">
<td>#{}</td>
</tr>
<tr class="addcommtabrow2">
<td><table class="evaendtab" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="evatab1col">Date of evaluation</td>
<td class="evatab1col2">#{}</td>
</tr>
<tr>
<td class="evatab1col">Name and signature</td>
<td class="evatab1col2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</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>
|
Прошу прощеня за форматирование наверно надо было сразу без форматирования(а то хотел как лучьше а получилось как всегда (первоначально страница без отступов генерится)) Вот такие вот дела вообще я возможно не правильно подхожу к написанию классов css потому у меня и столько проблем( просто вот практикески сделали проект и меня как молодого стиль оформлять назначили вот это моя первая встреча) Очень прошу помочь. ВОпросы такие: 1) Если все совсем неправильно и подход не верный посоветуйте пару дельных советов(купил книгу CSS-каскадные таблици стилей Эрик А.Мейер 2ое издание, читаю но времени уже очень мало) 2)Вопрос по поводу разширения таблици из-за увеличения шрифта в мозиле. 3)Как сделать чтобы border-collapse: collapse; работал при прикосновении граници внешней таблици и границ ячеек вложенной (вообще есть внешняя таблица в ней несколько вложенный (собственно вложенные таблици нужны для хедеров) и нужно проставить граници только между ячеек по середине так как с наружы я внешней делаю возможно совсем по другому надо переделать) Буду очень признателен и бесконечно благодарен за любую помощь( ато близица пятница проект показывать будем(( Добавлено через 3 минуты и 32 секундыОчень плохо получилось простите вот вся страница поместилась без отступов(блин а я спциально в еклипс копировал код форматировал)) | Код |
<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;
}
</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>
<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>
<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>
<tbody>
<tr>
<td class="evatab2bluecol evatab2blue">PERFORMANCE</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
<tr>
<td class="evatab2bluecol evatab2blue">GENERAL COMPETENCIES</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
<tr>
<td class="evatab2bluecol evatab2blue">CORE COMPETENCIES</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
<tr>
<td class="evatab2bluecol evatab2blue">MANAGERIAL COMPETENCIES</td>
<td class="evatab2bluecol2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table class="recomendations" cellpadding="0" cellspacing="0">
<thead>
<tr><th class="greyhead" colspan="2" scope="colgroup">RECOMMENDATIONS(filled in by the Manager)</th></tr>
</thead>
<tbody>
<tr class="evatabrow">
<td class="evatab1col">PERFORMANCE IMPROVEMENT</td>
<td class="evatab1col2">#{}</td>
</tr>
<tr class="evatabrow2">
<td class="evatab1col">COMPETENCIES DEVELOPMENT</td>
<td class="evatab1col2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table class="manemp" cellpadding="0" cellspacing="0">
<tbody>
<tr class="evatabrow3">
<td class="evatab2col">Manager (signature)</td>
<td class="evatab2col2">#{}</td>
</tr>
<tr class="evatabrow3">
<td class="evatab2col">Employee (signature)</td>
<td class="evatab2col2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><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>
<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>
</td>
</tr>
<tr>
<td><table class="evablankhead addcommtab" cellpadding="0" cellspacing="0">
<thead>
<tr><th class="" colspan="1" scope="colgroup">ADDITIONAL COMMENTS </th></tr>
</thead>
<tbody>
<tr class="addcommtabrow1">
<td>#{}</td>
</tr>
<tr class="addcommtabrow2">
<td><table class="evaendtab" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="evatab1col">Date of evaluation</td>
<td class="evatab1col2">#{}</td>
</tr>
<tr>
<td class="evatab1col">Name and signature</td>
<td class="evatab1col2">#{}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</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>
|
--------------------
Если вы идете через ад, идите не останавливаясь. |
Цетрирование вложенной таблицы, как отцентровать таблицу не margin-гом 
Загрузка ...
