fixed image with smaller images fluid around her

Hello

I floated a large image so that the small images wrap around him: http://www.demilodesign.com/assets/CSS/test_slider.html

But when the width of the browser window is small I would have the big picture 'stuck' in place and have small images to move fluidly around it and with the width of the browser. Making the big picture absolute or fixed so far prevented the top of page three small images of skin around it and I get a hole to the left of it. Thanks for the ideas.

CSS code

.bodyContainer

{

background-color: #ffffff;

Max-width: 934px;

margin: 0 auto;

padding: 0;

position: relative;

top: 60px banner;

border: 0px solid black;

}

.logo

{

background-color: #F6FDDB;

Width: 100%;

height: 46px;

border-bottom-style: solid;

border-bottom-color: #cccc66;

border-bottom-width: 1px;

text-align: center;

position: relative;

Top: 0px;

padding-top: 11px;

padding-bottom: 12px;

}

.footContainer

{

background-color: #F6FDDB;

border-top-style: solid;

border-bottom-color: #cccc66;

border-top-width: 30px;

position: relative;

Width: 100%;

height: 70px;

top: 80px;

bottom: 0;

left: 0;

right: 0;

text-align: center;

border: 0px solid red;

}

.navIconBox

{background-color: #ffffcc;}

Width: 6px;

height: 6px;

padding: 0;

margin: 0;

border-style: solid;

border-color: #999900;

border-left-width: 1px;

border-right-width: 1px;

border-top-width: 0px;

border-bottom-width: 0px;

position: absolute;

top:-11px;

left: 35%;

left margin: auto;

margin-right: auto;

z-index: 1;

}

.navMenuItem

{

position: relative;

top: 7px;

text-align: center;

color: #cccc66;

padding-right: 10px;

/ * police: 0.7em / Verdana, Arial, Helvetica, without serif 20px; * /

}

.navContainer

{

Width: 100%;

margin: 0 auto;

padding: 0;

position: relative;

Top: 0px;

text-align: center;

}

.navIconBar

{

background-color: #ffffff;

Width: 100%;

height: 6px;

border-bottom-style: solid;

border-bottom-color: #cccc66;

border-bottom-width: 1px;

top: 200px;

}

.navSubContainer

{

Width: 100%;

margin: 0 auto;

padding: 0;

position: relative;

top: 20px;

text-align: center;

color: #ff9966;

border-top-style: dashed;

border-top-width: 1px;

border-bottom-color: #cccc66;

z-index: 2;

/ * police: 0.7em / Verdana, Arial, Helvetica, without serif 20px; * /

}

{.contactCart}

position: relative;

Max-width: 934px;

margin: 0 auto;

/ * float: right; * /

padding: 0px;

padding-right: 10px;

text-align: right;

padding-top: 40px;

border: 0px solid black;

}

{.catalogThumbs}

position: relative;

display: inline-block;

Width: 118px;

height: 118px;

text-align: center;

vertical-align: top;

border: 1px solid #666666;

make-weight: bold;

margin-bottom: 30px;

right margin: 5px;

margin-left: 5px;

}

{.catalogFeatureImage}

position: absolute;

top: 50;

right: 300;

display: inline-block;

float: right;

padding-top: 5px;

Width: 522px;

height: 312px;

text-align: right;

vertical-align: middle;

border: 1px solid #cccc66;

margin-bottom: 5px;

left margin: 0px;

right margin: 5px;

background-color: #F6FDDB;

}

{.catalogDetailImage}

position: relative;

display: inline-block;

float: right;

padding-top: 5px;

Width: 600px;

height: 400px;

text-align: right;

vertical-align: middle;

border: 1px solid #cccc66;

margin-bottom: 5px;

left margin: 0px;

right margin: 5px;

background-color: #F6FDDB;

}

{.catalogHead}

position: relative;

display: inline-block;

text-align: right;

border: 0px solid #cccc66;

margin-bottom: 5px;

margin-left: 5px;

right margin: 5px;

border: 0px solid #cccc66;

height: 175px;

Width: 388px;

}

{.catalogDetailHead}

position: relative;

display: inline-block;

text-align: right;

margin-bottom: 5px;

margin-left: 5px;

right margin: 5px;

border: 0px solid #cccc66;

height: 400px;

Width: 345px;

}

{.catalogHeadText}

do-size: 14px;

make-style: normal;

make-weight: bold;

do-family: "Times New Roman", Times, serif;

letter-spacing: 0.1em;

color: #ff9966;

}

Have you considered to define the clear property on the image in the application of media for the smaller ports of view?

This will keep the larger image fixed in its place when the user is in the small windows.

Tags: Dreamweaver

Similar Questions

  • A png image motion tween move not commonly but with small jumps. Why?

    A png image motion tween move not commonly but with small jumps. I have change fps, but it does not help. Should what settings I check?

    You can try to go into the properties of the image in the library and select the option to allow smoothing.  Who can help.

  • Whenever I hit the installer and run it, it comes up with a window with two buttons, an asset and a button at home. A small circle rotates around on the screen. Nothing ever happens in addition. I tried it several times redownloading. What sh

    Whenever I hit the installer and run it, it comes up with a window with two buttons, an asset and a button at home. A small circle rotates around on the screen. Nothing ever happens in addition. I tried to re - download several times. What should I do? Here is a picture of what happens:CCFail.PNG

    See if the following can help:

    White screen

    https://forums.Adobe.com/thread/1249756

  • Fixed image

    I set up a video (Premiere Pro CS4) that compares, side-by-side, the images from two different sources.  One of them is longer than the other and a fixed image of the first, I would like to remain on the screen, while the rest of the other vid continues to play.  How do I do that?

    Thanks in advance

    Stephanie

    Hello

    I think I know what you want to do...

    Place your CTI needle over the frame you want to use as a still image.  With the highlight clip go to EXPORT / SETTING... and choose a location for the file to go to, like your desktop...

    This will be a BMP file... file image.

    Import this image file to your project.

    Place it where you want and stretch out (trim) to the length of your other clip is the right time for you.

    Stem

  • Is the old puzzle slide with the Rainbow Apple logo always around here?

    Is the old puzzle slide with the Rainbow Apple logo always around here?

    For people who still have the old Mac OS 9, it is, but you must before mid-2006 PowerPC Mac to run it in classic, or to get a such a Mac ROM to install with a program called Sheepshaver.  Depending on your country, get a such ROM cannot be legal.

  • before I could see a 'fixed image' of any video clip that I had on my photos

    before that I could see a 'fixed image' of any video that I had on my photos, but after installing a program now all I see is MPEG on the icon video, how to restore the icon "video image"? Thank you

    No guarantee... but by running the following command can help...

    Reach... Start button / run...

    In the box run... type or copy/paste...

    regsvr32 shmedia.dll

    (Yes, there is a space between 2 and s)
    Press on... Come in...

    You should see a dialog box stating:
    "DllRegisterServer in successful shmedia.dll".

  • How can I use a video for the preview looks like instead of the fixed image?

    How can I use a video for the preview looks like instead of the fixed image? I use android lollipop.

    Hi Ali,

    Video preview for looks is not currently supported on Android. Your feature request was noted by the team.

    In the meantime, there is a video on the device you want to use as an overview, I would recommend taking a perforated CAP and still image as loading preview.

    Best,

    Bronwyn

  • Can I use the images I buy here to edit and design t-shirts for sale?

    Can I use the images I buy here to edit and design t-shirts for sale or would I need a special permit?

    This was taken up in Section 3.4 of the http://wwwimages.adobe.com/content/dam/Adobe/en/legal/servicetou/Adobe_Stock_Terms_en_US-2 0150313_hpc.pdf

    ~ David

  • Disabled applications with marked cross circle around him

    I got the application Parallels on my Macbook Pro. Suddenly, an update alrert came when I tried to launch parallels. I hit accidentally YES. It was updated and now I need to enter the activation key once again, that I do not have access to.

    So, I tried to restore the image of Time Machine application (just app restore but not the restoration of the whole image).

    Now I can see the icon of the parallels application with a gray cicrle crossed on this subject. I can't launch the Parallels. Also I can't get the activation key if I reinstall parallels.

    How to fix the restored application?

    Also another question is, my timemachine showed some images of backups, but when I rebooted my macbook, I lost all my previous bodies timemachine.

    Now, I am in a position to fix my parallels application, but may not be bale to do.

    Please, help me to understand:

    (1) why an application gets this circle crossed out around her? and how to fix it without reinstalling.

    (2) why I lost all my images TimeMachine on restart the Macbook?

    Thanks in advance.

    (1) the version of the application is not supported on your current operating system.

    the latest compatible version is V11

    http://www.parallels.com/products/desktop/?utm_campaign=sitelink & gclid = CIaxlbL3q s4CFQNsfgodtAcIfg

    If you purchased previous versions of the software, the key to series may be obtained by communicating directly with them.

    If you do not have a key that you will need to buy a newer version of the software or to restore your computer to an instance where he worked under your operating system through Time Machine

    (2) you follow the instructions of apples? If so, what are your light

    Use Time Machine to back up or restore your Mac - Apple Support

  • What is blue screen and what to do and how to fix this with out taking back to factory setting and reinstalling Vista

    What is blue screen and what to do and how to fix this with out taking back to factory setting and reinstalling Vista

    When a BSOD (Blue Screen of Death) the system failure occurs, for most users, there not enough time to fully record what he says. the exact text is important for anyone trying to diagnose what is wrong. You can save time when the error occurs then by following the procedure described below.

    If you already did it disable the auto reboot system error. This should help by allowing the time to write the code to Stop error and related information correctly. Select Start, do a right-click on computer select Properties, advanced, system settings startup and recovery, system failure and uncheck the box before automatically restarting. Re-do not enable automatic restart in the event of system failure after obtaining this information, this setting is the best left to not allow an automatic restart.

    If the failure occurs during the initialization of the computer, you need to try a different approach. You can access the Advanced Options Menu of Windows on multiple computers by constantly pressing the F8 (key) key when starting and selecting the option - disable automatic restart in case of system error. This method is not always easy to use because it may be difficult to press the F8 key at the right time. Try again if it doesn't work the first time. On some computers, a different key must be used.

    Send a copy of your dumpfile as a shared file on your disc of sky with a link here.
    http://social.technet.Microsoft.com/forums/en-us/w7itproui/thread/4fc10639-02dB-4665-993a-08d865088d65

  • Internet explore open with small screen when opening outlook.co.nz lnk

    Internet explore open with small screen when opening outlook.co.nz lnk

    Hello

    Thanks for posting your query to the Microsoft forum. I will definitely help you with this.

    This problem may occur because of the characteristics of enhanced security enabled on Internet Explorer 11. Damaged or missing modules can sometimes cause these problems.

    When you get the pop-up window?

    I would be grateful if you can provide us with the screenshot of the window to help you.

    Please refer to the article below, how to include a screenshot in your message

    http://answers.Microsoft.com/en-us/Windows/wiki/windows_other-windows_programs/how-to-include-a-screenshot-in-your-post/2594b08e-32a3-476A-85A6-b021181be7e4

    I suggest you follow the methods below and check.

    Method 1: Run the convenience store of performance of Internet explorer.

    Run the troubleshooter of performance of Internet Explore and check if have the same problem with Internet Explorer and check to see if it helps.

    Follow these steps:

    1. Press the Windows key to get the Start menu.
    2. The type of Troubleshooting in the search to the corner box and press on enter.
    3. Click the Troubleshooting tab.
    4. Click view all in the upper left corner.
    5. Select the options to solve the problems of Internet explore performance in the list.
    6. Click Next to launch the utility to troubleshoot Internet explore performance.

    Now, follow the on-screen instructions.

    If the problem persists, follow method 2.

    Method 2: Disable the modules

    Add - ons are applications that use browsers to interact with the content of web videos and games. Incompatible modules or outdated cause Internet Explorer runs slowly, crash or prevent the sites display properly. Before disable you all add-ons, try to start Internet Explorer without Add-ons to see if the problem goes away.

    1. click on the Windows of the keyboard key and type Internet Explorer in the search box.

    2. click on Internet Explorer (No Add-ons) in the list of results.

    If this seems to fix the problem, you can disable all add-ons and then reactivate them only according to your needs. Learn how to disable modules in reading manage Internet Explorer Add-ons in the link:

    Manage Add-ons in Internet Explorer

    If the problem persists, follow method 3.

    Method 3: Scan SFC run.

    You can also view the following Microsoft article to repair corrupted using SFC tool files. Use the System File Checker tool to repair missing or corrupted system files.

    http://support.Microsoft.com/kb/929833/en-us

    Let us know if you need more assistance. We will be happy to help you.

    ____________________

    Thank you best regards &,.

    Isha Soni

  • My text box is frozen and has a dotted around her line, how can I get the cursor inside?

    My text box is frozen and has a dotted around her line, how can I get the cursor inside? I work in Indesign CS3, I wrote a page of A4 format with a unique and with a large amount of text inside text box. In the end, I brought a JPEG in the page. Now they have a thin line dotted around them and appear "frozen." I have not seen the dotted line instead of the line before usual text box.

    Points: The text box is not locked, the layer is not locked. Nothing on the page goes live with command + A to select.

    It happened between the Time Machine backups so that I can not restore.

    All I need are the captured keystrokes.

    What can happen when you put the JPEG, I myself can I have moved that file folder, a larger file, on the desktop, then placed the JPEG.

    Re-opening Indesign didn't work; restart did not work.

    Solutions appreciated.

    The dotted lines mean that your items are on a master page and not a document page.

  • How I css style with checkered to fluid?

    When I have my view of the style Department with checkerboard to fluid it does not need view pad and telephone. For example if I do h1 courier it shows only the mail in my desktop view. However when I select display phone or pad and change font h1 it does not change the font in the view but it does change when I go back to the desktop view. So currently my style applies only to the view of the office even if I can modify it pad and phone, which makes changes to my view of the office, but not seeing that I'm editing.

    Finally, I would like to know how each different style display.

    Thanks for your suggestions.

    Kevin

    Sudarshan have already said, the FluidGrid operates mobile layouts first desktop and then.

    If you want to put your styles in the FluidGrid.css (and I really don't recommend this), you will need style to the mobile device.  Styles cascade and then down to tablets and desktop computers.

    IMO using a separate CSS file is much better because you're not messing around with the grid code. Only the contained styles that are not dependent of width device.

    Nancy O.

  • IPhone 5 c of the girl freezes a lot.  We took at the Sprint store and they can't find anything wrong with it.  They tell her to delete photos to make a storage capacity.  Any other ideas?

    IPhone 5 c of the girl freezes a lot.  We took at the Sprint store and they can't find anything wrong with it.  They tell her to delete photos to make a storage capacity.  Any other ideas?

    How much free space is a iPhone? Use the settings app to find out.

    Settings > General > storage > storage section is at the top.

    Did you remove photos from the film? If so, the photos transferred from the recently deleted album. They can remain there for 30 days allow for their recovery. But if you need to free up space on the iPhone you should remove again the album photos recently deleted.

  • The white point with the gray ring around him say what on him find my iPhone application?

    I have the iPhone 6 Plus and when I use Find My iPhone app I see several white dots with a gray ring around them. Indicate the points?

    This may mean that the devices are offline. iCloud: find your device

    It is in offline mode, which looks like:

    -AJ

Maybe you are looking for