Mam taki kod css
body, td, th, caption {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif, Time New Roman;
}
body {
background: black url("dostr/tlo.gif");
margin: 0;
padding: 0;
text-align: center;
}
table {
border-collapse: collapse;
}
table#top {
width: 780px;
margin: 0 auto;
text-align: left;
background: green;
}
td#left_border {
background: url("164.gif");
width: 10px;
padding: 0;
font-size: 10px;
}
td#center {
width: 760px;
padding: 0;
}
td#right_border {
background: url("164.gif");
width: 10px;
padding: 0;
font-size: 10px;
}
table#body {
width: 760px;
}
/* */
td#header {
background: url("header.gif");
text-align: right;
vertical-align: top;
height: 100px;
padding: 5px 10px;
}
td#header #control {
height: 22px;
}
td#header #control img {
width: 20px;
height: 20px;
}
td#header #banner {
width: 400px;
height: 50px;
margin-top: 10px;
}
/* */
td#top_menu {
background: green url("s.gif");
color: #000080;
text-align: center;
vertical-align: middle;
height: 30px;
font-size: 12px;
padding: 0;
font-weight: bold;
}
td#top_menu_border {
background: url("164.gif");
height: 12px;
padding: 0;
font-size: 10px;
}
td#left {
background: green;
width: 150px;
text-align: center;
vertical-align: top;
padding: 0;
}
td#content {
text-align: left;
vertical-align: top;
padding: 0;
}
td#footer_border {
background: url("164.gif");
height: 12px;
padding: 0;
font-size: 10px;
}
td#footer {
background: #00B300 url("16.gif");
color: #808080;
font-size: 11px;
height: 25px;
text-align: center;
vertical-align: middle;
padding: 0;
}
/* */
/* card> */
/* left> */
/* content> */
td#content table.menu td table th, td#content table.menu td table td {
padding: 1px;
background-color: transparent;
background-image: none;
}
.dot {
color: #000080;
font-weight: bold;
}
/* */
/* */
td#top_menu a:link, td#top_menu a:visited {
color: #000080;
font-weight: bold;
text-decoration: none;
}
#god { /* nasz div "menu" */
background: green; /* tło naszego menu */
width: 137px; /* szerkość menu */
padding: 3px; } /* odległość menu od obramowania*/
ul { /* element ul */
margin: 0; /* odległość menu od obramowania*/
padding: 0; } /* odległość menu od obramowania*/
#god a { /* linki w menu */
display: block; /* rodzaj wyświetlenia elementów */
width: 130px; /* szerokość */
padding: 3px; /* odległości linków */
color: #3B3B3B; /* kolor linków */
margin-top: 1px; /* 1px odstępu od dołu */
text-decoration: none; } /* dekoracja linka */
#god a:hover { /* najechane linki w menu */
display: block; /* rodzaj wyświetlenia elementów */
width: 130px; /* szerokość */
background-color:#FFFF77; /* tło linka */
text-decoration: none; /* dekoracja tekstu */
color: #3B3B3B; } /* kolor linka najechanego */
#god li { /* element li */
border-left: 6px solid #CCCCCC; /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */
list-style-type: none; } /* rodzaj wykazu */
#god li:hover { /* najechany element li */
border-left: 6px solid #00B900; /* lewe obramowanie; #9CD3D3 - kolor podświetlonego prostokąta */
list-style-type: none; } /* rodzaj wykazu */
td#top_menu a:hover {
color: red;
font-weight: bold;
}
/* top_menu> */
/* */
table.menu a:link, table.menu a:visited {
color: black;
font-weight: normal;
text-decoration: none;
font-size: 14;
font-family: Time New Roman;
}
table.menu a:hover {
color: #000080;
font-weight: bold;
text-decoration: underline;
}
/* menu> */
/* */
td#content a:link, td#content a:visited {
color: #0040B0;
font-weight: normal;
text-decoration: none;
}
td#content a:hover {
color: #0000FF;
text-decoration: underline;
}
/* content> */
/* */
td#footer a:link, td#footer a:visited, td#footer a:hover {
color: #808080;
font-weight: normal;
text-decoration: none;
}
/* foter> */
/* */
[/code]
I teraz nie mogę sobie poradzić (i nie wiem dlaczego), chcę napisać nową klase do tr i td żeby w
tr wszystko było wycentrowane, kolor tekstu czarny pogrubiony a tło kolor=#E8E8E8
td żeby był tekst wycentrowany
Mógłby mi ktoś to dopisać? Bo ja wszystko robię dobrze a mi nie wchodzi :?