Ad:

HTML and CSS Discussion Thread
Marked Solved
Views: 5201

Page 1
2
Next

You are currently viewing page 1 of this multi-page discussion thread

Jun 28th, 2008

how can i turn off image border

Expand Post »

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.

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>

Similar Threads

Script only displaying last entries made in Perl
Open In New Window Php in PHP
XML or XSL or What?? in XML, XSLT and XPATH
Content Breaking thru Borders in JavaScript / DHTML / AJAX
dreamweaver question in Graphics and Multimedia

acediamond

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Jun 2008

Permalink

Jun 28th, 2008

Re: how can i turn off image border

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.

DGStudios

Reputation Points: 10

Solved Threads: 3

Light Poster

Offline

31 posts
since Mar 2006

Permalink

Jun 30th, 2008

Re: how can i turn off image border

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

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>

sreein1986

Reputation Points: 12

Solved Threads: 34

Posting Whiz

Offline

306 posts
since May 2008

Permalink

Jun 30th, 2008

Re: how can i turn off image border

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.

acediamond

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Jun 2008

Permalink

Jun 30th, 2008

Re: how can i turn off image border

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

sreein1986

Reputation Points: 12

Solved Threads: 34

Posting Whiz

Offline

306 posts
since May 2008

Permalink

Jun 30th, 2008

Re: how can i turn off image border

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?

acediamond

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

10 posts
since Jun 2008

Permalink

Jun 30th, 2008

Re: how can i turn off image border

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.

sreein1986

Reputation Points: 12

Solved Threads: 34

Posting Whiz

Offline

306 posts
since May 2008

Permalink

Jun 30th, 2008

Re: how can i turn off image border

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.

DGStudios

Reputation Points: 10

Solved Threads: 3

Light Poster

Offline

31 posts
since Mar 2006

Permalink

Jul 2nd, 2008

Re: how can i turn off image border

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.

casper_wang

Reputation Points: 13

Solved Threads: 7

Junior Poster in Training

Offline

67 posts
since Jul 2008

Permalink

Jul 7th, 2008

Re: how can i turn off image border

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.

MidiMagic

Reputation Points: 730

Solved Threads: 181

Nearly a Senior Poster

Offline

3,314 posts
since Jan 2007

Page 1
2
Next

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: How to create a scrolling combo box?

Next Thread in HTML and CSS Forum Timeline: How to create rotating text

DaniWeb Message

Cancel Changes

User Name
Password