Slicing an image

For a project I am working on, I would be like to be able to slice a photograph up into a number of smaller segments. I can explain what I want to do best in terms of what this would look like if I were working with a physcial print.  Let's say the print is 8 X 10 inches.  I'd like to take that print and cut it up into 16 half inch strips along the 8 inch side, and then cut those horizontally into 20 half inch little squares.  It would sort of resemble a jigsaw puzzle but of course all the side would be straight.  Is there a convenient way to do this in photoshop? I'd want to be able to remove these and rearrange them in PS or perhaps paste each segment into inDesign or Quark.
Thanks.

You can do this with a script ...
#target photoshop
function main(){
var dlg=
"dialog{text:'Script Interface',bounds:[100,100,380,290],"+
"panel0:Panel{bounds:[10,10,270,180] , text:'' ,properties:{borderStyle:'etched',su1PanelCoordinates:true},"+
"title:StaticText{bounds:[60,10,220,40] , text:'Tile Picture' ,properties:{scrolling:undefined,multiline:undefined}},"+
"panel1:Panel{bounds:[10,40,250,130] , text:'' ,properties:{borderStyle:'etched',su1PanelCoordinates:true},"+
"statictext1:StaticText{bounds:[10,10,111,30] , text:'Accross' ,properties:{scrolling:undefined,multiline:undefined}},"+
"statictext2:StaticText{bounds:[140,10,230,27] , text:'Down' ,properties:{scrolling:undefined,multiline:undefined}},"+
"across:DropDownList{bounds:[10,30,100,50]},"+
"down:DropDownList{bounds:[140,30,230,50]}},"+
"button0:Button{bounds:[10,140,110,160] , text:'Ok' },"+
"button1:Button{bounds:[150,140,250,160] , text:'Cancel' }}};"
var win = new Window(dlg,'Tile Picture');
if(version.substr(0,version.indexOf('.'))>9){
win.panel0.title.graphics.font = ScriptUI.newFont("Arial","BOLD",20);
g = win.graphics;
var myBrush = g.newBrush(g.BrushType.SOLID_COLOR, [1.00, 1.00, 1.00, 1]);
g.backgroundColor = myBrush;
var myPen =g.newPen (g.PenType.SOLID_COLOR, [1.00, 0.00, 0.00, 1],lineWidth=1);
win.center();
  for(var i=1;i<41;i++){
   win.panel0.panel1.across.add ('item', i);    
   win.panel0.panel1.down.add ('item', i);    
win.panel0.panel1.across.selection=0;
win.panel0.panel1.down.selection=0;
var done = false;
    while (!done) {
      var x = win.show();
      if (x == 0 || x == 2) {
        win.canceled = true;
        done = true;
      } else if (x == 1) {
        done = true;
if(!documents.length)return;
var startRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
doc = app.activeDocument;
app.displayDialogs = DialogModes.NO;
var tilesAcross = parseInt(win.panel0.panel1.across.selection.index)+1;
var tilesDown =parseInt(win.panel0.panel1.down.selection.index)+1;
var tileWidth = parseInt(doc.width/tilesAcross);
var tileHeight = parseInt(doc.height/tilesDown);
ProcessFiles(tilesDown,tilesAcross,tileWidth,tileHeight);
app.preferences.rulerUnits = startRulerUnits;     
main();
function ProcessFiles(Down,Across,offsetX,offsetY){
activeDocument.flatten();
TLX = 0; TLY = 0; TRX = offsetX; TRY = 0;
BRX = offsetX; BRY = offsetY; BLX = 0; BLY = offsetY;
for(var a = 0; a < Down; a++){
  for(var i = 0;i <Across; i++){
                    doc.activeLayer = doc.artLayers.getByName("Background");
    doc.selection.select([[TLX,TLY],[TRX,TRY],[BRX,BRY],[BLX,BLY]], SelectionType.REPLACE, 0, false);
                    executeAction(charIDToTypeID( "CpTL" ), undefined, DialogModes.NO );
    doc.selection.deselect();
    doc.activeLayer = doc.artLayers.getByName("Background");
TLX = offsetX * (i+1) ; TRX  = TLX + offsetX; BRX = TRX; BLX = TLX; 
TLX = 0; TLY = offsetY * (a +1); TRX = offsetX; TRY = offsetY * (a +1);
BRX = offsetX; BRY = TRY + offsetY; BLX = 0; BLY = (offsetY * (a +1)+offsetY);

Similar Messages

  • Tiling or slicing large images in tables? Completely outdated?

    I'm working through the XHTML tutorials on Lynda.com
    The instructor does a demo of slicing a large image with sections that have animated .gifs. He slices the static portions and slices the animated portions and then combines them in a 3 slice x 3 slice table.
    He says "I still prefer to do this with tables, since it's what it was designed for."
    I know tables are outdated, but I'm not sure if it's in all respects. Like if I was going to do a data table, I certainly would use tables...
    Im not sure when this video was made, but is it still in practice and a good practice?
    He then shows a similar demo of how to combine slices using CSS. Is this outdated too? Are people still slicing large images?

    Unlike print design where everything is static and unchanging, web pages need to be flexible and web accessible to accommodate all users, displays and devices.
    Image slices have their plusses and minuses.  Occasionally, you may need them to create a flexible container that resizes to content.
         3 image slices in a CSS layout ~
         http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
    That said, you can add visual interest to web pages without a lot of images using CSS.
         2-image web page design ~
         http://alt-web.com/TEMPLATES/2-image-web-design.shtml
    Finally, have a look at CSS Zen Garden where the power of CSS is demonstrated.
    Each page contains identical HTML markup but with wildly different styles.
    Hopefully this will inspire you to move away from tables and use CSS for primary layouts.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Slicing an image to be used in Dreamweaver html

    It's been a long time since I used slicing images in Photoshop.  It doesn't appear that Image Ready is there anymore.  I use Photoshop CS3.  I want to create a nav bar for an html email that will render correctly in Outlook 2007.  It has been suggested that a sliced image could accomplish that.  Is there a straightforward document that could walk me through the steps to accomplish this?  Using the Photoshop "help" confuses the heck out of me.
    The web version of the html email is:  http://www.theshimogaproject.com/email/riverrun-guests-email.html

    I'm honestly not sure what you are trying to do. The page as such could be perfectly taken and sent "as is". It doesn't seem to contain any of the usual problematic items that make MS' HTML rendering engine go whacko. In addition, it is so simple, you could convert a screenshot to a GIF and it would stil look okay. That aside, simply look up the knife tool and Save for Web and Devices in the help files when dealing with web content.
    Mylenium

  • Adding a text layer over a sliced PS image

    Having trouble positioning a text layer over a PS sliced
    image.
    The sliced image is positioned relative to the center of the
    page (so it appears in the same place regardless of monitor size or
    resolution, and that's where I want it).
    I can position the layer in Dreamweaver, but when previewed
    in the browser, the test layer moves to the left -- apparently
    being positioned relative to the left side of the screen.
    Is there any way to position a text layer so that it is
    position relative to the center of the page (and therefore reliably
    will appear on top of an image also positioned relative to the
    center of the page)?
    Any suggestions?

    This is a bad approach. Consider what will happen to your
    careful alignment
    if someone resizes their text in their browser. If you must
    place text over
    an image, the best way to do it is to make the image the
    background of some
    container, and then use CSS (margins or padding) to nudge the
    text into the
    desired location location. You will still have the same
    problem, though.
    > I can position the layer in Dreamweaver, but when
    previewed in the
    > browser,
    > the test layer moves to the left -- apparently being
    positioned relative
    > to the
    > left side of the screen.
    That's how absolutely positioned elements work when they are
    not within some
    other positioned element. The zero coordinates default to the
    <body> tag,
    i.e., the upper, left-hand corner of the browser viewport.
    > Is there any way to position a text layer so that it is
    position relative
    > to
    > the center of the page (and therefore reliably will
    appear on top of an
    > image
    > also positioned relative to the center of the page)?
    Certainly, but you will have to understand CSS positioning to
    accomplish it.
    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
    ==================
    "Phyto-Man" <[email protected]> wrote in
    message
    news:[email protected]...
    > Having trouble positioning a text layer over a PS sliced
    image.
    >
    > The sliced image is positioned relative to the center of
    the page (so it
    > appears in the same place regardless of monitor size or
    resolution, and
    > that's
    > where I want it).
    >
    > I can position the layer in Dreamweaver, but when
    previewed in the
    > browser,
    > the test layer moves to the left -- apparently being
    positioned relative
    > to the
    > left side of the screen.
    >
    > Is there any way to position a text layer so that it is
    position relative
    > to
    > the center of the page (and therefore reliably will
    appear on top of an
    > image
    > also positioned relative to the center of the page)?
    >
    > Any suggestions?
    >

  • Slicing an image to be used as a nav bar for html email

    The html email that I've created renders as designed in most email clients.  It doesn't in Outlook 2007.  It was suggested that I slice an image for the nav bar so it displays horizontally as designed instead of vertically.
    It's been a long time since I used slicing images in Photoshop.  It doesn't appear that Image Ready is there anymore.  I use Photoshop CS3.  Is there a straightforward document that could walk me through the steps to accomplish this?  Using the Photoshop "help" confuses the heck out of me and when I asked this question in the Photoshop forum, many looked at it but I've had no responses.  Or could it be done in Dreamweaver somehow?
    The web version of the html email is:  http://www.theshimogaproject.com/email/riverrun-guests-email.html

    You can't use DW to slice an image. Do you have Fireworks? It's really easy to do it in Fireworks, that's what I would use. If you need to use PhotoShop, a quick Google search, "slicing images in photoshop," return plenty of tutorials that you can choose from.

  • Slicing An Image - a persistent break!

    I am creating an extremely  simple sliced image for an email signature. I have been having a problem with a break in the design. I have broken this already simple graphic down to a background color and two slices.The problem is, where ever the two slices meet is where the break is! The solid background color will be separated by a white line right where the slices meet! Anybody know why this would be happening? The slices are butted up against each other, yet it is causing a break in the image!?!?
    Thank you
    Michael S., Creative Cloud Member

    Now this is after my having removed all graphics in an attempt to isolate the problem. The original image has a white background with a 1 pixel frame around it. The frame is what was breaking, and started this whole thing. I then just removed all graphics and added a bg color, and the breaks are happening at the slice. I think, however, this is just a google issue, from some of the research I've done on this. 

  • Slicing Fireworks image to create a website?

    I have created a large image and will like to slice it to make a website. How can I best do this??
    I tried to slice it but the text on the image did not appear well on the internet browser. I now want to remove the text from the original image, slice it, and be able to insert the text over the image on dreamweaver so that the text can be sharp and clear on the browser.
    How can I best do this??
    The attached png, jpg and html files.

    With all due respect - don't. If you are a beginner then  the easiest way would be to use tables. Te layout should be done in dreaweaver.
    Very broad overview of process:
    1. Insert a table for the header/banner (in DW)
    2. In FW use your banner graphic as the background image (turn view of text off in Layers panel). Right click on graphic and "Add rectangle slice", optimize and export.
    3. Turn text back on (Name) and turn view off for header. Repeat slice and optimize.
    4. In DW either add a row or a new table for the navigation (a whole topic on it's own)
    5. New table with 3 columns for News area. Again export background graphics and insert into table cells
    If your are totally lost then as LAST resort and NOT recommended is to export your Fireworks layout as HTML and Images.
    If you use all images for your site it will load slow and any text can't be read by a search engine. But an image can be used as a backgriund then you can type on top in Dreamweaver.
    Hope this helps some.
    Joyce J.Evans

  • Open html of sliced images in template

    Hi,
    I have a pretty ok site with frames and I have finaly decided
    to change it to a noframe site even though it works great. Everyone
    is telling me to !
    I have created a template from the selection in CS4.
    In photoshop I sliced an image that I want as menu bar but
    how do I open the "save for web" html that contains all the images?
    With a frame I just open in frame but I just cannot figure it
    out.
    Any help is highly appreciated !
    BR,
    Peter

    Or I am not the only one in the world that talks to thenselves.
    That's not necessarily bad - unless you carry on a three-way conversation. Then its time to consider the white coat with the cuffs of the sleeves sowed in the back.
    NOTE: This is meant as a Joke.  (although it is true I do talk to myself from time to time. Its called thinking out loud.)

  • Slicing images/Css

    Hello,
    I am working on a site with a number of large-ish photos (
    http://www.rosieroo.com/design_one_home.html)
    I was on this forum awhile back asking advice on slicing and
    positioning with CSS and since then I have been working through
    suggested tutorials. but I am still confused.
    Most of the tutorials I have come acroos seem to be around
    slicing/CSS image rollovers. I simply want the images to load
    faster no need for roll over functionality.
    I have also come across some sites saying slicing is a thing
    of the past and no longer needed.
    Can anyone offer advice on:
    1) Does slicing increase the speed a page is loaded or does
    it jus appear to load faster?
    2) With regards to my link above would slicing help this page
    load faster?
    3) If slicing is reccomended would it work to simply:
    slice images > export images only
    >Put the images piece by piece into a div (this is what I
    have done with the large images so i am assuming it would work with
    mutiple smaller images? I have not used any positoning other than
    inserting each piece -is that bad form?)
    4) or would it be better to position the images with CSS? If
    so can anyone reccomend simple tutorial that would help me achieve
    a fast loading CSS positioned page
    thank you,
    Shontelle

    Ok I understand now and thanks for the comments.
    Cheers
    Pablo
    An Eye of Menorca
    www.dellimages.com
    "Michael Hager" <[email protected]> wrote in message
    news:[email protected]...
    > Guess you missed my point and after re-reading I see I
    didn't really
    > communicate it. My comment was only a response to your
    comment that you
    > couldn't imagine creating a site without image slicing.
    I can't imagine
    > creating a site that needs to use image slicing.
    >
    >
    >
    > I just take the approach of design simplicity. I don't
    start with a big
    > image as the basis for my site. It's just my style.
    Maybe not yours.
    > Sites don't need to be designed in such a way that they
    require image
    > slicing, but they can be and the Zen garden page is a
    good example. I
    > don't particularly care for it so I simply would avoid
    that kind of
    > design.
    >
    >
    >
    > It's not a matter of what is correct. It's a matter of
    preference. You
    > like to slice, I generally don't.
    >
    >
    >
    > I really do like your web site by the way and I'm sure I
    could not
    > recreate that without using sliced images. I probably
    would have simply
    > designed it in such a way that it didn't need them.
    >
    >
    >
    > By the way Pablo, your photographs are simply stunning.
    Makes me want to
    > visit Menorca. While we may not agree on web design, we
    do have a love of
    > photography in common.
    >
    >
    >
    > Michael Hager
    >
    > www,cmhager.com
    >
    >
    >
    > "Pablo" <[email protected]> wrote in
    message
    > news:[email protected]...
    >> How would you create this
    >>
    http://www.csszengarden.com/?cssfile=/202/202.css&page=0
    and thousands of
    >> other great looking sites without slicing? I'm
    baffled to say the least.
    >>
    >> --
    >> Cheers
    >>
    >> Pablo
    >> .................................
    >> An Eye of Menorca
    >> www.dellimages.com
    >> .................................
    >> "Pablo" <[email protected]> wrote in
    message
    >> news:[email protected]...
    >>> So how do you build your interface? Do you
    create loads of images? I
    >>> create one and slice it, what do you do? How
    would you create my site
    >>> without using slices? This image for example:
    >>>
    >>>
    http://www.dellimages.com/images/cssstuff/topheader.jpg
    >>>
    >>> Overflowing into the nav buttons
    >>>
    >>> Or the right side faux column?
    >>>
    >>> How?
    >>>
    >>>
    >>>
    >>> --
    >>> Cheers
    >>>
    >>> Pablo
    >>> .................................
    >>> An Eye of Menorca
    >>> www.dellimages.com
    >>> .................................
    >>> "Michael Hager" <[email protected]>
    wrote in message
    >>> news:[email protected]...
    >>>>> What a load of tosh that is, where have
    you seen this? I cannot for
    >>>>> the life of me think of a way of
    creating a web layout without having
    >>>>> to slice images, unless you create
    something that is nearly all text.
    >>>>
    >>>> Wow!... I can't think of a reason in the
    world to create a web page
    >>>> where you NEED to slice images.
    >>>>
    >>>>
    >>>
    >>>
    >>
    >>
    >
    >

  • Adobe Photoshop Spaces on Sliced Image

    Please look at my images i have used adobe CS5 and sliced the image , at the preview it looks ok but after i placed it on my site it looks like this please help below is the  screen shots and the html code

    Where does it say that SfW would produce the best code/ working code/ standards-compliant code? Sorry to break it to you, but you really must at least have a basic understanding of HTML and CSS to fix such things or you'll get stuck in this causal loop - it will always look perfect in PS and then fall apart when your browser renders the page. Web design has nothing to do with slapping together a few pretty pixels and hoping for the best. It simply isn't WYSIWYG.
    Mylenium

  • Import multiple images to one layer

    I want to make a sprite.  I have the sliced button psd images.  I don't have the original psd file so I have to reassemble them in psf.   The problem is I want to import all the button images to the canvas and then reassemble them.  Photoshop let me put one image down and I guess it wants to create layers for the 2nd and 3rd image. 
    I don't need all those layers but I can't figure out to export all the sliced button images together into one layer?   I tried selecting all images in the bridge and holding down the shift key to drag them to ps.  This seems to have created a smart object of all the images combined on a second layer.  I couldn't delete the object but ended deleting that layer.    So my question is how to import all the sliced buttons into one layer?
    Thanks

    Once all the images are on their own layer, if you want to then put them onto a single layer, you can merge the layers. In the layer panel click on the icon in the upper right hand corner and select merge layers from that menu.
    or right click on all selected layers to select merge layers
    If you have a smart object, right click on that layer and select rasterize layer
    Flatten layers will work as well but locks the resulting layer as a background.
    Play around with the menu option next to merge layers and see what they do to multi-selected layers or to layers that are hidden. Very useful once you start using them.
    Another hidden tip: Selecting all layers and using the key combination shift-control-alt-e will make a merged copy and place it at the top. {replace control with the mac equivelent if your on a mac}

  • A few questions with regards to slicing text

    Hi there,
    I have been busy slicing my image up in fireworks and i am
    very happy with it, i am using the extended script for slicing...
    Anyway, all is going well :-) After some help yesterday...
    But i have come across a small issue, i am going to try and
    explain it without rambling too much .. i hope somebody understands
    I have a sort of rounded rectangle (well it round on the
    right hand side) .. and this has text over the top.. They are both
    on a different layer (fireworks layer).. i.e. square with round
    corners on right and text that sits in it = 2 fireworks layers
    I highlight the left part of the graphic and Edit, Insert,
    Slice and the little bit on the right for my rounded part, i draw
    the slice in, my idea is to have a div and the left not a graphic
    just a color and the right is an image (background)..
    and then obviously the text within the left part (which is
    only a color) - the text needs to be kept as html text as they will
    be anchors
    Problem is.. the right part is ok.. (my rounded corners)..
    but my left part i have set to Background image and it exports it
    as an image with the text as an image..
    Actually thinking about that ... thats pretty logical!! ah
    ah... How do i say export this has a background color only?
    I tried chaning the slice type to HTML, do i need to enter
    something in here???
    And how would i get the text also to be entered in
    I hope i sort of made myself understood, if not i can post a
    few screenshots....????
    They do say a picture is worth a thousand words :-)
    Thanks alot in advance

    Hey Ian:
    Auto slices do exist, but they are only an issue if you
    export HTML and
    Images. CSS and Images ignores any unsliced areas (other than
    text or
    simple rectangles)
    So if you're going the CSS route, yes, you will need to slice
    all the
    pieces you need, which need to remain as graphics. The
    advantage to this
    method is that you do not end up with a whole bunch of
    unnecessary auto
    sliced graphics,which you would get from exporting as HTML
    and images.
    Also, slicing gives you the ability to individually optimize
    each slice
    graphic AND give them useful names. Auto slices in FW have
    auto-generated file names, which you cannot customize.
    As I've mentioned, CSS and Images will respect rectangles and
    export
    them as DIV's. The catch is the rectangle must be created in
    FW for this
    to work. PS vectors (or bitmap boxes) are not respected as
    true
    rectangles for export.
    So, what I did with your template was create a new rectangle,
    edit it so
    the one corner was rounded, and delete the main navigation
    bar slice. I
    restructured the objects in the Layers panel (gawd love
    poorly organized
    templates - so many objects, all called
    layer-something-or-other)so my
    new rectangle was underneath the navbar text. I left the text
    visible.
    And I gave the new rectangle a name: navbar.
    I created slices for the other obvious graphics, as well.
    Went to File > Export and chose CSS and Images.
    The export produced a page layout relatively similar to the
    design,
    including a DIV called "navbar" for the submenu, and real
    text.
    Is it perfect? No. Just try adding a couple more links and
    you'll see
    what happens.
    All this is great from a mock up perspective, but I'm betting
    that you
    will want different submenus to dynamically appear depending
    on the main
    menu choice. That cannot be done using Fireworks. You'll want
    to look at
    other solutions, perhaps from Project 7, for CSS-based pop up
    menus,
    which work with Dreamweaver to simplify the creation of pop
    up menus.
    I hope this helps. email me off-list if you like, and I will
    send you
    the updated PNG file.
    IanJG wrote:
    > Jim ok.. i think all ok.. just checked them and they
    appear to have uploaded ok.
    >
    > once i am ready to export for the web, i presume i
    should do what you said
    > before and HIDE all text before export and insert the
    text via HTML..
    >
    > SUch things as AUTOSLICES / USERSLICES don't really
    exist in fireworks then??
    > Sorry no expert but playing around with photoshop (of
    course not as powerful
    > for slicing as fireworks) it sort of created Autoslices
    were slices needed to
    > be made..
    >
    > I presume i need to slice every little bit of the
    document.. rather than
    > depending on autoslices
    >
    > Again thanks... if i have missed something or not
    explained something welll...
    > please let me know
    >
    > Regards
    >
    GE
    Jim Babbage - .:Community MX:. & .:Adobe Community
    Expert:.
    http://www.communityMX.com/
    CommunityMX - Free Resources:
    http://www.communitymx.com/free.cfm
    .:Adobe Community Expert for Fireworks:.
    Adobe Community Expert
    http://tinyurl.com/2a7dyp
    .:Author:.
    Lynda.com -
    http://movielibrary.lynda.com/authors/author/?aid=188
    Peachpit Press -
    http://www.peachpit.com/authors/bio.aspx?a=d98ed798-5ef0-45a8-a70d-4b35fa14c9a4
    Layers Magazine -
    http://www.layersmagazine.com/author/jim-babbage

  • How do I create Equal Height Columns with my Background Images?

    Hi there,
    here is my page http://www.allthingsprintuk.co.uk/ATPHome.html
    My problem is that the side bar HTML list is coming off the page in IE. & also the html  in the header can look awful due to browser settings.
    My question is how do I create Equal Height Columns with my Background Images so that they fit with the HTML text? Is there a good link you can point me to, or a tutorial?
    The only way I can see by doing it is slicing my images up into 3 (top middle & bottom) & then setting the middle to repeat y????
    Or does anyone know of a way to create rounded corners WITH drop shadows in CSS that will work on all browsers?
    Thanks in advance
    Louisa

    Try these http://www.pixelan.com/

  • Need to add text to my sliced website (body)? what code?

    I just sliced my website on photoshop and added it to
    dreamweaver. Everything looks good, however, now I need to figure
    out how to add text on top of my sliced body section on top of the
    background. I think I have to put some Div Tag code or something in
    a certiain place? can anybody help? I have designed a few of my
    websites, however, someone helped me with this before on my old
    website and cannot remember what they did. Thanks.
    The website is www.jglove.com. The code is below. In the
    code, the body is called Body-NEW-12.gif
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN">
    <html>
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body bgcolor="#000000">
    <div align="center">
    <table width="800" height="182" border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td height="182"><img
    src="Sliced%20Images/images/Header-NEW-02.jpg" width="800"
    height="180"></td>
    </tr>
    </table>
    <table width="800" height="35" border="0" cellpadding="0"
    cellspacing="0">
    <tr>
    <td width="19"><img
    src="Sliced%20Images/images/LEft-of-links-4.gif" width="19"
    height="41"></td>
    <td width="125"><img
    src="Sliced%20Images/images/Home-Link-5.gif" width="125"
    height="41"></td>
    <td width="127"><img
    src="Sliced%20Images/images/About-link-6.gif" width="127"
    height="41"></td>
    <td width="126"><img
    src="Sliced%20Images/images/FAQ-Link-7.gif" width="126"
    height="41"></td>
    <td width="117"><img
    src="Sliced%20Images/images/DVD-Link-8.gif" width="127"
    height="41"></td>
    <td width="133"><img
    src="Sliced%20Images/images/Quotes-link-9.gif" width="128"
    height="41"></td>
    <td width="121"><img
    src="Sliced%20Images/images/Checkout-Link-10.gif" width="126"
    height="41"></td>
    <td width="32"><img
    src="Sliced%20Images/images/Next-to-links-11.gif" width="22"
    height="41"></td>
    </tr>
    </table>
    <table width="800" height="422" border="0"
    cellpadding="0" cellspacing="0">
    <tr>
    <td width="23"><img
    src="Sliced%20Images/images/Blue-left-column-12.gif" width="19"
    height="581"></td>
    <td width="573"><img
    src="Sliced%20Images/images/Body-NEW-12.gif" width="577"
    height="581"></td>
    <td width="204" align="right" valign="top"><img
    src="Sliced%20Images/images/Pentagon-ALL-13.jpg" width="204"
    height="581"></td>
    </tr>
    </table>
    <table width="800" border="0" cellspacing="0"
    cellpadding="0">
    <tr>
    <td><img src="Sliced%20Images/images/Footer-14.gif"
    width="800" height="37"></td>
    </tr>
    </table>
    </div>
    </body>
    </html>
    ALSO, if you tried to go to www.jglove.com it is black. For
    some reason, I cannot get the website to upload, even though I have
    the template.dwt file looking perfect on dreamweaver. I uploated it
    to my sites folder, called it index.html (like I did on my other
    website) but nothing!! help!
    Jeremy

    What is your operating system?  Reader XI version?
    Is there any difference in size before and after you filled out the form?
    Can you share that form with us?

  • Unwanted gaps between images in Internet Explorer

    I have sliced a image web page in Photoshop and exported it
    to .html and images. It looks perfect in IE7 and Firefox. Then
    brought it into Dreamweaver and deleted the large image in the
    content area and inserted a table into the content area. Now when I
    preview it in IE7 there is a gap between the top image and the two
    images on either side of the content area. Borders for all three
    images is set to zero as are cell padding etc. It displays
    correctly in Firefox and Dreamweaver but IE7 places a gap between
    the images. How do I remove the gap using HTML tables?

    >I have sliced a image web page in Photoshop and exported
    it to .html and
    > images.
    That's a bad start. The HTML written by graphics apps (and
    indeed by any
    'wizard') is fragile, and unsuitable for any use other than
    prototyping.
    > Now when I preview it in IE7 there is a gap between the
    top image
    > and the two images on either side of the content area.
    This is precisely the symptom of having used a graphics app
    to write your
    HTML. Why? You have changed the ground rules (i.e., the shape
    of the
    content) by deleting the large image and replacing it with a
    table. When a
    wizard writes your HTML, it writes it to EXACTLY reproduce
    the shape you
    have given it. Change that shape and you change the way the
    fragile code
    adapts - resulting in a breakage of your layout.
    The principal culprit is the use of col- and rowspans by
    these wizards -
    ... colspan="3">
    You can read more about this here -
    http://apptools.com/rants/spans.php
    The solution is to bite the bullet and learn enough HTML that
    you can create
    your own layouts without relying on a graphics app. Otherwise
    you will
    have this problem continuously.
    1. When I need to merge cells...
    a. If they are horizontally adjacent, instead of merging
    them, I end
    the current table, and 'stack' a new one underneath it with
    the desired cell
    configuration.
    b. If they are vertically adjacent, then I end the current
    table at the
    row ABOVE the row where the need for merging begins. I then
    start a new
    table with two cells in one row, and place a properly
    structured inner table
    in each of those two cells.
    2. When I need to split cells, I just insert a nested table
    with the proper
    cell configuration into the cell I would otherwise split.
    The goal here is to completely avoid merging or splitting
    cells (i.e., using
    col- or rowspan attributes in your table markup), since
    that's what makes
    Layout mode's tables (and any wizard's tables) so fragile.
    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
    ==================
    "Clark9" <[email protected]> wrote in
    message
    news:[email protected]...
    >I have sliced a image web page in Photoshop and exported
    it to .html and
    > images. It looks perfect in IE7 and Firefox. Then
    brought it into
    > Dreamweaver
    > and deleted the large image in the content area and
    inserted a table into
    > the
    > content area. Now when I preview it in IE7 there is a
    gap between the top
    > image
    > and the two images on either side of the content area.
    Borders for all
    > three
    > images is set to zero as are cell padding etc. It
    displays correctly in
    > Firefox
    > and Dreamweaver but IE7 places a gap between the images.
    How do I remove
    > the
    > gap using HTML tables?
    >
    > <html>
    > <head>
    > <title>African Chamber of Commerce of
    Texas</title>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    > <style type="text/css">
    > <!--
    > .style1 {font-family: Arial, Helvetica, sans-serif}
    > .style2 {
    > font-family: Arial, Helvetica, sans-serif;
    > font-size: 18px;
    > }
    >
    > </style>
    > </head>
    > <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"
    marginwidth="0"
    > marginheight="0">
    > <!-- ImageReady Slices (ACCT.psd) -->
    > <table id="Table_01" width="935" height="810"
    border="0" cellpadding="0"
    > cellspacing="0">
    > <tr>
    > <td height="212" colspan="3"><img
    src="images/index_01.gif" alt=""
    > width="935" height="212" border="0" usemap="#Map">
    > <map name="Map">
    > <area shape="rect" coords="100,182,157,206"
    href="index.html">
    > <area shape="rect" coords="188,185,270,207"
    > href="about_us.html">
    > <area shape="rect" coords="305,183,378,208"
    > href="benefits.html">
    > <area shape="rect" coords="413,183,486,208"
    > href="members.html">
    > <area shape="rect" coords="518,184,594,209"
    > href="events.html">
    > <area shape="rect" coords="618,183,705,208"
    > href="application.html">
    > <area shape="rect" coords="740,181,832,208"
    > href="contact_us.html">
    > </map></td>
    > </tr>
    > <tr>
    > <td rowspan="2" align="left" valign="top"><img
    src="images/index_02.gif"
    > alt="" width="94" height="600" border="0"
    align="top"></td>
    > <td height="501" valign="top"><table
    width="747" height="269" border="0"
    > cellpadding="8" cellspacing="0">
    > <tr>
    > <td width="211" valign="top"><p
    class="style1">
    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
    > Transitional//EN">
    > <br>
    > <em><strong>United We Stand; Divided We
    Fall.</strong></em>
    > </p>
    > <p class="style1">With your participation in ACCT,
    you become
    > one
    > of the contributors toward the building and advocacy of
    the &ldquo;Trade
    > Not
    > Aid&rdquo; movement.</p></td>
    > <td width="250" valign="top"><div
    align="center">
    > <p><span class="style2">
    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
    > Transitional//EN">
    > <br>
    > </span><span
    class="style2"><strong>What ACCT can do for
    > you?</strong></span> </p>
    > </div>
    > <ul>
    > <li> <span class="style1">Networking and
    Exposure<br>
    > Referrals</span></li>
    > <li class="style1">Cultural center</li>
    > <li class="style1"> Newsletters</li>
    > <li class="style1"> Welcome and orientation
    program</li>
    > <li class="style1"> Assistance in business
    outreach
    > programs</li>
    > <li class="style1"> Training and continuing
    education in
    > small business start-up and management</li>
    > <li class="style1"> ACCT office
    facilities</li>
    > <li class="style1"> Legal assistance</li>
    > <li class="style1"> ACCT will be there for you,
    all the
    > way.
    > </li>
    > </ul></td>
    > <td width="238" valign="top" class="style1">
    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
    Transitional//EN">
    > <br>
    > <strong>ACCT</strong> believes that lasting,
    meaningful
    > furtherance of economic development efforts is
    predicated on the
    > equitable
    > sharing of world resources, along with the preservation
    and maintenance
    > of a
    > healthy and fair business environment. Furtherance of
    economic
    > opportunities
    > in a global economy also requires an informed and
    involved public where
    > everyone participates in decisions which affect the
    common good for
    > self-reliance, sustainability and prosperity. The
    cornerstone of ACCT is
    > &ldquo;<strong>Trade Not
    Aid&rdquo;.</strong></td>
    > </tr>
    > </table></td>
    > <td rowspan="2" align="left" valign="top">
    > <img src="images/index_04.gif" alt="" width="94"
    height="600" border="0"
    > align="texttop"></td>
    > </tr>
    > <tr>
    > <td height="97" valign="top"><img
    src="images/index_05.gif" width="747"
    > height="97" alt=""></td>
    > </tr>
    > </table>
    > <!-- End ImageReady Slices -->
    > </body>
    > </html>
    >

Maybe you are looking for

  • What's Wrong with My Computer?

    I have a G5 desktop computer, I believe it's referred to as a "Power Mac." My mom purchased it some years ago, I think in late 2005 shortly after this particular model was on the market. Info is: Version 10.5.8 Processor 4 x 2.5 GHz PowerPC G5 Memory

  • Pl/sql web service returning a list of results

    I am able to publish a pl/sql package as a web service that returns a single result. However, when I try to return a list of results, I get an error in jdeveloper when I select the package and invoke publish as web service. I use a simple pl/sql pack

  • Oracle BI Cache

    Hi all, We are using OBI 11G and repository caching, this is great for performance but I have one problem, I don't want any cache to be used unless the logical query created is exactly the same. When I retrieve a result set, sometimes OBI is using th

  • KONV and KONP

    Hi, Who can tell me the differences between <b>konv-knumv</b>(Number of the document condition) + <b>konv-kposn</b>(Condition item number) and <b>konp-knumh</b>(ondition record number).

  • IPhoto shuts down over-and-over when importing from iPhone

    When trying to import photos from iPhone to iPhoto, iPhoto begins the import but then immediately shuts down. over and over again. I've looked online for a solution but have not found anything that I have tried. I am not very comfortable with technol