Need help newbie Layout

I'm normally a user After Effects and Premiere Pro, but were forced to volunteer to help on a project of Dreamweaver.

The site is built on the model: HTML, 1 column, fixed, header and footer.  I want to be able to insert a photo of the width of the main column, 960 px I think.  Then, under this picture, I want to insert 4 pictures with different widths, between 150 and 200 pixels wide.  I will need to update it from time to time, and the quantity and sizes of the photos will be different every time.  If "Draw AP Div" worked as I expected to, it's simple: draw rectangles and insert images.  However, as you know, it won't be that easy.  I have read the page formatting101 and searched the forum, but I guess I don't know enough to know what to look for.

Is it possible to place images in the way I want?  Do I need a plug-in?   I need to where to start.

You don't need APDivs for this.  If you want the secondary images to be equidistant from the page, using CSS floats & margins.

http://ALT-Web.com/demos/3-CSS-boxes.shtml

If you do not need them spaced regularly, simply insert images optimized in your layout.  Don't forget to resize the images beforehand in your graphics editor so that their combined widths will fit inside the page layout.

description

description

description

description

description

Nancy O.

ALT-Web Design & Publishing

Web | Graphics | Print | Media specialists

http://ALT-Web.com/

Tags: Dreamweaver

Similar Questions

  • Need help with layout in two columns...

    I am very new to Dw and HTML/CSS.  I play around, trying to get a layout column going.  When I go to insert a picture in the things of the content column begins to go wrong.  What I'm trying to fix at the moment, it's only after you have entered the picture on the opposite side of the column, let me only enter text at the bottom of the content column and continue down.  What I'm trying to do, it's the line up right next to the image, the text to be side by side.  I would appreciate all the advice really.

    AndrewLikesBacon34 wrote:

    What I did on 'Design view', click on the right column and click Insert image.  So what I need to do, is that the image of his own class and it floats to the left?

    Yes, but the best way to do is just select the image in design view, and then switch to the code view (the image tag is now highlighted) and add - class = "floatLeft" - in the img tag typing it manually.

    Then just copy the css below and add it to your css styles.

    {.floatLeft}

    float: left;

    margin: 0 10px 10px 0 / * up, right, down, left * /.

    }

  • Need help newbie extract

    Hi all


    I have a file of Web layout in Photoshop complete with several layers - and I need to extract parts of it for use on the site.

    I know a little bit of slices - but I prefer not to use that now. I thought rather to save a master tiff file with no layers - and simply copying pieces of this as needed.

    I have a background layer that is wider than the rest - and I'd rather delete this layer background everything and then save the tiff without it.

    Q: can you tell me the best way to achieve this?

    Revdave,

    You can easily follow the video below to extract the context of Photoshop.

    Remove the background of the Photo - Photoshop CS6 - YouTube

    Let me know if you need more information on this!

    See you soon

    -Florian

  • need help page layout

    Guys,

    I have a problem of layout...

    I want something like that

    inputText labe1: | | cmdBouton
    inputText labe2: | | cmdBouton
    inputText labe3: | | cmdBouton
    inputText labe4: | | cmdBouton
    inputText labe5: | | cmdBouton

    labels can length diff... I want to input box input component to be mutually loew and button below the other

    What component to use?

    thnks for everyone in your answers :)

    It should work

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  • Need help with layout IE Buggy

    I downloaded my web pages and they all look great in browsers from apple, but my grid product looks like broken in Internet Explorer.  First I thought it was a problem in IE6, but it seems IE is having a hard time with these pages in general.

    I need to erase some floats? Adjust the overflow?

    Any suggestions would be extremely useful,

    is the URL: http://stoughtonprinting.com/vinylrecordprod.html

    Thank you

    Hello:

    What is happening because of the float: left propert you assigned to your divs title:

    For the following classes just remove the float: left of each and your page should work properly in IE and FF.

    .recordbox #recordbodyarea #tipontitle {}
    overflow: hidden;

    float: left;
    Width: 160px;
    }

    .recordbox #recordbodyarea #dtbtitle {}
    Clear: left;

    float: left;
    overflow: hidden;
    Width: 400 PX;
    }

    .recordbox #recordbodyarea #istitle {}
    Clear: left;

    float: left;
    overflow: hidden;
    Width: 200px;
    }

    because of the left float is available for movement upward (in IE even if you used Clear).

    To do this, and it will be fixed.

    Kind regards

    Vinay

  • Need help newbie here!

    Hi guys,.

    Ive hunted high and low for this problem, but impossible to find out what it is.

    Here's my problem...

    Do you see not the bar of the browser when you enter the site you want to visit, to the left of which is a small image (like the adobe one that is there now) can you do it via dreamweaver 8? If so, how the people.

    Thanks in advance!

    It's called a favicon, an image with the name of favicon.ico file

    You can create a square in your image editor image and use this free tool to create your favicon:

    Free Favicon tool

    Place it in the root of your web directory, and place the following line of code between yourTags:

    Hope that helps!

  • Trying to update project to demand end - need help newbie!

    Guys, I'm new to the Oracle projects, I've never used before.  I just learned a few things in the interface user and read the docs documenting procs stored.  My question is simple (hopefully) in the UI I chose a responsibility, and then under "project:" I choose "Research projects", I enter the project ID in the field and click on OK, I am able to see all the details of the project and tasks.  No problem!  Is what I want to do using the Update_Project API to change the "on-demand end Date" of the project.

    I have the following information that I managed to scratch to the top:

    Project, Responsibility_id, User_id, Resp_Appl_Id

    I got the project id by using:

    Select project name of pa_projects_all

    WHERE name = 'My Project';

    So first what I call set_global_info with the appropriate parameters, and then:

    -SET OF GLOBAL VALUES

    () pa_interface_utils_pub.set_global_info

    p_api_version_number = > 1.0,

    p_responsibility_id = > fnd_profile.value('57203'),

    p_user_id = > fnd_profile.value('1013415'),

    p_msg_count = > l_msg_count,

    p_msg_data = > l_msg_data,

    p_return_status = > l_return_status);

    l_project_in.pa_project_id: = 4608;

    l_project_in.scheduled_finish_date: = to_date ('2008-02-27', 'YYYY-MM-DD');

    -UPDATE_PROJECT

    pa_project_pub. () UPDATE_project

    l_api_version_number,

    p_commit = > l_commit,

    p_init_msg_list = > l_init_msg_list,

    p_msg_count = > l_msg_count,

    p_msg_data = > l_msg_data,

    p_return_status = > l_return_status,

    p_workflow_started = > l_workflow_started,

    p_pm_product_code = > null,

    p_project_in = > l_project_in,

    p_project_out = > l_project_out,

    p_key_members = > l_key_members,

    p_class_categories = > l_class_categories,

    p_tasks_in = > l_tasks_in,

    p_tasks_out = > l_tasks_out);

    What I get is the message ' error: project ID is not valid "and the status is 'E '.

    I don't know why it is not valid because it is the exact project from the projects table ID.  The only thing I can think is that the p_pm_product_code is set to null, but I'm not sure where this value comes from and why it is still important.  I checked the documents and it is said that it refers to an external system.  Why is the code of important external system if I change the data within Oracle projects?

    Hello

    It seems that you do not specify initialization values correctly. Oracle project API are specific Org and require a correct initialization before being called so they can work.

    Few things I've noticed since the code is:

    1. the following text is used to define the user ID and the ID of responsibility:

    p_responsibility_id-online fnd_profile.value('57203'),

    p_user_id-online fnd_profile.value('1013415'),

    I think that the appeal should be like that. This should be used if you want to call the API through a simultaneous request for Quote window (Oracle Apps environment) program. fnd_profile. Value will get the id of the responsibility and the opportunity id of the user who runs the program and assign to variables.

    p_responsibility_id-online fnd_profile.value ('RESP_ID'),

    p_user_id-online fnd_profile.value ('USER_ID'),

    Or if you skip the hard-coded ID, this can be used if you are running the script of an environment Non-Oracle Applications, for example from SQL * more.

    p_responsibility_id-online 57203

    p_user_id-online 1013415

    2. I noticed that you do not P_OPERATING_UNIT_ID parameter in the call to pa_interface_utils_pub.set_global_info. That's fine if you don't use MAC and that you have defined MO: profile of the operational unit of the delegated responsibility.  If you use MAC or are unsure, it is always advisable to explicitly pass the P_OPERATING_UNIT_ID parameter in the call to pa_interface_utils_pub.set_global_info.

    Note: DO NOT use fnd_profile.value('ORG_ID') to set the P_OPERATING_UNIT_ID parameter. In a MAC environment, this may not work.

    3. always make sure that you check the return status of the pa_interface_utils_pub.set_global_info of success before calling the API of project. This will save you a lot of frustration during the test.

    4. you might find the following useful note

    Overview of the proposed API and reference (Doc ID 1424156.1)

    Kind regards

    Raghavan Guillaumin

  • Need help with mobile layout

    Hello. Need help with my layout sensitive, using straight lines only html5 and css3 that I can understand and explain a novice level please - without any restart. Desktop and mobile are in a single html doc. The desktop version is 'ok '.

    current version (6_2)

    Try to match these mobile Office layouts

    On the mobile version:

    -Impossible to get the buttons nav blocks, vertical text button Align, and align the image of the product (square pictures) to the Center. (margin: auto; does not work)

    I used heights in the header because I'll have code for desktop, mobile and tablet in the CSS so it changes (and do not know how to support better). Also need to Add a link to the logo image background in header.

    Thanks in advance!

    TheOriginal150mph wrote:

    Hello. Need help with my layout sensitive, using straight lines only html5 and css3 that I can understand and explain a novice level please - without any restart. Desktop and mobile are in a single html doc. The desktop version is 'ok '.

    current version (6_2)

    Try to match thesemobile Officelayouts     

    On the mobile version:

    -Impossible to get the buttons nav blocks, vertical text button Align, and align the image of the product (square pictures) to the Center. (margin: auto; does not work)

    Commenting on just a habit of property changing the css if you have defined it for the desktop version. Your nav elements are not vertically Center because you have a bottom padding set on them for the office, there are only changes for mobile in your css media query.

    .main-nav a {}

    display: block;

    text-decoration: none;

    / * padding-bottom: 15px;   */

    Padding: 12px 0;

    }

    Change the properties for the .product-images for mobile boxes: you have float attached to them for the desktop version and which cascade down to the mobile version, unless you change in the media query:

    .product-image {}

    float: none;

    Width: 50%;

    margin: 0 auto 20px auto;

    }

    As I mentioned in one of my posts related to your project, you will probably have to make your product images a bit larger. They fill the area once they form a column to width of 768px screen or you could resist transform them to one column until a little more by using a media query extra set at a narrow screen width to evoke this action

  • I need assistance in the import of certain vectors, watercolor color chart and other creative market (step by step instructions).  Im a newbie to Illustrator and need help.

    I need assistance in the import of certain vectors, watercolor color chart and other creative market (step by step instructions).  Im a newbie to Illustrator and need help.

    Should be the subject of the file > open.  After the download.  The swatches will come with the file.

  • Worried newbie needs help!

    Hello!

    After more than a month, I finally get a job Fuze + and get to try a little.

    but most of the comments here seem very negative. I bougt a garage

    hardware disaster?

    I love the Sansa Clip and I have 10 of those and 10 HiFi headphones

    to go with them. In the Clip, the sound quality is awesome!

    In any case, I got the Fuze + to work, and need help with it.

    * How can I put pictures Album out there? What size and shape and where?

    I prefer to put it manually on there and ignore the synchronization with the drive Media of M$,.

    I hate this show. I have MP11 on my computer, but never used.

    * What other things can I customize? Guides for it?

    * I can't the Sansa Media Converter somewhere?

    It will not download via the Sansa Updater and I can't find anywhere else. Or will not have to worry

    with that one?

    * What free videoconverter is the easiest to use, although he is capable? What is Video4Fuze?

    * And finally, if there are audiophiles here, do you use Flac or Ogg at all?

    Tell you that there is a noticeable difference compared to-for a torn lame mp3 320 Kbps?

    Is the rocket + pretty good so that you can hear a difference?

    Many questions, any help much appreciated!

    I really want to use the "rocket" to its full potential!

    Thanks for your informative reply!

    I know that most of my questions probably already it has been answered somewhere in there,

    but I'm too out to look for them. Sorry about that!

    Now I started to use it and put some mp3´s on there and even converts the whole video concerts

    and they are brilliant bloody!

    I already love this player, even if I don't see some issues here and there!

    The thing was that I ordered my Fuze and the started making photo albums and extract it to music in the meantime.

    but it turned out be the wrong strategy, because I had several players who start would'nt, so I

    Acctually had abandoned. On a whim, I tried ordering him to a local store and that it has worked flawlessly.

    In any case, it will be the most disciplined preussian Fuze again!

    Perfect RIP, menus and all that!

    I'm learning as I go along, and if I'm running trouble I will ask for more help.

    There is at least a Fuze happy customer here. For the time being.

    PS: Thanks for the audio quality!

  • Newbie needing help. I need to show an MC on the stage in 4 random positions?

    I am new to actionscript and need help with showing my MC 4 place on the stage (topleft, topright, bottomleft, bottomright) all one after the other with a second 2 time between them.

    If anyone has any actionscript 3.0 how to do what you'd be a life saver

    the topleft etc. are not random positions but, if MC a reg point at the top left:

    addChild (MC);

    MC.x is MC.y = 0;.

    var positionA:Array = [[stage.stageWidth - MC.width, 0], [0, stage.stageHeight - MC.height], [stage.sta geWidth-MC-width, stage.stageHeight - MC.height]];

    var t:Timer = new Timer (2000,3);

    t.addEventListener (TimerEvent.TIMER, f);

    t.Start ();

    function f(e:TimerEvent):void {}

    MC.x = positionA [t.currentCount] [0];

    MC.y = positionA [t.currentCount] [1];

    }

  • Newbie needs help with cookie cutter in PSE8

    I'm new to PSE8, the cookie cutter tool and work with layers, what I need help with to accomplish what I want to do.

    I want to use one form of cookie cutter to make several 'holes' in an image, leaving a solid color background layer to show through. (Or another path, use the form of Cutter of biscuit as a solid 'rubber stamp' color to stop shape on the image in several places)?

    I opened my image in the editor and create a solid color fill layer, and then I select the shape of Cutter of biscuit that I want to use, for example a sheet.  Then I select the color fill layer, click and drag to create the sheet randomly somewhere in it.  When I release the mouse button, the window returns to the image and there is the leaf, locked in a box, in the color I want, on the image. I drag the box (leaves) to where I want it and click the green checkmark to accept. So far so good.  Here's the problem: in order to create another sheet on the image, I have to create another layer of fill and repeat the whole process.  If I try to use the same fill layer to a second sheet, the first sheet disappears.  I must be missing something very simple, but I can't figure out how to get out several sheets of a filling layer.  Also, I use a version without the constraint of the sheet because I would create several sheets of different sizes out of the fill layer as well.

    I would be grateful for any help or suggestion!

    Try the following:

    1. File > new > empty file - white
    2. Create a new layer, fill it red
    3. Create a new layer, fill it out of blue
    4. Access the marquee tool, drag the rectangle to the blue layer. You should see "ants in market". Press DELETE on the keyboard.  You should see red in the rectangular hole.
    5. Access to the custom shape (U) tool. In the form of culture library, select the heart shape black all and hang out on the blue layer. Press CTRL + left click the thumbnail of the layer of the capping layer for "mobile dotted." Hit delete on keyboard twice, and you should see red in the heart shaped hole.
    6. Continue with other forms.

  • Need help with network home using Airport extreme

    I need help with my home network.  I'm not very aware when it comes to all things network.  Here's how my network is currently set up.

    Cable modem to Airport Extreme for Gigabit Switch.  Cables come out of the switch to all areas of the House.  I have 2 other extreme airport connected in other rooms of the House directly on the wall that dates back to the switch.  I hope I am explaining that properly.

    My problem is that this seems to have caused some of my connections cable does not work.  When everything is configured, it has worked well.  All connections in the House worked.  Then we have disconnected one of the extreme airport and moved to another location in the House to have the best wifi coverage.  Since that time, a lot of the ethernet wall plugs are not working.  For example, when I plug in my Macbook Pro in making ethernet in my kitchen, it says connected but it has an assigned ip address and cannot connect to the internet.

    Any help you can provide would be great.

    I would like to get the return tech to help you to...

    But it is likely that something (or someone) has tampered with the settings.

    The layout is fine... but you can cause problems with the network by creating a loop.

    This can happen because the AE you moved is connected wrongly... somewhere in the network it is connected to the switch again.

    Or AE is set to expand wireless... It's FAKE... It will loop the network on the back main EI wireless.

    Unplug the two AE you have that function as extensions...

    Turning off everything else... then it works again...

    Do it in this order.

    Modem... Wait 2 min

    AE... Wait 2 min

    Switch.

    Now check that the network is working properly... power of customers in various locations and make sure everything is good.

    If so, then manually reset the two AE of factory and redo their installation.

  • Infected Winlogon.exe and explorer.exe accidentally deleted on XP Pro PC - need help from recovery console

    Hello

    Windows XP Pro SP3 Dell Optiplex and been infected by Trojan in winlogon exe files and Explorer. AVG asked me if I wanted to force deletion and I foolishly agreed. Now, I get the BSOD and the message 'Windows logon done unexpectedly '.   It is a work PC and the CD only we have is the Dell CD to re - install and I know that I need as the first step recovery console. I don't know if the recovery console is on it, and then I need help for the uncomprressed explorer.ex_ and winlogon.ex_ and in their right place.

    I'm not a total newbie, but it's been some time that I used the recovery console.

    Help?  Thanks in advance and greetings to all

    Morey

    Try to be more specific with the error messages you see, so it does not guess or try things.

    Here is an example of a popular error message that sounds like yours (maybe):

    STOP: c000021a {fatal system error}
    The Windows logon process ended unexpectedly with the status of 0xc0000034 (0 x 0000000 0000000 x 0).
    The system has been shut down.

    What exactly tell your message?

    There should be copies of XP system files backup all critical already on your hard drive in the windows\system32\dllcache folder (it is this case), you may not need any expansion.

    I would like to see the exact error message, make a CD bootable Recovery Console, run chkdsk/r even if he doesn't find anything to do and then see the replacement of missing persons or suspicious files, either by copying it in the backup copies of replacement of the recovery, or from another CD Console, you can do if the Recovery Console gives you a hard time (first do the CD Recovery Console).

    First of all, you need to start on something...

    You can do a restore bootable XP CD as follows:

    If you have no XP bootable media (or aren't sure you have) create a bootable XP Recovery CD of Console and do not forget.

    This is not the same as recovery disks that may have come to a store to purchase the system.

    You can make a bootable Recovery Console CD by downloading an ISO file and burn it to a CD.

    The ISO bootable image file you need to download is called:

    xp_rec_con. ISO

    Download the ISO from here:

    http://www.mediafire.com/?ueyyzfymmig

    Use a new CD and this simple and free program to burn your ISO file and create your bootable CD:

    http://www.ImgBurn.com/

    Here are some instructions for ImgBurn:

    http://Forum.ImgBurn.com/index.php?showtopic=61

    It would be a good idea to test your bootable CD on a computer running.

    You may need to adjust the computer BIOS settings to use the CD-ROM drive as the first device to boot instead of the hard drive.  These adjustments are made before Windows tries to load.  If you miss it, you will need to restart the system again.

    When you start on the CD, follow the instructions:

    Press any key to boot from CD...

    Installing Windows... going to pronounce.

    Press 'R' to enter the Recovery Console.

    Select the installation that you want to access (usually 1: C:\WINDOWS)

    You may be asked to enter the password (usually empty).

    You should be in the folder C:\WINDOWS.  It's the same as the

    C:\Windows folder that you see in Solution Explorer.

    The Recovery Console allows base as file commands: copy, rename, replace, delete, chkdsk, fixboot, fixmbr, cd, etc.

    For a list of the commands in the Recovery Console, type help at the command prompt.

    Start by checking the integrity of your file system by using the chkdsk command.

    In the command prompt window, run the chkdsk command on the drive where Windows is installed to try to fix any problems on the afflicted player.

    Running chkdsk is fine, even if he finds no problem.  It won't hurt anything to run it.

    Assuming your boot drive is C, run the following command:

    CHKDSK C: /r

    Let chkdsk finish to correct the problems, he could find.  It may take a long time for chkdsk complete or they seem to be "stuck".  Be patient.  If the HARD drive led blinks always, chkdsk is something.  Keep an eye on the amount of the percentage to be sure that it is still making progress.  It may even seem to go back sometime.

    You must run chkdsk/r again until it finds no error to correct.

    Do, or do not. There is no test.

    I decided to implement the points for a new puppy instead of a pony!

  • can receive messages but can't send on outlook express, need help

    Was just good with this computer that uses windows XP and have added my name is outlook express account. Things were going along fine until it tries to send a response to a current e-mail was greeted with an error message "secure (SSL). ' No, Error.10061 Socket error #0x800CCC0E ' and my message is stuck in my Outbox. Am at a loss to know how this can be resolved and of course need help...

    Check: File | Work offline and in: reviews | Layout: uncheck the preview pane and you should be able to delete the message.

    The account is probably not configured correctly. Double check your settings and if you don't get developed, after back and say EU your e-mail server and send an error message in its entirety. You can left click on it to highlight then right click to copy and then paste in this thread.

Maybe you are looking for