Background Tile Border Removal

Hi - I have a strange situation when large graphics tile seamlessly and smaller tiles have a grey/white border 1px wide. The latter defeats the object of the seamless design and the first solution takes an age to download.
Has anyone else suffered with this, or even better found a solution/workaround?
Thanks in advance.
Mark

What's the URL of your site so we can examine it first hand? How small are the small tile graphics?
Do you see it in iWeb or only after you publish the site?
I ran a test and used a background image in the following square sizes: 100, 50, 25, 10 and 1 pixels. Did not see any border.
Reply to this post and add the photo to your reply with the camera icon in the toolbar. Then we can download and examine the file in image editors.
OT

Similar Messages

Background tile turns grainy after saving

I'm trying to make a background tile with a texture in it.
I'm probably missing a step somewhere but here is what I'm doing:
Open up a new documement 200 pixels square
Select the square with vector selection tool (this may be the
wrong step but I can't figure out how else to turn this into a
vector image so I can use the textures in the properties panel
--otherwise that panel is not available)
make sure it's 200x200
fill with desired color with paint bucket. (I used #cc9966
go to properties panel and choose "smoky" for a texture (i
want a sandy gravel tile)
Lighten it up by clicking on Filters/adjust color/hue
saturation (I set Hue at +9)
This looks just like what I want,
However after saving the image as a .gif it turns very
grainy.
Can someone tell me what I'm doing wrong?
.

Lorva wrote:
> thanks for that tip.
>
> How about the way I'm making this tile? It seems to me
I'm not going
> about this right. Even starting with the vector shape
tool it leaves
> a dark border around the tile.
Here are a couple of tutorials that might be useful.
http://www.projectseven.com/tutorials/images/pixel_tiles/index.htm
http://www.projectseven.com/tutorials/images/gradient_tiles/index.htm
http://www.projectseven.com/tutorials/images/gradient_tiles2/index.htm
http://www.projectseven.com/tutorials/images/grunge_backgrounds/index.htm
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Browser background tile - borders

I would like to use an image for the browser background and have it tile seamlessly. Is there a way to remove the gray border that automatically shows up at the edge of every tile?
Also, is there anyway to add a border for the edge of the page background and browser background?

Hello,
Instead of using "thin", try using 2px for the border
thickness.
That way, it isn't open to different browser's interpretation
of what "thin"
means.
For example, change Left Column to this:
#leftColumn {
float: left;
width: 200px;
height: 450px;
padding-right: 10px;
padding-left: 10px;
background-color: #FFFFFF;
border: 2px solid #CCCCCC;
Repeat the border attribute for the middle and right columns,
as well.
Take care,
Tim
"MKALX" <[email protected]> wrote in message
news:fo6jnf$qdv$[email protected]..
>I would like some advise on cross browser compatibility
with borders.
> www.trustwater.com looks fine in IE7 but not in Safari
or Firefox. It
> appears
> that Safari and Firefox ignore the border thickness and
over the three
> columns
> this adds up incrementally and makes the final column
looks offset. Any
> help,
> much appreciated for this newby! Thanks
>

Adding background and border with dropshadow to website

Hi all,
I have been working on my first website ever and I am sure I made several mistakes.
I want to improve the look now and would like to add a gradient background (dark blue to light blue). To set the content apart from this I would like to add a white border around it with a dropshadow. I can see how to add the background, but I cannot figure out the border and dropshadow. Can anyone help? Below is the code.
Thank you so much in advance—I am struggeling....
<!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>PetsWest Pet Supplies and Dog Training - Home</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="CSS/PW.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #CCC;
body,td,th {
          color: #FFF;
          font-size: 14px;
</style>
</head>
<body>
<div id="content"> <img src="images/Indexheader.png" width="860" height="200" alt="Indexheader" />
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="Index.html" title="Home">Home</a>    </li>
    <li><a href="UnderConstruction.html" class="MenuBarItemSubmenu">Retail Store</a>
      <ul>
        <li><a href="UnderConstruction.html">Food</a></li>
        <li><a href="UnderConstruction.html">Supplements</a></li>
        <li><a href="UnderConstruction.html">Health Care</a></li>
        <li><a href="UnderConstruction.html">Toys</a></li>
        <li><a href="UnderConstruction.html">Supplies</a></li>
        <li><a href="UnderConstruction.html">Accessories</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="UnderConstruction.html">Training</a>
      <ul>
        <li><a href="UnderConstruction.html">Facility</a>        </li>
        <li><a href="UnderConstruction.html">Classes</a></li>
        <li><a href="UnderConstruction.html">Instructors</a></li>
      </ul>
    </li>
    <li><a href="LJBates.html" class="MenuBarItemSubmenu">Rehab Center</a>
      <ul>
        <li><a href="UnderConstruction.html">Therapy</a></li>
        <li><a href="UnderConstruction.html">Conditioning</a></li>
        <li><a href="LJBatson.html">L.J. Batson</a></li>
      </ul>
    </li>
    <li><a href="DogWash.html">Dog Wash</a></li>
    <li><a href="http://www.my.calendars.net/petswestcal" target="_blank">Events</a>    </li>
    <li><a href="ContactUs.html">Contact Us</a></li>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="398" align="left" id="FlashID" title="Indeximages">
      <param name="movie" value="Assets/PWIndeximages.swf" />
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object data="Assets/PWIndeximages.swf" type="application/x-shockwave-flash" width="860" height="398" align="left">
        
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object>
</ul>
   <ul class="store">STORE HOURS: Monday – Thursday 9:00AM – 9:00PM Friday & Saturday 9:00AM – 7:00PM Sunday - Closed</ul>
<p class="PW.css"><img src="images/announcement215x315px.png" alt="Announcementbox" width="215" height="315" align="left" /></p>
<p class="introcopy"><span class="introheader"><span id="introhead">PetsWest takes a proactive approach</span><br />
</span><span class="introcopy"><span class="introcopy">to canine wellness that provides the <font color="#000"><b>nutritional</b></font>, <font color="#000"><b>exercise</b></font> and <font color="#000"><b><br />
treatments</b></font> that best accommodate each dog’s specific needs.<br />
Whether you have an older dog suffering from<br />
    geriatric ailments, an injured dog that needs short or long term<br />
    therapeutic treatments, or a <font color="#000"><b>performance dog</b></font> whose success<br />
    requires staying fit and trim, the Center offers the right<br />
    combination of professional advice, hands-on <br />
    therapies and nutritional guidance to help you and <br />
your pet reach your goals.</span></span> </p>
<p class="copyrightcopy">Copyright 2011 PetsWest Pet Supplies and Dog Training :: 102 Bearcat Road Aledo, TX :: Tel. 817 441 6881 <br />
ALL RIGHTS RESERVED. ALL TRADEMARKS ACKNOWLEDGED.</span></span></p>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID");
</script>
</body>
</html>

#1 Remove this embedded CSS code from your HTML document(s). You don't need it.
body {
    background-color: #CCC;
body,td,th {
    color: #FFF;
    font-size: 14px;
#2 Open PW.css file and add this to the top:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #CADFEB;
/**or insert a background-image using the CSS editor**/
#3 Remove font-family and font-size from all your other CSS selectors. You don't need to duplicate styles on every element.
#4 Replace this:
#content {
    position:absolute;
    left:199px;
    top:10px;
    width:860px;
    z-index:1;
    right: auto;
    background-color: #FFF;
    text-align: center;
    color: #000;
    height: auto;
with this:
#content {
     width:860px;
     margin: 20px auto;
     border: 4px solid silver;
     background-color: #FFF;
     text-align: center;
     color: #000;
     -moz-box-shadow: 5px 5px 5px #888;
     -webkit-box-shadow: 5px 5px 5px #888;
     box-shadow: 5px 5px 5px #888;
#5 Save your PW.css file and upload to server.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Cell border removal in JTable

I've created a JTable with a DefaultCellRenderer. I need a way of removing the border that appears around each cell(deafult yellow colour) and instead replace it with no border or a border that goes around the entire row. Any ideas?

add this to your code, just after you create the table:UIManager.put("Table.focusCellHighlightBorder", BorderFactory.createEmptyBorder());

Saving a picture without the white background i just removed

Hi there, can you please help me with saving a picture without the white background?
i have removed the white background, that was a struggle in itself, and now when i save it, it just adds a white back ground again. i dont want the background.
i just the want the logo that i have taken from the white. can you please tell me how this is done. thank you

You're welcome. We've all been there done that.

Svg background tile not displaying when site is published

Hi,
I have a few pages with an SVG tile graphic in the background (that makes a stripe pattern). Inside the Muse Application these all preview fine when viewed with the browser page preview inside Muse. However, once I publish the site as HTML and upload it to the web, the tied SVG graphic has disappeared.
But other SVG graphic such as Logos and icons all display fine. So I'm a bit confused.
Any suggestions?
FYI This issue seems to be the same in Safari, Chrome and Firefox.
Cheers,
Robbie.

Hi Robbie,
Does that SVG background appear OK, after you view the locally exported HTML version of the site before uploading it to server.
Also, could you publish this site on a trial new business catalyst site by hitting Publish button, and check if that looks fine, just to separate this issue from the server side or Muse side.
Thanks.

Page Background and Border Question

Hi All
I am attempting to build my site using some of the techniques employed in the following site- http://www.rshomes.com/index.php.
One of the features I would like to use is the following:
The top and bottom stone border are pieced together and it looks as though some is part of the background and some is not. They seem to merge pretty well into one another.
I created a textured page background in Photoshop 500px x 500px and inserted it as the page background in Dreamweaver cs3. If I add the top border in this image it displays the top border again half way down the page. Repeat x cuts off the rest of my background.
Can anyone explain the proper way of getting this done?
Thanks!
Gc

In IE (and Firefox, and probably every browser) you can right click on the web page and select View Source to see the page code. Once you can see the code, you can identify the files that are involves, and can usually enter those file names in the browser url field using the url to view them. For instance, if the web site has a url of:
http://www.someurl.com
and you see in the source code that the css style file is pulled in using:
<link href="CSS/stylesheet.css" rel="stylesheet" type="text/css">
Then you can normally view/acquire that css file by typing...
http://www.someurl.com/CSS/stylesheet.css
into the browser url field.
This applies for just about any file you find references in html code.

Adding colored background and border to the report

Hello again,
May I know how can I add background colour and border to a particular row or column of the output of a report? Thanks a lot!
Regards,
Anyi

Are you saying that this does not work?
report zrich_0001.
format color 1.
write:/ '12345', '12346', '12347', at 132 ' '.
format color off.
In my system, it is a solid background color from posistion 1 to 132. The entire line is blue.
Regards,
Rich Heilman

Pages 5 - "TEXT" in background - Can't remove?

I bought a Pages template collection from the app store (Nick Maskill - Document Pro for Pages). I am using one brochure template (architecture).
There are several "blocks" in the brochure, each either blue or white. A headline and paragraph text appears in each.
Behind two of the blocks of text, there is text that simply says: Text ....Looks like Times Roman -- which is NOT what the template is using.
I've moved the headline and paragraph text block out of the way, but I still can't click on this background TEXT to get rid of it.
I've tried moving a shape on top of it to cover it up, but when I drag a square to cover it -- the TEXT just slides out of the way.
I try to right-click on it, but there are only 3 options, to copy, paste or delete. None have any effect.
Any ideas how I can get rid of this TEXT???
I'm using the LATEST version of Pages (2013) and this template says it is compatible.

Brad,
Your Shape has Wrap set to Automatic, I would imagine. That would explain text running away from it.
A better approach would be to eliminate the unused Text Box. Since you have trouble selecting it, I'd guess that it is set to be a Section Master. If so, there are two ways to select it. 1. Go to Arrange > Section Masters and Make Master Objects Selectable. Then click on the word Text. 2. position your pointing device cursor in one of the upper corners of the document window, just inside what would be the corner of the page. Then hold down the Command Key as you drag across the page until the text box is encountered.
When selected, the sizing handles of a Section Master object are yellow-filled circles. Once Selected, hit Delete.
Jerry

About a week before Thanksgiving, all my tiles were removed and replaced with tiles such as Bestbuy, Aliexpress, Macys ect. I can no longer edit these options.

I can no longer edit my tiles, and if I delete them, after closing out of firefox and re-opening. These tiles re-appear, in addition, Now when I snap to pages on my screen another tab opens. When It has never done so. I have tried every setting and un-installed and re-installed Firefox, to no avail.

Hello,
Can you check if this apply :
[http://malwaretips.com/blogs/superfish-window-shopper-adware/ http://malwaretips.com/blogs/superfish-window-shopper-adware/]
It looks like window shopper ...

I have a photo that i originally had in my iphoto library and because i used it as my desktop background i cant remove it from my desktop and screensaver settings does anyone know how i could remove it??

i have a photo that i cant get rid of in my desktop and screensaver settings and i cant find it in my iphoto library

in iPhoto, go to the View Menu/Hidden Photos and see if your photo was Hidden.

How to add or remove tiles at run time

We are in the need to create following functionality through mosiac:
     1) Add tiles in layout at run time by user.
     2) Remove tiles in layout at run time by user.
     3) Option for minimize-maximize any tile in layout at runtime.
     4) Whenever any tile is minimised or removed from the layout, its operation should not run while loading the tile.
     5) User may create a layout according to his wish using available tiles and this layout should persist for the user's session.
Is it possible to create all above by using mosaic. If not, please tell me which options can not be created.
I have gone through the sample code found on adobe site but those are too simple to explain my needs. If there are some other sample code(which can explain my requirement), please send me the links.

1 + 2 is possible with Mosaic today. The ClientDashboard example (part of Mosaic standard samples) shows how a user can add tiles via a menu and remove tiles using the "x" close button in the tile chrome. Adding and removing tiles can be done through the Mosaic client API.
3) Minimizing and maximizing tiles is not yet supported (but something high on our product backlog).
4) When a tile is removed by the user it does not run anymore in the background
5) If you define a dynamic layout (see the Client Dashboard example) the user can re-arrange tiles within the constraint of that defined layout and those changes can be persisted within the session as well as between sessions (user can save view). Users can not change the fundamental layout definitions defined for a panel (that needs to be done in the XML definition of the panel).
Cheers,
Matthias

Adobe LifeCycle Designer 8 - Fillable Forms - remove mouseover border

Hi there,
I am using Adobe 8 LifeCycle Designer to create textboxes on a existing pdf so that the users can type & print (in Reader) instead of printing & writing.
I created textfields on all the places I wanted and saved it. When I open the pdf in a acrobat reader, I can see a blue background on the textfield area which is ok with me. But when I move my mouse to click & type I see a black border which I dont want. I do not see the blue background & the border when I do a preview in the Lifecycle designer.
Thanks for your answer.
Raaj

Hi Raaj,
That is standard behaviour. In Reader the Highlight feature is turned on, which gives the light blue fill and the border highlight.
You can control some aspects of the highlight function using script, see here: http://assure.ly/***6tn.
For example, the following JavaSript in the docReady event of the root node would turn off the highlighting:
app.runtimeHighlight = false;
Good luck,
Niall

Batch script in Photoshop to remove background. Path has different name.

Hi,
I would like to make a script that selects a saved path in a image, invert the selection to select the background and then remove that area or color it white.
That's not a problem as long as all the path's in the images are named the same. My problem is that the pathes in the images are named different. I want photoshop to just select the first or the only path in the list and don't go by name.
Does anyone have a solution to this?
Thanks

Paste the following text into a new file in ExtendScript Toolkit (part of Photoshop’s installation, Applications/Utilities/Adobe Utilities/ExtendScript Toolkit … and save it as a jsx-file into Photoshop’s Presets/Scripts-folder.
After restarting Photoshop the Script should be available under File > Scripts and can be assigned a Keyboard Shortcut directly, recorded into an Action, be used in a Configurator-Panel or started from ExtendScript Toolkit directly.
// 2013, use it at your own risk;
#target photoshop
if (app.documents.length > 0) {
if (app.activeDocument.pathItems.length > 0) {
var thePath = app.activeDocument.pathItems[0];
app.activeDocument.selection.selectAll();
thePath.makeSelection(0, true, SelectionType.DIMINISH);

Background Tile Border Removal

Similar Messages

Maybe you are looking for