HTML and CSS

how can i turn off image border

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Jun 2008

Posts: 10

Reputation: acediamond is an unknown quantity at this point

Solved Threads: 0

acediamond acediamond is offline

Offline

Newbie Poster

how can i turn off image border

Jun 28th, 2008

I am using an image on a background with the same color as the image. The image border is turned off but I still see a line where the colors should mesh seamlessly.
Just a little background, I am a first year CS student and have only taken an introductory class to HTML. I am trying to build a website using frames for my fiance. The navigation page is what I am working on which will have her logo from a business card image.

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<html>
  <head>
     <title>
            Greta Conrad
     </title>
  </head>
 
  <body bgcolor = "#1f1a17">
      <table align = "center">
         <tr>
            <td>
               <img border = "" alt = "Greta Conrad - Home" src = "businessimages/gc_front.jpg">
               <img src = "futon2.jpg"><br />
               <img src = "futon3.jpg">
 
            </td>
         </tr>
      </table>
 
  </body>
</html>
<html>
  <head>
     <title>
            Greta Conrad
     </title>
  </head>

  <body bgcolor = "#1f1a17">
      <table align = "center">
         <tr>
            <td>
               <img border = "" alt = "Greta Conrad - Home" src = "businessimages/gc_front.jpg">
               <img src = "futon2.jpg"><br />
               <img src = "futon3.jpg">

            </td>
         </tr>
      </table>

  </body>
</html>

•

Join Date: Mar 2006

Posts: 31

Reputation: DGStudios is an unknown quantity at this point

Solved Threads: 3

DGStudios

Offline

Light Poster

Re: how can i turn off image border

Jun 28th, 2008

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<img style="border: 0px;" src="url" />
<img style="border: 0px;" src="url" />

use the style ability within most tags and use the CSS call to get rid of borders. if it still isn't working... .delete IE download firefox and try again on a real browser.
Thank you.

http://img.photobucket.com/albums/v6.../dgstudios.jpg
When all that is becomes one. That is the anomoly. That is... Death's Gate Studios (c) 2005

•

Join Date: May 2008

Posts: 302

Reputation: sreein1986 is an unknown quantity at this point

Solved Threads: 33

sreein1986 sreein1986 is offline

Offline

Posting Whiz

Re: how can i turn off image border

Jun 30th, 2008

above code is correct,
i am helping one more option for not this problem what is that means please take one image in only one TD and also give your background color in style properties

check this code

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<html>
<head>
<title>
         Greta Conrad
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"><STYLE TYPE="text/css">
<!--
body {
	background-color: #1f1a17;
}
-->
</STYLE></head>
  <body>
      <table align = "center">
         <tr>
            <td> <img alt = "Greta Conrad - Home" src = "businessimages/gc_front.jpg" STYLE="border: 0px;"></TD>
              <TD><img src = "futon2.jpg" STYLE="border: 0px;"></TD>
			  <TD><img src = "futon3.jpg" STYLE="border: 0px;"></TD> 
         </tr>
      </table>
 
</body>
</html>
<html>
<head>
<title>
         Greta Conrad
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"><STYLE TYPE="text/css">
<!--
body {
	background-color: #1f1a17;
}
-->
</STYLE></head>
  <body>
      <table align = "center">
         <tr>
            <td> <img alt = "Greta Conrad - Home" src = "businessimages/gc_front.jpg" STYLE="border: 0px;"></TD>
              <TD><img src = "futon2.jpg" STYLE="border: 0px;"></TD>
			  <TD><img src = "futon3.jpg" STYLE="border: 0px;"></TD> 
         </tr>
      </table>

</body>
</html>

Thanx,
Shiriyal
http://shiriyal.blogspot.com/
if you problem solved add me as a reputation and mark it mark as solved

•

Join Date: Jun 2008

Posts: 10

Reputation: acediamond is an unknown quantity at this point

Solved Threads: 0

acediamond acediamond is offline

Offline

Newbie Poster

Re: how can i turn off image border

Jun 30th, 2008

Thank you for your time Sreekanth. I was able to use my css to table(background-color: #1f1a17 to blend away the left and right vertical lines but the top and bottom horizontal lines are still there. I could make it work but I know there has to be a way to blend away those lines. Is there a style for the 3D background color? I am not good at css so please spell out the code for me.
And I am running firefox 3 and have been running firefox for years.
On a side note, changing your browser is not going to fix the problem for those IE users. I did not care for DGstudios reply about browsers. I feel your code should work for all types of browsers and devices because today's audience is using all types of browsers and devices.

Last edited by acediamond; Jun 30th, 2008 at 2:12 am.

•

Join Date: May 2008

Posts: 302

Reputation: sreein1986 is an unknown quantity at this point

Solved Threads: 33

sreein1986 sreein1986 is offline

Offline

Posting Whiz

Re: how can i turn off image border

Jun 30th, 2008

if you want 3d Background then you will design in Photoshop using with filters and add as a background with using css ...

Thanx,
Shiriyal
http://shiriyal.blogspot.com/
if you problem solved add me as a reputation and mark it mark as solved

•

Join Date: Jun 2008

Posts: 10

Reputation: acediamond is an unknown quantity at this point

Solved Threads: 0

acediamond acediamond is offline

Offline

Newbie Poster

Re: how can i turn off image border

Jun 30th, 2008

Would you please show me the code to accomplish this is css. I understand the background image concept and love the idea but I don't know css except how to link them and a couple basic attributes. Will the image auto size to fit each frame?

•

Join Date: May 2008

Posts: 302

Reputation: sreein1986 is an unknown quantity at this point

Solved Threads: 33

sreein1986 sreein1986 is offline

Offline

Posting Whiz

Re: how can i turn off image border

Jun 30th, 2008

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

 .mainstylesheet{
	background-image: background url; /*give your location of the image background*/
	background-repeat:no-repeat; /*if you want repeat then instead of no-repeat put repeat*/
	border:0 px;  /*give the border size*/
}

post this code between head tag in Style tag

Last edited by sreein1986; Jun 30th, 2008 at 3:27 am.

Thanx,
Shiriyal
http://shiriyal.blogspot.com/
if you problem solved add me as a reputation and mark it mark as solved

•

Join Date: Mar 2006

Posts: 31

Reputation: DGStudios is an unknown quantity at this point

Solved Threads: 3

DGStudios

Offline

Light Poster

Re: how can i turn off image border

Jun 30th, 2008

Just my own little note in my defense.

My joke was not about IE in general as it runs pretty much as well as the other bowsers as far as CSS. However the Javascript and CSS support in IE7 is terrible and as such things that work in previous versions of IE and are standard W3C compliant css and JS do not work in IE7.

I too believe in universal compatibility there are sometimes when it is not possible however, as CSS and JS are both handled differently by each browser. You can do browser detection for it, however, IE7 is a whole new monster that even by Microsofts own admission FAILED when it comes to CSS and JS rendering and execution.

My statement was simply a joke based on that.

http://img.photobucket.com/albums/v6.../dgstudios.jpg
When all that is becomes one. That is the anomoly. That is... Death's Gate Studios (c) 2005

•

Join Date: Jul 2008

Posts: 67

Reputation: casper_wang is an unknown quantity at this point

Solved Threads: 6

casper_wang casper_wang is offline

Offline

Junior Poster in Training

Re: how can i turn off image border

Jul 2nd, 2008

if you want your site to be seamless try using css to set your tables rather than use frames.
Frames are a thing of the past and most people today dont like them because most new web developers dont know how to render it properly to allow the user to break out of the frame.

If I helped in solving your issue please Add to "MY Reputation" and most important: "Mark as solved"

•

Join Date: Jan 2007

Posts: 3,210

Reputation: MidiMagic has a spectacular aura about

Solved Threads: 164

MidiMagic

Offline

Nearly a Senior Poster

Re: how can i turn off image border

#10

Jul 7th, 2008

I had this happen several years ago.

It turned out that the photo processing company had placed white edges on the digital files. This happened because my camera exposed the negatives in an area slightly undersized, compared to their scanner. I had to use a photo editor to crop the photo.

Daylight-saving time uses more gasoline