Unwanted thin border around DIV

So I have two pages (not online yet) in a site I am builing.
They both have an arrow rollover (about 60x40px made in PS), The
first one is fine and the arrows sits on the background seemlessly.
I used the same master file, but changed the arrow color. Made
another page but on this page I can see a thin white border around
the 40x60 box the arrow sits in . The border bvalue is set to 0. It
sits on black. I tried no BG color, and Black BG color and neither
made a differnce. I am really stumped. What causes a thin white
outline around and object/DIV like this?

The image itself probably has the border in it. Remake the
image and be
careful when you export it to make sure there is no border.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"iptinak" <[email protected]> wrote in
message
news:gckfrn$ou7$[email protected]..
> okay, it is something about how the image is saved. I
took the new arrow
> out
> and inserted the old one to the same page. No border.
They are both JPGS.
> I
> realize now that when I made the first one I never saved
saved the PS
> original
> files. I opened the JPG and over laid on top to redo it.
I must have saved
> it
> differently but I don;t see any differences. What am I
missing here?
>

Similar Messages

Draw a thin border around an inputText box????

Hi,
I would like to draw a thin border around an inputText box but when I use the following, I am getting a thin border around the inputText box as well as the label (text) associated with it. I don’t really want this border around the label.
border-width:thin; border-style:solid
So how can I draw a thin border just around a inputText box only (Not around the label associated with the inputText) ?
Regards
V.Piraba

Hi
I found the answer. Just do the following to draw a thin border around a inputText box.
border-width:thin; border-color:rgb(0,0,0)
---------------------------------------------

Unwanted white border around a div

I placed a div that I am using for a background. Before I add an image I am testing it out by giving it a blue background. I have the width and height set to 100% and left to 0px and top to 0px. When I test it in a browser (IE 8) or view it in Design view it has a white border around it. There is no border setting or margin setting. Is there some preference setting in Dreamweaver that makes this aproximately 10px border? If so how do I get rid of it?

Thank you both - that helped to clear up some of the issues but others remain. I'm assuming I can keep the dialogue going but will start a new thread if that is required.
I uploaded the page and css files to my server. The page file is http://www.wlvs.com/untitled-1.html and the css file is http://www.wlvs.com/test.css I ame using these file to try out styles. The background div (backgnd) will ultimately be an image but for now I'm just using a color. The "wraper" has an image that I gave a padding to at the top and bottom and for some reason it is showing a dark blue color. - I thought it would allow the background color to show through - shouldn't it??
The other issue is centering the logo in the "header". I suppose I could use <center> but I am trying to figure out what is the css code for doing it. Nothing seems to work. I was able to center the "wraper" image but could not do the logo.
Any help would be much appreciated...

Unwanted colored border around link graphics

Hello,
I would appreciate any advice on a problem I've run in to. On
a site I'm developing, I just went through and linked the pages to
each other using menu graphics that I created in Photoshop. Once I
did that, a colored border appeared around the images and I can't
figure out how to get rid of it. Here's a link so you can see what
I mean:
http://www.elisabethnaughton.com/new_site/index2.html.
I'm guessing that I accidentally did it when I changed the
link color. In the page properties, I designated one color for link
color, visited links, and active links (a dark brown). I designated
a lighter brown for the rollover link color. I'm not even sure why
blue and purple are appearing as borders, other than those are the
default colors, right?
Anyway, I'd appreciate any help you could provide on how to
solve this problem. I've finished all of the other tweaks and this
is the last thing I have before it goes live! :) Thanks!

Add =
a img { border:none; }
to your CSS file/spreadsheet.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lisamc21" <[email protected]> wrote in
message
news:g3pisg$7gl$[email protected]..
> Hello,
>
> I would appreciate any advice on a problem I've run in
to. On a site I'm
> developing, I just went through and linked the pages to
each other using
> menu
> graphics that I created in Photoshop. Once I did that, a
colored border
> appeared around the images and I can't figure out how to
get rid of it.
> Here's
> a link so you can see what I mean:
>
http://www.elisabethnaughton.com/new_site/index2.html.
>
> I'm guessing that I accidentally did it when I changed
the link color. In
> the
> page properties, I designated one color for link color,
visited links, and
> active links (a dark brown). I designated a lighter
brown for the rollover
> link
> color. I'm not even sure why blue and purple are
appearing as borders,
> other
> than those are the default colors, right?
>
> Anyway, I'd appreciate any help you could provide on how
to solve this
> problem. I've finished all of the other tweaks and this
is the last thing
> I
> have before it goes live! :) Thanks!
>
>

Black border around entire design

I would like to make a black thin border around my entire design but the page is made of a table with atleast 6 rows and lots of different images. I don't think the border should be stagnant as the design changes from page to page. Check outjuliakuskin.com/jk2/home.html. Can someone please tell me how I can do this? In CSS? Thank you.
-Julia

You can use a wrapper division around anything and then set the css border attributes to the kind, size and color you want for that border. Just set an ID for the div so you know where it is being used
Remember for this list that the space after less than < symbol must be removed for the code to work in your files, the following is just a sample of generally how it would look
< div id="wrappertable">
< table width="180" border="1" cellspacing="2" cellpadding="0">
< tr>
< td></td>
< /tr>
< /table>
< /div>
Then in your css editor
make a div statement called wrappertable
and set the css like you want it.

Thin white border around image in browser

In Firefox and Safari a thin white border appears around a
black image. My background is black so.....is it a matter of the
blacks being slightly different? I'd like the image to appear
seamless on the page. How can I fix this?
http://wall-eye.com/about.html
(it's the Walleye eye navigation image)
keith

Hi, Even when you assign 100% to width and height you will notice one black border around applet in case of IE5.0 When I go in to full srceen mode in IE 5.0 It should not show me scrollbars.
But because of this border scrollbar remains

How to get rid of white border around Container Div (main box)?

I have look and look for a solution but couldn't find one. I'm developing a website but the main issue is the white (I changed it black so you can see what I'm talking about) border around the website when i go to preview it from DW to Google Chrome or Internet Explorer.
I've tried everything! from setting body margins all to zero but nothing works... can anyone help me?!

No that's not what I'm talking about, the black div bot on the top is what i put, I put the entire style.css code in my last post, I'm talking about the white border on the right inside the scroll bar.
let me explain from the bottom, let say I don't put Margin: 0 under Body in my style.css . I get a white (I made it Green to show you better) border around my entire webpage looking like this:
so this made me curios because I wanted to know why it gave me this border without putting Margin: 0 under Body in my Style.css sheet. so i went to inspect element inside Google Chrome and saw this:
I was shocked because it automatically added 8 px in Margin around the body. So I took all the advice i was given in this thread and put the Margin: 0 ; under Body in my Style.css Sheet and it did this:
for Some reason it says Margin 0 in the inspect element under body but put a default white border there to the right....
I have explained this the best way possible. PLEASE CAN ANYONE HELP ME?!
ps. its doing this for all browsers so i know it not a chrome issue!

Unwanted border around swf file in IE

Can anyone tell me why I am getting a border around my swf
file with it is imbedded on a Html page and displayed in Internet
Explorer on a PC?
The swf acts as a link, (pointer becomes a finger), and when
you click once in the swf area, the border disappears and the swf
file becomes active and all other links are working .
See f.ex.
http://www.soundoil.com
I am not getting this when viewing the site in other browsers
or on the Mac.
I use Golive CS and Flash MX.
It looks like this is an IE issue. Do you know of a
workaround?
Thanks on beforehand
ggaarde

I've noticed, not just in this thread but all the other "10
billion threads about this," that every single one of the fixes for
this problem are oriented towards webpage developers -- not for the
internet user. Forgive me if these forums (unbeknownst to me) are
actually dedicated solely to web developers, but I'd still like to
find a solution somewhere for this problem.
An example of the problem I'm facing. The average Joe (such
as myself) is browsing around webpages (including, for example, the
webpage for my online homework) that haven't implemented a fix for
this problem .... Thus, for every ActiveX control, forcing me to
click it first before being able to use it. Just seeing this once
isn't a big deal, but when it comes down to doing a slew of
frustrating homework problems, and being forced to do an extra
click at least once for every single problem ... that just becomes
one extra irritant. And it's a problem on a lot of other webpages
too.
I obviously can't use the "fixes" provided in these topics,
because they're
coding fixes; I can't very well go in and alter commercial
webpages. Of course, I could go and demand the Tech Support guys
for
every webpage I visit to adjust their websites and make
accomodations for this problem. But that seems like a dumb choice,
especially if there's a solution of some sort. Maybe a downloadable
update, or an option in Internet Explorer's settings. Is there
anything out there for the
user to fix this problem? Or am I SOL? Perhaps I just need
to "suck it up."
Thanks in advance.

When writing HTML/CSS, how do I get ride of the unwanted border around rollovers?

This only happens when I view my website with the Firefox browser. It doesn't show in Safari etc...
I have a series of buttons using javascript rollover effect. Why is there an obnoxious border around them. How can I get rid of the border. Through CSS? HTML?
thank you

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

An unwanted white border appears around image after dragging it to the document. Why? How to get rid of border?

Thanks.
Bob

The primary image that I'm concerned with is a jpg file, 74kb, 642x402. Also used same image at 53kb, 400x249.
Here's some good info.
I tried using same image on an old Pages document I made last yr - No border. And - I used an image from the old flyer and put it on the current flyer and - got a Border.
A difference: the flyer I used last yr was a blank document - no template. The current flyer I'm working on is one I chose from the templates with the tear-offs at the bottom for name and phone number.
Is there something intrinsic with this template that creates a border around images?
How do I do a screensnap? If you still need.
Thanks again.
Bob

Whats the easiest way to put a thin line around an image?

Can anyone tell me the easiest way to put a thin line around
an image? I'm also interested in the use of thin lines as part of
the graphic design on a page, how are they generated?
Thanks

.oO(cdeatherage)
>In Dreamweaver, you can set a border for each image but
be aware that some
>versions of some browsers may not display it.
This shouldn't be an issue in any used browser today.
>If it is a consistent look you're
>after, I'd say the most permanent thing to do would be to
edit the image in
>Photoshop or Fireworks. In Photoshop, e.g, I'd create a
background fill with
>the color I wanted the border, then add the image,
centered, in a new layer on
>top of that. Merge the layers, then save optimized for
the web.
Way too complicated. If you want to change the color or style
of the
border, you have to modify the image. With CSS you can
directly change
the line style in a much easier and faster way.
Micha

How to make a round border around my picture?

I am trying to design a logo that would fit into the center of a Frisbie, yet I cannot figure out how to make a round border around the picture. I have tried using the eliptical tool, and have also tried using the cookie cutter. The only option I can get to work with the eliptical tool, is the feather, yet I can't change the pixel number for some reason, so it just makes a thin circle around the picture. I thought I could cut and paste it, but the copy and cut options were grayed out and didn't work. When I used the cookie cutter, it made a nice border, and I pasted the picture into it, but, there are four sections that need to be filled in with the background color and the paintbucket didn't work in those spaces (they are the gray and white checked areas. (the picture ends up looking like a rectangle inside of a circle). So I made a new blank file and filled it in with the color of the picture's background, hoping to use the cookie cutter tool around the picture that was now pasted into the new blank file (I chose another color for the round border) and I used the cookie cutter around the picture, but when it was finished, the whole picture ended up being white. All I want to do is to make a border around a picture (a round border). Nothing I have done has worked though. What am I doing wrong, or what are some other options for trying to do this? Thanks.

Here is a simple way to add a border. Select the item, add a blank layer, choose the border size and color and the Outside option:
Here is the result:
Note that you don't even need to do the Stroke on a blank layer. You can Stroke directly on the picture layer. However having the blank layer preserves the picture in case you want to start again with different Stroke options.
If this is not what you are looking to do, please clarify.

Can't get rid of white border around image

http://www.gunnar.ca/laminatepage2.htm
I created a rounded corner in photoshop for my table. I
created a cell in the bottom left corner of the table and placed
the gif. There is a thin whit border around the outer edge of the
gif, so it doesn't look genuinely rounded. Can anyone tell me how
to get rid of that so it looks like the table is actually rounded?
Thank you!

Because the table containing the GIF has a border. In your
styleA.css
stylesheet, the rule:
.border {
border: 1px solid #E5E5E5;
adds a border to the table. Delete the rule. Of course - that
may affect
other things that use the .border class. Or - delete the
class from the
table tag.
Several problems with the page:
styles.css cannot be found
sideNavStyles.css cannot be found
34 vaildation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
Alec
Adobe Community Expert

I can't get rid of this blue border around my artwork after it's published to the web

I can't get rid of this blue border around my artwork after it's published to the web

That did not work.
Here's where I put it. The blue bordeer still show up around the large rectangular image.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ray Bros., Inc.</title>
<style type="text/css">
@import url("PopupMenuC.css");
@import url("PopupMenuB.css");
@import url("PopupMenu1.css");
body {
          margin-left: 00px;
          margin-top: 00px;
          margin-right: 00px;
          margin-bottom: 00px;
          text-align: center;
a img {border:none}
.Arial {
          font-family: Arial, Helvetica, sans-serif;
.Arial {
          font-size: 10px;
.Arial {
          font-size: 12px;
.Arial .Arial {
          font-size: 14px;
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
</head>
<body>
<table width="1080" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td height="279" align="center" valign="top"><div id="FWTableContainer1818523225"> <img name="PopupMenuC" src="PopupMenuC.jpg" width="1082" height="279" id="PopupMenuC" usemap="#m_PopupMenuC" alt="" />
      <map name="m_PopupMenuC" id="m_PopupMenuC">
        <area shape="rect" coords="899,240,1064,265" href="index-new.html" alt="" />
        <area shape="rect" coords="679,240,844,265" href="index-new.html" alt="" />
        <area shape="rect" coords="460,240,625,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0525123758_0', 'MMMenu0525123758_0',485,265,'PopupMenuC');" />
        <area shape="rect" coords="241,240,406,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0524224504_0', 'MMMenu0524224504_0',262,265,'PopupMenuC');" />
        <area shape="rect" coords="22,240,187,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0524221503_1', 'MMMenu0524221503_1',46,265,'PopupMenuC');" />
      </map>
      <div id="MMMenuContainer0525123758_0">
        <div id="MMMenu0525123758_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0525123758_0_Item_0" class="MMMIFVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-NS100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_1" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-M100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_2" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_3" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> Color Charts </a> </div>
      </div>
      <div id="MMMenuContainer0524224504_0">
        <div id="MMMenu0524224504_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524224504_0_Item_0" class="MMMIFVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI-5V </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_1" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI Low Profile AGG </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_2" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> Color Charts </a> </div>
      </div>
      <div id="MMMenuContainer0524221503_1">
        <div id="MMMenu0524221503_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524221503_1_Item_0" class="MMMIFVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-MT240 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_1" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-200 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_2" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-175 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_3" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> R-Panel </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_4" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> Color Charts </a> </div>
      </div>
    </div></td>
</tr>
<tr>
    <td valign="top"><p><br />
    </p></td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td>...</td>
</tr>
<tr>
    <td> </td>
</tr>
</table>
</body>
</html>

How do I put an outline border around a table i.e. without internal borders being displayed?

Hi
I'd appreciate some help with putting a border around a table
as I'm sure
I'm not doing this the best way!
I selected my table then chose a thin (size 2) border and
desired colour.
The problem is this has put a border around every cell in the
table.
Trying to remove the internal borders has been very
frustrating!
Just be clear, when I say "remove the internal borders" I
don't want to
merge cells I just want to stop the borders displaying.
So...
Is there a quick way to simply put an outline border around
the table?
What is the best method for removing internal borders?
Having got so used to the ease of formatting tables in MS
Word this is a bit
of a hair puller!!
Thanks for your time.
Happy New Year!!
Ian

Don't use the property inspector to add the border - you will
need to use
css...
examples here:
http://www.dreamweaverresources.com/tutorials/tableborder.htm
Nadia
Adobe® Community Expert : Dreamweaver
Tutorials |SEO |Templates
http://www.DreamweaverResources.com
http://www.perrelink.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Ian R" <[email protected]> wrote in message
news:eniufa$iaq$[email protected]..
> Hi
>
> I'd appreciate some help with putting a border around a
table as I'm sure
> I'm not doing this the best way!
>
> I selected my table then chose a thin (size 2) border
and desired colour.
>
> The problem is this has put a border around every cell
in the table.
>
> Trying to remove the internal borders has been very
frustrating!
>
> Just be clear, when I say "remove the internal borders"
I don't want to
> merge cells I just want to stop the borders displaying.
>
> So...
>
> Is there a quick way to simply put an outline border
around the table?
>
> What is the best method for removing internal borders?
>
> Having got so used to the ease of formatting tables in
MS Word this is a
> bit of a hair puller!!
>
> Thanks for your time.
>
> Happy New Year!!
>
> Ian
>

Unwanted thin border around DIV

Similar Messages

Maybe you are looking for