Image border problem

Hello in .css file i have found this:

[codebox]td {
font-size: 8pt;
border: solid #000000 1px;
}[/codebox]

Everything ok, but that make border to all pictures, but if i remove that "td" then it also remove border for everything else on page, is there any way to set border for all pictures = none or something ?

 

Yeah,

The CSS code you have listed doesn't really have anything to do with the border on your images. It is only applying those styles to the td tag.

To get rid of your border on images you need to do something like:

img {
   border:0px;
}

Code (markup):

 

i put your code in my css file nothing change ;( , here is an example from my code ( photoshop auto made it )

<td colspan="5" rowspan="6">
<img src="images/design_02.jpg" width="306" height="144" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/design_03.jpg" width="59" height="57" alt=""></td>
<td colspan="11">
<img src="images/design_04.jpg" width="585" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>

anyway to fix it?

 

ChaosFoo's suggestion should have worked. Make sure you are putting at the top of the CSS file. Are you also sure that the borders you are seeing are actually on the images, not the td'd. post some more code, maybe the entire of the stylesheet and the page with the borders on.

Anyway, my suggestion is, (add to top of CSS)

img td
{
border-style: none;
border-width: 0px;
}

Code (markup):

 

That is my .css file ( from torrent tracker - tbdev )

And here is screen how it looks like:

img td
{
border-style: none;
border-width: 0px;
}

body {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
background-color: #242424;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}

table {
  border-collapse: collapse;
  border: none;
   background-color: #101010; 
}

table.main, table.mainouter {
  background-color: #252525;//#F4F4F0;
}

table.bottom {
  background: transparent;
}

h1 {
  font-size: 12pt;
}

h2 {
  font-size: 10pt;
  margin-bottom: 6px;
}

p {
	font-size: 8pt;
}

p.sub { 
  margin-bottom: 4pt;
}

td {
font-size: 8pt;
border: solid #000000 1px;
}


td.embedded {
   border: none;
   padding: 0px;
  text-align: left;
}

td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.colhead {
  font-weight: bold;
  color: #ffffff;
  background-color: #0055A4;
}

td.rowhead {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

td.title {
	font-size: 14pt;
}

td.navigation {
	font-weight: bold;
	font-size: 10pt;
   border: none;
}

td.clear {
  padding: 0px;
  border: 0px;
  background: transparent;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.sublink {
	font-style: italic;
	font-size: 7pt;
	font-weight: normal;
}

font.gray
{
  color: #ACA899;
  text-decoration: underline;
}

a:link, a:visited {
  text-decoration: underline;
  color: #000000;
  /*font-weight: bold;*/
}

a:hover {
  color: #FF0000;
}

a.index {
	font-weight: bold;
}

a.biglink {
	font-weight: bold;
	font-size: 12pt;
}

a.altlink:link, a.altlink:visited{
	font-weight: bold;
	color: #A83838;
	text-decoration: none;
}

a.altlink:hover {
  text-decoration: underline;
}

a.altlink_blue:link, a.altlink_blue:visited{
	font-weight: bold;
	color: #004E98;
	text-decoration: none;
}

a.altlink_blue:hover {
  text-decoration: underline;
}

a.altlink_green:link, a.altlink_green:visited{
	font-weight: bold;
	color: #007800;
	text-decoration: none;
}

a.altlink_green:hover {
  text-decoration: underline;
}

.important {
	font-weight: bold;
	font-size: 8pt;
}

.red {
	color: #ee0000;
}

.yellow {
	color: #997700;
}

.green {
	color: #000000;
}

input, select, textarea {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
}

.btn {
  width: 75px;
  height: 23px;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

Code (markup):

 

Oops. You have
img td
{
border-style: none;
border-width: 0px;
}

Which says any td that is inside an img, no border.

Switch that. Say no borders on img that are inside td:

td img {
border: none;
}
Though Foo's is better because it's ALL img:
img {
border: none;
}

Or border: 0px; does the same thing as none.

 

no metter how i change always same problem

 

@Stomme poes, cheers thats what i meant.

Now, without being able to see the site, i would try,

td image
{
border-style: none;
border-width: 0px;
}

body {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
background-color: #242424;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}

table {
  border-collapse: collapse;
  border: none;
   background-color: #101010; 
}

table.main, table.mainouter {
  background-color: #252525;//#F4F4F0;
}

table.bottom {
  background: transparent;
}

h1 {
  font-size: 12pt;
}

h2 {
  font-size: 10pt;
  margin-bottom: 6px;
}

p {
	font-size: 8pt;
}

p.sub { 
  margin-bottom: 4pt;
}

td {
font-size: 8pt;
border: none;
}


td.embedded {
   border: none;
   padding: 0px;
  text-align: left;
}

td.bottom {
  border: none;
}

td.heading {
  font-weight: bold;
}

td.text {
  padding: 10pt;
  text-align: left;
}

td.comment {
  padding: 10pt;
  font-size: 8pt;
  text-align: left;
}

td.colhead {
  font-weight: bold;
  color: #ffffff;
  background-color: #0055A4;
}

td.rowhead {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

td.title {
	font-size: 14pt;
}

td.navigation {
	font-weight: bold;
	font-size: 10pt;
   border: none;
}

td.clear {
  padding: 0px;
  border: 0px;
  background: transparent;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.sublink {
	font-style: italic;
	font-size: 7pt;
	font-weight: normal;
}

font.gray
{
  color: #ACA899;
  text-decoration: underline;
}

a:link, a:visited {
  text-decoration: underline;
  color: #000000;
  /*font-weight: bold;*/
}

a:hover {
  color: #FF0000;
}

a.index {
	font-weight: bold;
}

a.biglink {
	font-weight: bold;
	font-size: 12pt;
}

a.altlink:link, a.altlink:visited{
	font-weight: bold;
	color: #A83838;
	text-decoration: none;
}

a.altlink:hover {
  text-decoration: underline;
}

a.altlink_blue:link, a.altlink_blue:visited{
	font-weight: bold;
	color: #004E98;
	text-decoration: none;
}

a.altlink_blue:hover {
  text-decoration: underline;
}

a.altlink_green:link, a.altlink_green:visited{
	font-weight: bold;
	color: #007800;
	text-decoration: none;
}

a.altlink_green:hover {
  text-decoration: underline;
}

.important {
	font-weight: bold;
	font-size: 8pt;
}

.red {
	color: #ee0000;
}

.yellow {
	color: #997700;
}

.green {
	color: #000000;
}

input, select, textarea {
	font-family: "tahoma", "arial", "helvetica", "sans-serif";
	font-size: 8pt;
}

.btn {
  width: 75px;
  height: 23px;
}

.small {
  font-size: 7pt;
}

.big {
  font-size: 10pt;
}

li {
  margin-top: 6pt;
  margin-bottom: 6pt;
}

ul {
  margin-left: 16pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

Code (markup):

 

if i use that code then it remove all other borders ( its torrent tracker source ), i cant afford to remove those borders

 

Why don't you just link to the site so that we can see what is really going on? You will get more complete answers if you give more complete information. I'm sure anyone posting on this thread would be able to correct your problem.

 

well i change page a lot so its almost inpossible to show last problem, but i did upload screen how problem looks like ...

1question: There is togather like 40-50 pictures, what if i select special style for every single will it help ( i mean style with something like border = none ... )

 

The problem is:

td {
font-size: 8pt;
border: solid #000000 1px;
}

Code (markup):

Since those images are in a table the <td></td> elements have a border. Since you can't take away the border altogether, then you need to create a new style for that particular table with no border, like:

table.header td {
font-size: 8pt;
border: none;
}

Code (markup):

Also, this part:

td.heading {
  font-weight: bold;
}

Code (markup):

Might be referencing the cells in the header table, in which case you can just change it to:

td.heading {
  font-weight: bold;
  border: none;
}

Code (markup):

 

Just post a link to the site if you want a good answer!