Tile or cut large images in the tables? Completely outdated?

I'm working through the tutorials on Lynda.com XHTML

The instructor did a demo to decide a large image with sections that have animated connections. He slices the static parts and slices the lively parties and then combines them into a 3 x 3 slice slice table.

He said "I'd rather do with tables, since that's what it was designed for.

I know tables are outdated, but I don't know if it is in all respects. As if I was going to do a table of data, I would definitely use tables...

I'm not sure when this video was made, but it is still in practice and a good practice?


It then shows a similar demonstration to reconcile slices using CSS. Is - this too outdated? Are people still decide large images?

Unlike print design where everything is static and immutable, web pages must be flexible and web accessible for all users, devices, and displays.

Slices of the image have their positive and negative points.  Occasionally, you may need to create a flexible container that resizes the content.

3 slices in a CSS image formatting ~

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.

design of web pages 2-image ~

http://ALT-Web.com/templates/2-image-Web-design.shtml

Finally, take a look at the CSS Zen Garden , where the power of CSS is demonstrated.

Each page contains identical HTML tags but with very different styles.

I hope that it 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

Tags: Dreamweaver

Similar Questions

  • Images in the tables not resizing using reagents HTML5

    With the help of RH11.9.4.291

    I do a few exits Responsive HTML5 test results for Desktop/Tablet/phone by resizing the browser window and I noticed that;

    • Images resizing correct (yay!)
    • Correct resizing tables (also yay!)
    • Images in the tables don't resize at all (boo to that!)

    Any ideas?

    I solved in fact just that, both for reasons of post the solution...

    The culprit was the underlying html language associated with text in italics in the table. On the surface, the text went well. But in the HTML code, it looked like this:

    "font style: =" ' italic;' = ""

    I have no idea how it happened, or why only preventing image resizing, but cleaning, upward, solved the problem.

  • Disable the image in the table advanced using SPEL

    Hi all
    I'm trying to render the image in the table advanced conditionally using SPEL in a custom page.
    In the properties of the grain of the Image, I added SPEL to make the Image under certain conditions.
    When the user clicks on the image, you'll see a window.
    This works well up to this point, I am able to make the Image for certain lines.
    But the images that are rendered conditionally are disabled.
    When I click on the image it does not popup.

    Please help me solve this problem

    Thank you

    Why not add the switch with images on and off under certain conditions.

  • Background image in the Table prevents repeat

    Since CS4 has unfortunately removed the button background Image for the tables, I've found a workaround neat on the internet: s elect the cell, and then open the tag Inspector panel, click the attributes button and show the display of the list and click inside "bottom" and use the folder icon to access the background image.  However, I can't stop the image to repeat.  I tried everything I can think of.  Can someone help me?  No code answers, please.  Thank you!

    monelleny wrote:

    Can someone help me?

    Yes.

    No code answers, please.  Thank you!

    Well, in this case, the answer is no.

    Quite honestly, if you are able to get a response on the internet and using tags inspector to add a background image, you should be able to follow simple instructions to manipulate the CSS.

    To add a non-repetitive background image to a table cell (or anything, for that matter), you use CSS. Create a CSS class like this in the head of the page:

    
    

    Select the cell in the table and then choose background from the class menu in the property inspector.

  • Is it possible to reduce a large image on the side Server (before serving the user)?

    One of the banes of my existence resizes the same image several times due to the it appears in a variety of contexts. For example, the main image in an article will appear larger it will be on the index page, where many teasers of the article are placed. There is the image that the Facebook "share" og. There... you get the idea.

    Same image, different contexts, a lot of resizing in Photoshop, a lot of files to follow... but I save on bandwidth.

    On the flip side, I can target the same image (large) and simply cut via traditional HTML (width/height) on the side of the browser, but which will result in the download of a file that is about 50-75% larger than what is actually needed. If the teaser of the first page displays a 1280px to 500px image, it's a huge (and potentially costly) waste of bandwidth.

    HOWEVER...

    If I could do the same SERVER side... in other words, tell the server to take only the pixels that he needs of the (large) image and serve only THOSE to the end user... so the same image could be used in every context, and only the necessary bandwidth is used.

    Is this feasible? If so, what is the process called officially, and where will begin to learn how do?

    Thank you!

    Sure. Just search the Web for ' php dynamic image resize "or change whichever way server, language of script you use.

  • Alignment of the image in the table

    Hi, I have a table with three columns. I want a picture in column 2 to stay upstairs, even though the text in column 3 gives the longest table. The image keeps being in the Middle even when I align together as above. ? Newbie here.

    mandeep_dhami wrote:
    > Hi there, I have a table with three columns. I want a picture in column 2 to stay in
    > even if the text in column 3 makes the plu top table. The image retains
    > find themselves in the Middle even when I align together as above. ? Newbie here.
    >

    You probably aligned * image * to the top.
    That's what you shouldn't do.
    Select your image and remove no matter what alignment that you set in the property Panel.
    Do not align the image at all.
    Then select your cell (your td) and in the property Panel, set the vertical alignment at the top.

    Then, if your code is something like this:


    your text here

    the image must be above the text.
    If the cell is larger than the image, then you will need to add a line break after the image

    Or else, you can and the image to display as a block, using the css:

    --
    SEB ([email protected])
    http://webtrans1.com | high-end web design
    Downloads: Slideshow, browser directory, mailing list

  • Duration of the images in the table of Storyboard

    Is there a way after I loaded all my photos in the storyboard in Movie Maker that I can change all the time of transition of the photos?  I found where I can change the weather, but it seems it will only apply to new added pictures, not existing ones in the table of Storyboard.  How can I make a mass change for all existing photos loaded without having to reload all the?

    Thank you!

    You following and posted in a forum XP
    the steps are for XP, Movie Maker.

    As you discovered... the change of setting
    to: Tools / Options / Advanced tab... only applies
    for the photos added to the timeline * after * you
    change the setting.

    If you switch to view "Storyboard" and select
    all of the clips as a batch (select one and the type...
    CTRL + A)... you can add the 'Speed Up, Double.
    or "Slow down, half" effect of changing the
    duration. Simply select all clips / right click
    the effect on the menu... Choose...
    Add to storyboard table.

    'Speed Up, Double' cuts the duration of half.

    "Slow Down, half ' double life.

    These effects can be added up to six times.

  • Windows Movie Maker-how hide the images in the table of Storyboard

    Windows Movie Maker

    I used windows movie maker repeatedly to do movies and had a lot of luck.    I'm now trying to start one and cannot find the option to 'hide' imported media images after that that they were placed on the table of Storyboard.  HELLLLLLLLLLLLP!

    RE: Hide parts of the clips you want
    Assuming you are using the version of Windows Movie maker 6.0

    Open Windows Movie Maker > above, help > Help topics > scroll to learn more about Windows Movie Maker, click on it > click Trim, reorganize and copy audio imported video clips > start reading and roll of trim (hide) a clips video. That shows you how to hide parts you want. For the benefits of others looking for answers, please mark as answer suggestion if it solves your problem.

  • Images in the table of results

    ImageInResultsTable.JPG

    Hello

    I use latitude short 2.2.2 studio and I have many results in the application.

    There is a table of results, where I have the image as the value of the cell (see as steep as above - second column with a small img)

    I want to resize the height and width for only this instance of the results table.

    How can I achieve this?

    Thanks in advance for the answers.

    Hello

    "You pass the value of the image as http://pathtoimage/name.png" width = "150" height = "150" > '?

    Short Studio 2.2 has no image support. But little CSS trick can work.

    Comment out the following line in tomcat-6.0.29\webapps\ROOT\html\extjs\endeca-extjs-overrides.css

    max height: 11px; / * same size as the text in the grid * /.

    Note: This may alter the alignment.

  • Problem with PL/Sql to insert Images in the table

    Hi, im using SQL Developer Version 3.2.20.09,

    I want to create a table with a column of type BLOB for the insertion of image files. So I created the table, the directory, and the procedure I described below. And in the C:\ drive I created a new folder named image_dir that contains a file named test_image with extension .jpeg.

    Here are the steps I took:

    create the directory image_dir as 'c:\image_dir ';

    CREATE TABLE test_image

    (IDENTIFICATION NUMBER,

    Image_filename VARCHAR2 (50).

    image BLOB

    );

    CREATE OR REPLACE PROCEDURE insert_image_file (p_id NUMBER, p_image_name IN VARCHAR2)

    IS

    src_file BFILE.

    dst_file BLOB;

    lgh_file directory.

    BEGIN

    src_file: = BFILENAME ("image_dir", p_image_name);

    INSERT INTO test_image

    (ID, image_filename, image

    )

    VALUES (p_id, p_image_name, EMPTY_BLOB)

    )

    RETURN to image

    IN dst_file;

    CHOOSE the image

    IN dst_file

    OF test_image

    WHERE ID = p_id AND image_filename = p_image_name

    UPDATE;

    DBMS_LOB. FileOpen (src_file, DBMS_LOB.file_readonly);

    lgh_file: = DBMS_LOB.getlength (src_file);

    DBMS_LOB. LoadFromFile (dst_file, src_file, lgh_file);

    UPDATE test_image

    SET image = dst_file

    WHERE ID = p_id AND image_filename = p_image_name;

    DBMS_LOB. FileClose (src_file);

    END insert_image_file;

    But I still have this error when I run the command EXECUTE insert_image_file (1, "test_image.jpg"); Please what could be the reason for this and a better solution?

    Error from the 1 in the command line:

    RUN insert_image_file (1, "test_image.jpg")

    Error report:

    ORA-22285: non-existent directory or file for FILEOPEN operation

    ORA-06512: at "SYS." DBMS_LOB", line 744

    ORA-06512: at "ANSUWEB. INSERT_IMAGE_FILE', line 20

    ORA-06512: at line 1

    1. 00000 - 'non-existent directory or file %s operation '.

    * Cause: Attempted access to a directory that does not exist, or attempted

    to access a file in a directory that does not exist.

    * Action: To ensure that an appropriate system specified

    the directory exists in the data dictionary, or

    Make sure that the name is correct.

    A guess: c:\image_dir is not on the server where Oracle is looking for it

    Concerning

    Etbin

  • How to resize layer with a large image of the layer mask?

    Hi all

    How to resize the image on the layer mask?

    * document - doc.width, doc.height

    * mask - activeLayer.bounds

    * and how to take the coordinates in the image with the mask, if the image is larger than the size of the document?

    01.jpg

    2014, use it at your own risk.

    #target "photoshop - 70.032»

    If (app.documents.length > 0) {}

    Var ref = new ActionReference();

    ref.putEnumerated (charIDToTypeID ("Lyr"), charIDToTypeID ("Ordn"), charIDToTypeID ("Trgt"));

    var layerDesc = executeActionGet (ref);

    var layerMaskEnabled = layerDesc.getBoolean (stringIDToTypeID ("userMaskEnabled"));

    If (layerMaskEnabled == true) {}

    // =======================================================

    var idsetd = charIDToTypeID ("setd");

    var desc4 = new ActionDescriptor();

    var idnull = charIDToTypeID ("null");

    var ref1 = new ActionReference();

    var idLyr = charIDToTypeID ("Lyr");

    var idOrdn = charIDToTypeID ('Ordn');

    var idTrgt = charIDToTypeID ("Trgt");

    Ref1.putEnumerated (idLyr, idOrdn, idTrgt);

    Desc4.putReference (idnull, ref1);

    idT var = charIDToTypeID ("T");

    var desc5 = new ActionDescriptor();

    var idUsrM = charIDToTypeID ("rocket");

    Desc5.putBoolean (idUsrM, false);

    var idLyr = charIDToTypeID ("Lyr");

    Desc4.putObject (idLyr, idT, desc5);

    executeAction (idsetd, desc4, DialogModes.NO);

    };

    Alert (app.activeDocument.activeLayer.bounds)

    };

  • How to display the image in the table based on certain conditions

    Hi all

    I have a table of search results which has a column as error.
    The data that appears in this column after research is 1 or 0.

    I want to display an image of success for "1" and a picture of error to the '0' value in the table.

    How to get there?

    TIA,
    Bob

    You must use the af:switcher component - http://jdevadf.oracle.com/adf-richclient-demo/docs/tagdoc/af_switcher.html

    For example








  • Image of the table of mc

    So.  Managed to go beyond my last number and now when the images xml file is loaded, place each image in an element of a table so I can manipulate them individually.  Problem I have now is this.  When the image to the item 1 is pressed, it should become one of my history of film clips.  I use a code that I used in as3, when the image was not in a table, and it worked fine.  Now I'm in AS2, and the image is in a table, it doesn't seem to work.  In addition, I get no error whatsoever.  The code for this is

    picHolder[1].onPress = function() {
              picHolder[1].width = card.width;
              picHolder[1].height = card.height;
              picHolder[1].x = 0;
              picHolder[1].y = 0;
              card.addChild(picHolder[1]);
         };
    

    In which case picHolder [1] is an image, and card is my video clip.  If I picHolder [1] .startDrag (true), I can pick up and drag the image.  So, I know that I face the good image here.  Should I do the above differently when you are working with a table?

    See you soon

    AS2 uses underscores for most properties.  Don't forget to post in the forum AS2 if you stay with him.

  • Inserting images in the table

    I'm working on a file that is very strange. I have a table and I want to place 2 images that are small enough to fit in without any resizing. What happens is when I have a centre, to an area of empty image, same size, appears on the left. If I want to add borders to the image, the borders appear on this shadow of the image, not the image itself. Also, I want to have them side by side, but on the contrary they are lower than the other. The code is no different that code in another page with the same images.

    Any ideas?

    Get it - block td is the correction of a problem, now.

  • IMAQ: 'image at the table', directly related to the 'picture in picture' seems to have a pb with U16

    Hello.

    I use the two screws 'ImageToArray' (ITA) and 'ArrayToImage' (ATI) to image processing and I have noticed something strange I want to share with you.

    I am acquiring data from a GiGe camera 16bits. If I wire the output image from the camera to the ITA VI, and then I wire the output of ITA directly at the entrance of ATI, I can't return the image!

    Look at the files that I have attached. Image2 should simply display the same image as Image1, shouldn't it...? But it doesn't!

    I missed something, maybe...?

    Is anyone have an explanation/solution?

    (If it could be of some importance, please note that the dynamic camera is 12 bits. But I don't think that changes anything if it was 16-bit "full"...)

    For your information, if I try to do exactly the same with the 8 bits of data, then it works perfectly fine. When the camera returns only if 16-bit data there is a pb.

    Best regards.

    Luke

    I think that your camera deliver I16 image, but you use U16 - so the matrix is empty and you don't see anything.

    Try instead to use I16:

    (and check your image types and control outputs error)

    Andrey.

Maybe you are looking for