One pixel around borderless image in table

Hey,
I have an image in a table. I set the background color of the
table to a greyish blue, because the table is taller than the image
and i want there to be color below the image in the table. BUT ONLY
in the table. The width of the table is the same as the image. For
some reason, there is one pixel of the background color of the
table around the jpg, and I cant get it to go away. I tried
cellpadding="0", but that didn't do anything. I also tried negative
numbers, but taht didnt do anything either. Am I SOL or can I put
this image in the table without having the background exceed the
image?
Simple:
<table width="600" border="0" align="center">
<tr>
<td width="216"
background="../../Images/tablebgcolor.jpg"><img
src="../../Images/Old Main.jpg" alt="" width="216"
height="332"/>
</td>
<td width="374"> </td>
</tr>
</table>
Note that I used the image of the background color instead of
setting the background color itself. In either case it's the same,
and I can't get a different result. Thanks for the help,
--G

What happens if you remove the tag around the
image?
 tags have a default padding, so unless you zero
that out or move the
image of of the you'll get some spacing around it.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"117236" <[email protected]> wrote in
message
news:gbkakt$8me$[email protected]..
> Hey,
> I have an image in a table. I set the background color
of the table to a
> greyish blue, because the table is taller than the image
and i want there
> to be
> color below the image in the table. BUT ONLY in the
table. The width of
> the
> table is the same as the image. For some reason, there
is one pixel of
> the
> background color of the table around the jpg, and I cant
get it to go
> away. I
> tried cellpadding="0", but that didn't do anything. I
also tried negative
> numbers, but taht didnt do anything either. Am I SOL or
can I put this
> image
> in the table without having the background exceed the
image?
>
> Simple:
>
> <table width="600" border="0" align="center">
> <tr>
> <td width="216"
background="../../Images/tablebgcolor.jpg"><img
> src="../../Images/Old Main.jpg" alt="" width="216"
height="332"/>
> </td>
> <td width="374"> </td>
> </tr>
> </table>
>
> Note that I used the image of the background color
instead of setting the
> background color itself. In either case it's the same,
and I can't get a
> different result. Thanks for the help,
> --G
>

Similar Messages

Selecting a one pixel high row of a table

I have created a table about 18 rows high and have one row 1 pixel high. It is colored black to separate sections.
I am unable to select it to erase it. I have zoomed in, also tried the table palette.
Any ideas?
SH

Select the row in code view? -- Murray <[email protected]> wrote in message news:[email protected].. >I have created a table about 18 rows high and have one row 1 pixel high. It >is colored black to separate sections. > > I am unable to select it to erase it. I have zoomed in, also tried the > table palette. > > Any ideas? > > SH

Auto copy one pixel row from image....

Can someone help me write a script that:
- from my selection (1 pixel row)
- auto copy selected area to next row into new layer (up or down)... and so on (into the same second layer)... until it reaches the end of the image
- the result is a photos with two layers; in the first is my image and in second is multicolored pattern

I don’t see a problem; naturally the Selection should be a vertical column.
One should include a check for this condition, I guess.
// 2012, use it at your own risk;
#target photoshop
if (app.documents.length > 0) {
var originalRulerUnits = app.preferences.rulerUnits;
app.preferences.rulerUnits = Units.PIXELS;
myDocument = app.activeDocument;
// new layer;
var id14 = charIDToTypeID( "CpTL" );
executeAction( id14, undefined, DialogModes.NO );
var theLayer = myDocument.activeLayer;
var theHeight = theLayer.bounds[3]-theLayer.bounds[1];
var theCheck = false;
var theCounter = 1;
// duplicate, move and merge the layer;
while (theCheck == false) {
if (theLayer.bounds[0] > 0) {
var theCopy = theLayer.duplicate();
theCopy.translate(theLayer.bounds[0] - theLayer.bounds[2], 0);
theCounter++;
var theLayer = theCopy.merge();
//$.writeln(theCounter);
else {theCheck = true};
// reset;
app.preferences.rulerUnits = originalRulerUnits;

Photoshop adds one pixel to images imported from illustrator. Help!

Whenever I import an image from Illustrator (CC) into Photoshop (CC), it seems that Photoshop is adding ONE PIXEL to the image. For example, if the image is designed at 250x300px in Illustrator, when I bring it into Photoshop, it becomes 250x301px. Since I'm designing for specific web ad dimensions, this is obviously a problem.
Why is this happening, what might I be doing wrong, and how can I correct this? I appreciate any suggestions/feedback! Thank you!

Whenever I import an image from Illustrator (CC) into Photoshop (CC), it seems that Photoshop is adding ONE PIXEL to the image. For example, if the image is designed at 250x300px in Illustrator, when I bring it into Photoshop, it becomes 250x301px. Since I'm designing for specific web ad dimensions, this is obviously a problem.
Why is this happening, what might I be doing wrong, and how can I correct this? I appreciate any suggestions/feedback! Thank you!

4x4 window around one pixel? how?

5. The processing procedure works as follows. For each pixel of an image, the procedure considers an (n x n) window centered on that pixel, computes the mean/median of gray-level values in the window, and the mean/median becomes the new gray-level value of the new image. The median is defined as the middle value in a sorted sequence. For example, consider the following (3 x 3) window of pixels: 11 90 74 71 14 92 20 87 68. The sorted sequence of these pixels is <11, 14, 20, 68, 71, 74, 87, 90, 92>, and the middle of the sequence is 71, which is the median of the window. The median of the sequence <1,4,7,9> is (4+7)/2=5. The result of replacing all pixels with average values is a smoothed image. Using median values producing the oil painting effect. On the negative side, the new image is blurrier than the original. Corners and edges of the image need to be handled differently. For this project, for the boundary cases, the sliding window will be resized and include only the image pixels within the window.
how would i makea 4x4 window around one pixel?

Maybe you should go away and learn Java and then come back when you can understand the answer.

Trying to wrap text around image causes table to break out of wrapper?

Hi,
I'm not sure if this is a CSS/HTML problem or just something
with Dreamweaver CS3?
Here is what I have My pages have a wrapper with the
following attributes
#wrapper {
width: 800px;
margin-right: auto;
margin-left: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #F8F8F8;
On one of my pages, I display a list of file with thumbnails
and a brief description.
I chose to use a table and have each item in it's own row.
I have a class that I assign the image that gives it a little
padding around the image.
I think place my text directly to the right of the thumbnail
image.
So it would look like this
File Name
Pic.............description of this file
I would create a new row in the table for each one. I liked
using a table, because when there was an update, and I needed to
remove an item, I could just delete the row. Or if a new one,
needed to be placed somewhere in the middle, I could just add a
row.
This worked great in DW MX, MX2004, and 8, but what I'm
finding with CS3 is, once I apply the class to the image, that
gives it the padding. As soon as I create a new row, the table
jumps out past the wrapper div within Dreamweaver
My image class has these attributes
.thumbnailspacer {
float: left;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
margin-left: 5px;
background-color: #C5DFFC;
and here is a sample of what one of my rows look like.
<tr>
<td><a href="#">test<img src="" alt=""
name="" width="82" height="58" class="thumbnailspacer"
/></a>
 
 
Description of Item goes here</td>
</tr>
It views OK in IE 6 and IE 7, not sure about others since we
don't use them here.
What can I do to make it work like it did before?

Why are you using the float?
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
==================
"cdoyle" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
> I'm not sure if this is a CSS/HTML problem or just
something with
> Dreamweaver
> CS3?
>
> Here is what I have My pages have a wrapper with the
following
> attributes
> #wrapper {
> width: 800px;
> margin-right: auto;
> margin-left: auto;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 12px;
> background-color: #F8F8F8;
> }
>
> On one of my pages, I display a list of file with
thumbnails and a brief
> description.
> I chose to use a table and have each item in it's own
row.
>
> I have a class that I assign the image that gives it a
little padding
> around
> the image.
>
> I think place my text directly to the right of the
thumbnail image.
>
> So it would look like this
>
> File Name
> Pic.............description of this file
>
> I would create a new row in the table for each one. I
liked using a
> table,
> because when there was an update, and I needed to remove
an item, I could
> just
> delete the row. Or if a new one, needed to be placed
somewhere in the
> middle,
> I could just add a row.
>
> This worked great in DW MX, MX2004, and 8, but what I'm
finding with CS3
> is,
> once I apply the class to the image, that gives it the
padding. As soon
> as I
> create a new row, the table jumps out past the wrapper
div within
> Dreamweaver
>
> My image class has these attributes
> .thumbnailspacer {
> float: left;
> padding-top: 2px;
> padding-right: 2px;
> padding-bottom: 2px;
> padding-left: 2px;
> margin-left: 5px;
> background-color: #C5DFFC;
>
> }
>
> and here is a sample of what one of my rows look like.
>
> <tr>
> <td><a href="#">test<img src="" alt=""
name="" width="82"
> height="58"
> class="thumbnailspacer" /></a>
> 
> 
> Description of Item goes here</td>
> </tr>
>
>
> It views OK in IE 6 and IE 7, not sure about others
since we don't use
> them
> here.
>
> What can I do to make it work like it did before?
>
>
>

I just bought a C4680 all-in-one new in box. It puts an irregular border around "borderless" prints

I just bought a C4680 all-in-one new in box. It puts an irregular border around "borderless" prints (at least in 8.5 x ll size) --border is about 1 inch on right, 3/4 at top, 3/8 at bottom and 3/16 at left. How do I eliminate this?
Using win XP.

In iTunes on your computer, select the Purchased section under STORE in the left column. Click on the first track and choose "Get Info" from the "File" menu.
In the "Summary" tab you'll see details of the purchaser of the track. Click Next to go through all your purchased music one by one until you find the ones you need to get rid of.
Unfortunately, there are no smart playlist rules that can filter tracks by the purchaser that I know of.

How do I get rid of white space on one side of image in table cell?

I'm making a disjointed rollover and when ever I add images it creates too much white space to the right of the cell. How can I make the picture fit, so space is not wasted? See image sample with red arrows where I want to remove space. I've removed the width size from my table, hoping it would "spring to shape" around the images, but no go.

HTML:
Cellpadding="0"
Cellspacing="0"
CSS:
table {border-collapse: collapse}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do I remove random pixels around a product image on a white background? They only show up after I save an image.

I am taking photos for my website selling jewelry, and I use the magic wand tool and the paint bucket to remove the background. But when I save it, there will be shaded pixels around my product in the white background area that are only shown after my image is saved. Does it have to do with saving it as JPEG? Do I need to save it as something else?

No I don't use layers. I'm very new to using photoshop. It happens in other editors like microsoft paint. even if I use the eraser tool to remove the pixels in the white background around the the product, they show up after I save it as JPEG. I would just like to know what causes it and how to change it.

Borderless image, scriptable

I'm pessimistic about this at my skill/knowledge level, and (unless Applescript is able to do some things I'm not expecting) it has to do with Applescript in only a peripheral way. But I'll ask anyway.
Briefly, I'm looking for a way of opening an image file in such way that the screen image has absolutely no border -- not a border that's part of the image and not a window border. No border.
Actually, I've found FFView.app (freeware downloadable via macupdate.com) which does this very nicely (see for yourself), but is barely scriptable -- it produces a rectangular image display that indeed has no border. But the display isn't a window, or at least it doesn't act like one in my estimation.
My Applescript requirements for controlling this image might seem relatively modest (open image file, close image, and, the most difficult, "get/set bounds.")
How FFView accomplishes the borderless image is beyond me. Ideally, I need to find a scriptable image browser that can display an image file in a window that's been stripped of its border but still can be ordered around by Applescript. Despite a lot of looking, I haven't found any such thing. In fact, most "conventional" image browsers don't seem to be scriptable at all.
Am I missing something? Suggestions? Ideas?
Message was edited by: Noaks

The application won't allow you to add from it's dialog, but you can open an image from the Finder or use an AppleScript to add to the playlist. The following script will add a number of items to the playlist, where you can select one to view (I enabled the playlist drawer to let you choose). SInce this is a movie player, set the repeat preferences to "Repeat Single Movie" so it will stay on the selected playlist item.
<pre style="
font-family: Monaco, 'Courier New', Courier, monospace;
font-size: 10px;
margin: 0px;
padding: 5px;
border: 1px solid #000000;
width: 720px;
color: #000000;
background-color: #FFEE80;
overflow: auto;"
title="this text can be pasted into the Script Editor">
tell application "NicePlayer"
activate
try -- get the playlist
set ThePlayList to (playlist of window 1)
on error -- no window
set ThePlayList to (make new playlist)
end try
tell window 1 -- change some properties
set bounds to {100, 100, 740, 580}
set playlist is showing to true
set fixed aspect ratio to true
end tell
set TheMaximum to 3 -- a number of items to add
repeat with TheItem from 1 to TheMaximum -- add to the playlist
add (choose file with prompt "Select file (" & TheItem & " of " & TheMaximum & "):" without invisibles) to ThePlayList
end repeat
end tell
</pre>

One Pixel Borders Print Fine But Only Display At Magnification

I've looked around at some other posts on image borders and haven't seen any posts about image borders that print fine but do not predictably display in the PDF. For example, I add one-pixel borders to PNG images I create in SnagIt. I then use FrameMaker (8 and 11) to generate PDFs. When I view the PDFs in Acrobat Standard or Adobe Reader, the various sides of the rectangular border appear differently (some missing, some fat, some thin) until I magnify way over 100 %.
My document reviewers are routinely telling me I've neglected to add the 1 px border to every side if the images, but they are there--just only visible when the document is printed or when it's enlarged on the screen.
Are there any tricks for getting Adobe Acrobat/Reader to display these 1 px borders consistenly on screen? I should mention that this is also the case if I generate PDFs from MadCap Flare.

Vincenzo
By all means, blog. But I'm wondering if something along the lines of a petition / open letter format might be more effective in affecting the corporate decision-making process. Those of us affected should discuss and, if possible, get help on who and how to get this addressed. That's why I've asked for advice on who the relevant person is who I should contact. If you've ever worked in a bureaucracy you know that sometimes talking to the right person can save a lot of time and trouble.
BTW, if the Apple moderators are following this thread, I'd be pleased to know what your thoughts are on this issue. This problem seems fairly common, but only among users of the 1.67 iteration of the 17" PB (as far as I know). We are users who invested a lot of money in the best (& most expensive) mobile hardware that Apple had to offer at the time of purchase. We're probably faithful customers who, in time, will spend a lot more money on Apple hardware in the future. Why squander goodwill over a matter like this?
It just seems to make sense that Apple would institute a limited recall to fix this known and obvious fault. It's a good idea for us and for them.
Peace
G
PowerBook G4, 17, 1.67 Mac OS X (10.4.7) 1 GB RAM, 60 GB IPod Photo
PowerBook G4, 17, 1.67 Mac OS X (10.4.7) 1 GB RAM, 60 GB IPod Photo

How can I increase the number of pixels in an image?

How can I increase the number of pixels in an image?

You can't.
The number of pixels in an image is decided by the camera that shoots the image
With an app like Photoshop you can interpolate - this will make a guess as to what a particular pixel may look like based on the ones around it. Results can vary wildly and Photoshop is expensive.
Regards
TD

Images in table

I am very new to designing websites. I have created a home
page using tables to seperate the elements. Basically I have
created three columns. In the first column is the navigation bar.
The second column has a graphic and the third column has a nested
table of two rows. When I completed the navigation bar the whole
layout lengthened and my graphic in the center column centered
itself vertically leaving space on the top and bottom. I would like
to move the graphic and align it to the top--not center it in the
column. Do you know how I can control the placement of this image?
Also the same thing is happening in the third column with the two
rows of text. They are vertically centered in the space, but I
would like them to be aligned to the top.
Thank you.

[email protected] wrote:
> It is not obvious to me where you would add the valign.
Certainly, there is no
> place in the property inspector (I have made every
setting top alignment where
> I could). This is the line that is the coding for the
vertical column from the
> table. As you can see, there already is an align="top"
coding in the table
> dimension, yet it is not aligning properly.
>
> <td width="260" bgcolor="#FFFF99"><img
src="wisdom.jpg"
> alt="wisdomofjudaismcover" width="260" height="405"
align="top" />
> </td>
>
so your image in placed in a p tag.
You should know p tags have a default top and bottom padding.
So you should not place your image in a p tag if you want no
additional space around the image.
Then, it;s not the image tag that needs to be aligned, left,
but whhatever content for the cell.
So your code should be:
<td width="260" bgcolor="#FFFF99" valign="top"><img
src="wisdom.jpg" alt="wisdomofjudaismcover"
width="260" height="405" align="top" />
</td>
valign="top" can only be applied to table cells, not images.
> Where would you put the valign tag? I thought that one
did not need a
> previous knowledge of html in order to use Dreamweaver
successfully.
Whatever app you are using, it is (unfortunatley) still
necessary to know the basics of html and css
to build successful web pages. html and css are not
democratized as other design fields can be. They
still are somewhat *programing* practices, and as such still
require some understanding of the
underlying *code*.
seb ( [email protected])
http://webtrans1.com | high-end web
design
An Ingenious WebSite Builder:
http://sitelander.com

White ring around PSD images

hi,
i'm noticing a one pixel white ring around photoshop images I bring into FCP.
Anyone else have this problem? What am I doing wrong.
Thanks,
Chase Roberts

Yes, I'm new here AND new to anything MAC and FCP. On top of all else, this is my first series of HD projects with a nasty deadline. I do need this forum and want be helpful too. I'll describe the workflows!< </div>
Unsolicited advice: Accepting a job on a deadline that depends upon applications about which you know little is bad, really bad. You need more time and experience, neither of which we can provide.
I haven't been following the whole thread so you may have already eliminated this. Here's my suggestion: Change the canvas to black on one simple element, create a new alpha, flatten it, import it.
Most Photoshop people have no clue about video. They create on a white background because they print inks on white paper. Video is black; how would they know that unless they're video people? Saving the alpha when using a white canvas ***** in billions of white pixels from the edges of everything. If you antialias, you actually pick up more white and grey pixels.
bogiesan

How to clone one part of an image into another

Is it possible in Aperture to clone one part of an image into another or as in windows fuse the photos together?
Thanks

This points directly to the difference between a digital image conversion and development program, and a graphics program.
Development programs' tools adjust the color and luminance information in each pixel. They do not (mostly) add any information to the pixels or to the image.
Graphics programs are built around adding information to images (or blank canvases). Rectangles, circles, text, other images -- these are all graphics elements which are combined to make a new image.
Aperture is the former (and also a superb digital asset manager).
The generalized workflow is this:
Capture information using a digital camera
Optimize that information (make the picture as good as possible) using an image development program
Combine pictures and graphics elements to make new graphics using a graphics program
There are many excellent graphics programs. Photoshop is the best known and most used.

One pixel around borderless image in table

Similar Messages

Maybe you are looking for