How to set staggered / tile images mixed with text on a page

Hello

I tried to make my website up-to-date skills.  I use DreamWeaver CC and I've read a few books on DW CC and CSS3.  As an exercise, I tried to recreate more or less my company to the current web site (that I created initially at least 10 years ago) using more modern methods (try using CSS for my formatting and layout rather than HTML formatting attributes and for positioning HTML tables.  It happened, but I fell on a particular page that I'm not sure the best way to tackle.  Here is a link to the old page...

Kraemer Koating - Hot Melt Coaters

.. .to create this page, I first used an image editing program to enlarge photos too overlapping on three.  Then I cut this image into smaller rectangular pieces.  I placed the small rectangular pieces in a HTML table so that they would correspond perfectly to recreate too oiled photo effect.  Under the table where no portion too experienced photos is displayed, I added text.

From what I've read so far, I can't imagine an easy way to recreate this effect with CSS.  I was wondering if anyone here could tell me the following:

(1) is there a preferred way of CSS to create this kind of effect?  (If there is and you could point me to a sample or a tutorial, that would be great).

(2) if the answer to (1) is not my best bet is to always use a table if you could point me to a sample or a tutorial on how to do it, that would be great.  I don't know that old that I did, I used too many attributes of HTML rather than CSS table.  I would learn instead to do the right way now to redo it the old way.

Thanks in advance,
Paul

OK - see this page. I'm not crazy about this approach, but it should work fine.

http://GWS-sandbox.com/test-kraemer2.html

Tags: Dreamweaver

Similar Questions

  • How to set the background image in the window title?

    Hello

    I am a beginner in flex. I use Flex 4.

    Can someone give me some advice on how to set the background image in the title window?

    Is it possible to do?

    Thank you.

    Hello

    Check the code in the example below


    http://ns.Adobe.com/MXML/2009.
    xmlns:s = "library://ns.adobe.com/flex/spark".
    xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
       
           
       

       
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";

    s | {BorderContainer
    background - image: embed(source="image/wheres_the_green_rez.jpg");
    background-image-fill-mode: clip;
    }


       
           
       

    Kind regards

    Anitha

  • How to set the simultaneous request completed with warning?

    Hi all:
    How to set the simultaneous request completed with warning in oracle 11.5.9?


    For example:

    I completed an application with "Completed" 'Normal '.
    After I put a condition similar to when xxx > 0 then
    It will complete a request indicates 'Complete' 'warning '.



    My environment is: oracle 11.5.9 and operating system is Linux Redhat 4.0



    Concerning
    Terry

    Terry,

    You can use 'FND_CONCURRENT. Function SET_COMPLETION_STATUS.

    Note: 866194.1 - is there a method to return a 'Warning' to host Language simultaneous program status?

    The Oracle Applications Developer's Guide
    http://download-West.Oracle.com/docs/CD/B11454_01/11.5.9/Acrobat/115devg.PDF

    FND_CONCURRENT. SET_COMPLETION_STATUS
    http://forums.Oracle.com/forums/search.jspa?threadID=&q=FND_CONCURRENT.SET_COMPLETION_STATUS&objid=C3&DateRange=all&userid=&NumResults=15&rankBy=10001

    Thank you
    Hussein

  • How to set a background image

    HY guys, I'm trying to set a background image on a Blackberry screen. I used this code, but the image dousen can't cover the full screen. Can someone me say what the problem is, or give me an example of how's done it? package mypackage;

    SerializableAttribute public class BackgroundImage extends UiApplication
    {
    Imagearriereplan private bitmap;
    fieldBitmap private bitmap;
        
    Public Shared Sub main (String [] args)
    {
    BackgroundImage PAP = new BackgroundImage();
    theApp.enterEventDispatcher ();
    }
        
    public BackgroundImage()
    {
    The background image.
    Imagearriereplan = Bitmap.getBitmapResource ("loginBackground.png");
            
    Display display = new MainScreen();
            
    HorizontalFieldManager horizontalFieldManager = HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH | nouveau HorizontalFieldManager.USE_ALL_HEIGHT) {}
                
    Override the paint method to draw the background image.
    public void paint (Graphics graphics)
    {
    Draw the background image, then paint.
    graphics.drawBitmap (0, 0, 240, 240, Imagearriereplan, 0, 0);
    Super.Paint (Graphics);
    }
                
    };
            
    The LabelField will be visible through the transparent image.
    LabelField labelField is new LabelField ("is a label");.
            
    A bitmap with a transparent image field.
    The background image will be visible through the transparent BitMapField image.
    BitmapField bitmapField = new BitmapField (Bitmap.getBitmapResource ("field.png"));

    Add the handler to the screen.
    mainScreen.add (horizontalFieldManager);
            
    Add the fields to the Manager.
    horizontalFieldManager.add (labelField);
    horizontalFieldManager.add (bitmapField);
            
    Tap on the screen.
    pushScreen (mainScreen);
    }
    }

    Thanks in advance

    You can scale the image with EncodedImage, but it is usually best to use an image with a sufficient size

  • How to set the background image on my request.

    Hi all

    I use jdev 11.1.2.4.0 version

    use case: I create mobile applications and using the skin by default 'mobileFusionFx '.

    so when I run application there show black screen as a background image on my application

    My question is how to change the background image.

    Thank you

    Manish

    Resources of the Application open-> descriptors-> ADF META - INF-> adfmf-config. XML

    Check the family skin it and use in the skin of skin-addition id attribute.

    With this way automatically all your pages will use the same background image.

    In addition, background - image: url("images/back.png");    ---> It denotes that this images folder is inside the css file. If the pictures folder is a brother to css file, use

    background-image: url("..) (' / images/back.png ');

  • How to set up the images and captions after the import of Word 2007

    I have three general issues (ID CS4):

    • I haveMagi are placed inside the text block. How could I place them in any other place easily? If I try with the holding of the left button of the mouse, which is not possible. I have to cut it and paste it again. What is this possible.
    • How to create captions for the images and tables? I get Word of text style with a description. Maybe I need to number the pictures and tables. The common question is: is it necessary to number of images and tables in the SW user manual? I've seen a lot of documentations and there were not counted. There are common rules, when it is necessary to dial it and when not? If yes how can I do such a legend in InDesign? I tried it and I am so far, I can do it in a separate text frame for counter with text. It is the only way?
    • Import of untied the size table and the table is placed off the page. I didn't understand why ID has not regained the same size in Word 2007

    Please see my file:
    http://www.FlashMedia.cz/temp/import_word_2007.indd

    I answered this question, and we had a lively discussion. Yes, you

    create a separate text for captions. You can use automatic

    numbers, or type numbers in itself. If you do not understand the

    words in the discussion, or if you need more "hand holding" Guide

    through, I suggest that you look for some tutorials online.

    -

  • How to set up the internet conection with Windows XP?

    Hello, I just got a windows XP computer, and I'm trying to configure internet for this. I have an ethernet cable that connects to it, but when I plug it in, nothing happens. I open internet Explorer, but I put a dial widget pass. I tried to configure the interent in Control Panel Network, but it did not work. I have a modem that connects to a D-Link router and from there, to your computer and the computer XP. Please help me to set up.

    Hi Brainiac107,

    You get the error message?

    Method 1:  You can see the steps outlined in the article below

    How to troubleshoot possible causes of Internet connection problems in Windows XP

    http://support.Microsoft.com/kb/314095

    Method 2:  You can follow the steps mentioned in the link below to make an Internet connection

    To establish an Internet connection

    http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/howto_i_client.mspx?mfr=true

    Also check out the article below

    How to set up a connection to the Internet in Windows XP Professional

    http://support.Microsoft.com/kb/305549

  • Cascades: How to set the background image for the menu drop down and etc...

    Hello

    Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

    Thank you

    Tom.

    Welcome to the forums!

    This is currently not supported unfortunately.

    I encourage you to save a feature for this request:

    https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

    See you soon!

    Martin

  • How to set up a second monitor with a different view than the one on my laptop? [was: ron]

    I'm trying to set up a second monitor with a different view than the one on my laptop.  I have a HP Pavilion dv5 laptop and a secondary monitor View Sonic UP2365-LED.  They are connected with a cable 15 pin... my only choice on the laptop.  When I select the second monitor, it displays a box of a second on my laptop and the secondary monitor.  My pointer moves on both screens at the same time, no matter what display, I select the monitor 2.

    It depends on the whther the laptop can support both points of view.

    Somewhere with the right button on the desktop, choose "screen resolution" and that there should be only a drop down menu entitled "multiple displays".  Looks like you have "displays a duplicate" choose (if it will leave you) "to extend these screens.

  • How can I remove the image of the mouse on a page scrolls in captivate 6

    Hi all

    (Captivate 6)


    I have a few pages where I had to scroll when capturing a video. I want to remove the images of the scroll mouse. I see that it is bound to a fullmotion.swf file in properties but I don't know how

    to delete the image.

    What I tried:

    1. replace the frame-by-frame empty mouse

    -bad result that audio button

    Does anyone have any ideas?

    I hope that I don't have to have a new video capture him and import it I have audio attached to it and do not know how to divide the audio and video, if it's the answer can you tell me how to split audio and video? If you have an easier solution, I'd love to hear it

    Thanks for the help

    Eddy

    Too bad. Resolved to my answer.

    1. my solution

    a. change the background at bottom even using a motion.flv no, worked like a charm with even

    audio

    Happy!

  • combining image submit with text field

    How would easily combine the image of research with the (or in the) text field?

    Capture.JPG

    You can see a customized below search box.

    View source in the browser to see the code of the entire form.

    http://ALT-Web.com/demos/search.html

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • set a background image for a text box or label?

    Hey gang,

    I would like to put a background image for a text box or label.

    is there a way to do this?

    also if I put the bottom level of the container root and do the rest orders slightly transparent (opacity: 0.8 or something), the background appear through?

    Thank you

    J

    for your text box, define backgroundVisible: false & and/or upgrade the opacity to the low enough that you can see through it and place your background image behind the text box. (I belive opacity changes will affect the text as well).

    for labels, I used the method of the container as you described.

  • How to set up the 3G connection with "optus" on Portege Z30 - has PT243E

    Hello;

    I'm trying for several days to set up my 3g connection / 4g with my sim card "optus, but I don't not each time."
    I downloaded 'toshiba wireless manager', but my computer does not detect my card.

    Anyone have a solution?

    Thank you

    Try this:

    Remove the SIM card while the device is turned on.
    Then stop it completely, insert the SIM card yet again, and then turn on the laptop with SIM card inserted.

    Then follow this instruction step by step to make the 3G connection:
    How can I configure and set up a 3G connection via the preinstalled Toshiba Wireless Manager?

  • Satego P100-491: how to set the contrast on Vista with Nvidia 7900 Go?

    Hello

    Can someone help me? How is it possible to change the contrast on my new laptop Satego P100-491 OS Vista Nvidia
    Gefore go 7900 gs Driver 7,15,10,9748. After using goto Nvidia display option in the control panel and change the settings but there is no menu to 'adjust desktop color settings.

    Thank you

    Hello

    with this old XP drivers it was possible, but now... you can try with these color settings, but I don't know if you would have this success.
    I tried to do things like you (some contrast, gamma, etc.), but I think they did not set up that works right now in the Vista drivers.

    So, maybe we just have to wait...

    Welcome them

  • How to set up two different sites with a section that has the same content?

    I have two sister sites, each a separate but related Department in a hospital. Each of these Web sites, I have a main tab called library, which has about 30 pages it contains for related health issues. The library is the exact same content on each site, but the main navigation and the header of the site is obviously different. I have been maintaining this same content on both sites (if something is changed, then I must do it twice). It is not effective, and I would like to find a way to combine them somehow. I don't have a ton of experience, but I catch pretty quickly and I basically need ideas for the best way to handle this. I considered creating a third-party site, and the Library tab on each of the other sites would take you to this new site. I also wondered if there is a way to integration of duplicate content to two different pages (perhaps with an iframe). In this way I would update the original file, and it would be updated on both sites.

    The sites also have different sizes. It is 960 pixels wide and the other is 690 because it has a sidebar that makes it smaller. How would you recommend all that I manage that? I use Dreamweaver CS6 and my pages are all HTML

    Because the sites are on separate areas, I'm not sure you can use set includes in this situation.

    Iframes would be the way to go. You just save the content iframe on one of your sites and link page to two pages.

Maybe you are looking for