div floating above the other div that has the image inside. Help, please

Hello

the page is http://blackpaint.co.uk/BlackPaint09/films/

I'm trying to make sure the DIV "SlantedWritingFilms" floating above the image that is in the same div - without it pushes the image down.

Maybe it's easier to look at the code:

.SlantedWritingFilms {
     position:relative;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 20px;
     font-weight: 100;
     font-style: italic;
     color: #000;
     letter-spacing: 3px;
     padding-right: 20px;
     padding-bottom: 4px;
     padding-left: 9px;
     padding-top: 5px;
     top: 0px;
     -webkit-border-bottom-right-radius: 1ex 1ex;
     background-image: url(../images/Semi-transparent.png);
     left: 0px;
     visibility: visible;
     z-index: 5;
}     


.FilmStill {
     background-color: #000;
     width: 375px;
     height: 140px;
     margin-left: 30%;
     margin-top: auto;
     margin-right: auto;
     margin-bottom: auto;
    border-style: none;
}

and HTML

  <div class="FilmStill">
 
     <span class="class1">
<span class="SlantedWritingFilms"><a rel="shadowbox;width=2000;height=1000;options={flashVars:{clip_id:1280592,autoplay:'true'}}" title="Eyelids" href="http://vimeo.com/moogaloop.swf">
Eyelids
</a></span>
</span>

   <a rel="shadowbox;width=2000;height=1000;options={flashVars:{clip_id:1280592,autoplay:'true'}}" title="Eyelids" href="http://vimeo.com/moogaloop.swf" id="triggereyelids" ><img src="../images/buttons/eyelids-button.jpg" width="375" height="140" border="0"/></a><div class="tooltip"><span class="HoverWritingParagraph">A short experiment of a film</span><br />
<br />
<span class="HoverWritingHeading">2007<br />
Dur: 2min30</span>
</div>
</div>

I'm sure it is a simple - but I can't find the answers!

Thanks a lot for help

As you have discovered, two elements to the surface of a

cannot occupy the same space. The solution by getting one of the elements to "sleep," it totally down the surface and that in fact a background of it either by actually "levitation", one above the other.

  • Apply a unique id to each div in which is now a picture.
  • Place each image in the background of the div, define in your CSS.
  • You will not then be able to use the image as a button, and you may want to add something to click on.

OR (this second way is preferable)

  • Change the . FilmStill definition by adding position: relative;
  • Change the . SlantedWritingFilms definition by adding position: absolute; and positioning attributes (left: 0; top: 0; for example)
  • Change to each . SlantedWritingFilms in one
    within the
    .

Beth

Tags: Dreamweaver

Similar Questions

  • Windows could not load the installer of the image. Help please!

    My HP4010 scanner has stopped working. I tried to reload the software, but now get message ' windows has no load installer for the image. I have uninstalled and reinstalled the HP software and tried as far as I know. I downloaded the latest HP drivers but no change. I should be grateful if you would help.

    Thank you

    John

    Hello

    Step 1: This could also be a problem with the driver. I suggest you to install the right driver for your scanner from the manufacturer's Web site and check if it works very well.

    http://Windows.Microsoft.com/en-us/Windows-Vista/update-a-driver-for-hardware-that-isn ' t-work correctly

    Step 2: Install the latest version of DirectX on your computer.

    Reinstall the latest version of Microsoft DirectX. For more information about troubleshooting and installing DirectX click the numbers below to view the articles in the Microsoft Knowledge Base:
    (http://support.microsoft.com/kb/179113/ ) How to download and install DirectX

    (http://support.microsoft.com/kb/157730/ ) How to determine the version of DirectX using the DirectX Diagnostic tool

    Step 3: You can also delete the upper and lower of your registry filters and check if it works.

    WARNING:

    Change the settings of the REGISTRY can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the REGISTRY settings configuration can be solved. Changes to these settings are at your own risk.

    http://Windows.Microsoft.com/en-us/Windows-Vista/back-up-the-registry

    a. Click Start and then click all programs.

    b. click Accessories and then click Run.

    c. type regedit and then click OK.

    d. If you are prompted for an administrator password or a confirmation, type the password, or click on allow.

    e. in the navigation pane, locate and then click the registry key under:

    HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Class\ {4D36E965-E325-11CE-BFC1-08002BE10318}

    f. in the right pane, click UpperFilters.

    Note You can also see an UpperFilters.bak registry entry. You don't have to delete this entry. Click UpperFilters. If you do not see the UpperFilters registry entry, you may still have to delete the LowerFilters registry entry. To do this, go to step i.

    g. in the Edit menu, click on delete.

    h. When you are prompted to confirm the deletion, click Yes.

    i. in the right pane, click LowerFilters.

    j. in the Edit menu, click on delete.

    k. When you are prompted to confirm the deletion, click Yes.

    Exit Registry Editor.

    Mr., restart the computer.

  • Exchange Image is not updated of the image to help please!

    For the last couple days I tried to get an updated image. I tried through local and remote server view. I have triple checked all the files linked and even done a preview and everything was OK. I have re downloaded the entire site just to see if there was a mistake that I missed but I checked for changes and everything was always as it should, but the image refuses to update on the site. I also tried several different computers, thinking that maybe it's cache or something but all computers load to the top of the wrong image. I use flash in dreamweaver to do animation where the image is actually need editing. I ' v never had this problem until the update to cs5 so im at a lost on this one. If the files on the local computer and the remote control are identical and the preview of the animation is correct WHY HABIT SHE UPDATE! This issue causes me a lot of stress and frustration because it is very important to have a good price on products. Thank you

    You are missing a SWF of reference (404 error, page not found).

    http://www.UTM.edu/departments/comstore/Flash/Index_Page.swf

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

  • Just installed windows 7 on a hpp6130y that I bought in August came with free Windows 7 upgrade after installation I lost microsoft works and other software that has been pre loaded on pc.

    Just installed windows 7 on a hpp6130y that I bought in August came with free Windows 7 upgrade after installation I lost microsoft works and other software that has been pre loaded on pc.

    How your post is related to Windows Update (compared to the Windows upgrade)?

    Contact HP support.

    ~ Robear Dyer (PA Bear) ~ MS MVP (that is to say, mail, security, Windows & Update Services) since 2002 ~ WARNING: MS MVPs represent or work for Microsoft

  • I can run a windows desktop themepack 7 on my other computer that has win xp pro?

    original title: I can run a windows desktop themepack 7 on my other computer that has win xp pro? I copied the files on the xp pc, but I get a message saying windows cannot open it. Thank you

    I can run a windows desktop themepack 7 on my other computer that has win xp pro? I copied the files on the xp pc, but I get a message saying windows cannot open it. Thank you

    Go here for instructions:

    How to use the themes of Windows 7 on XP or Vista.
    http://www.labnol.org/software/Windows-7-themes-for-XP-and-Vista/11205/

  • When you print a document that has an image in it, it does not print the photo

    Title problems: printing Moose

    When you print a document that has an image in it, it prints the image - all programs such as Word, Publisher, PDF, etc. Printer works ok with another computer and another printer works well with the computer. Have reinstalled the printer driver - downloaded from HP. I've updated to Windows Vista. The printer is a HP Photosmart 3210xi all-in-One. Nobody has been able to help me on this one.

    Hi Karosel

    The document which you are referring?

    Given that the issue is limited to a specific document, he could some settings within the program that causes this problem.

    Check print photo in the program settings, and then test to see if you can print as expected.

  • I downloaded a few applications directly from safari, will jailbreak my iphone? More apps that I downloaded Safari isn't in the settings. Help, please

    I downloaded a few applications directly from safari, will jailbreak my iphone? More apps that I downloaded Safari isn't in the settings. Help, please.

    software can not install any other source then app store on an unjailbroken ios device

  • I tried to install an update for CS6, but every time he tells me that the installation failed due to the error um44m2p7 help please!

    I tried to install an update for CS6, but every time he tells me that the installation failed due to the error um44m2p7 help please!

    Refer

    Do not install updates | Failure to update or U44M errors

  • _ "Windows Explorer has stopped working" error - HELP Please! __

    I tried pretty much everything I can try in this thread, and nothing seems to work! It is very probably the the most annoying problem that I experienced with windows! I can open all the files and programs it is just that the 'Windows Explorer has stopped working"error appears literally every 5 to 15 seconds!  I click on cancel, and the other appears which says "Windows Explorer restarts" help please, I've never been more ready to give up on windows for good!

    Thank you, Bryan

    Hello

    What antivirus/antispyware/security products do you have on the machine? Be one you have NEVER
    on this machine, including those you have uninstalled (they leave leftovers behind which can cause
    strange problems).

    ----------------------------------------------------

    Follow these steps:

    Start - type this in the search box-> find COMMAND at the top and RIGHT CLICK – RUN AS ADMIN

    Enter this at the command prompt - sfc/scannow

    How to analyze the log file entries that the Microsoft Windows Resource Checker (SFC.exe) program
    generates in Windows Vista cbs.log
    http://support.Microsoft.com/kb/928228

    Also run CheckDisk, so we cannot exclude as much as possible of the corruption.

    How to run the check disk at startup in Vista
    http://www.Vistax64.com/tutorials/67612-check-disk-Chkdsk.html

    ==========================================

    After the foregoing:

    How to troubleshoot a problem by performing a clean boot in Windows Vista
    http://support.Microsoft.com/kb/929135
    How to troubleshoot performance issues in Windows Vista
    http://support.Microsoft.com/kb/950685

    Optimize the performance of Microsoft Windows Vista
    http://support.Microsoft.com/kb/959062
    To see everything that is in charge of startup - wait a few minutes with nothing to do - then right-click
    Taskbar - the Task Manager process - take a look at stored by - Services - this is a quick way
    reference (if you have a small box at the bottom left - show for all users, then check that).

    How to check and change Vista startup programs
    http://www.Vistax64.com/tutorials/79612-startup-programs-enable-disable.html

    A quick check to see that load method 2 is - using MSCONFIG then put a list of
    those here.
    --------------------------------------------------------------------

    Tools that should help you:

    Process Explorer - free - find out which files, key of registry and other objects processes have opened.
    What DLLs they have loaded and more. This exceptionally effective utility will show you even who has
    each process.
    http://TechNet.Microsoft.com/en-us/Sysinternals/bb896653.aspx

    Autoruns - free - see what programs are configured to start automatically when you start your system
    and you log in. Autoruns also shows you the full list of registry and file locations where applications can
    Configure auto-start settings.
    http://TechNet.Microsoft.com/en-us/sysinternals/bb963902.aspx
    Process Monitor - Free - monitor the system files, registry, process, thread and DLL real-time activity.
    http://TechNet.Microsoft.com/en-us/Sysinternals/bb896645.aspx

    There are many excellent free tools from Sysinternals
    http://TechNet.Microsoft.com/en-us/Sysinternals/default.aspx

    -Free - WhatsInStartUP this utility displays the list of all applications that are loaded automatically
    When Windows starts. For each request, the following information is displayed: Type of startup (registry/Startup folder), Command - Line String, the product name, Version of the file, the name of the company;
    Location in the registry or the file system and more. It allows you to easily disable or remove unwanted
    a program that runs in your Windows startup.
    http://www.NirSoft.NET/utils/what_run_in_startup.html

    There are many excellent free tools to NirSoft
    http://www.NirSoft.NET/utils/index.html

    Window Watcher - free - do you know what is running on your computer? Maybe not. The window
    Watcher says it all, reporting of any window created by running programs, if the window
    is visible or not.
    http://www.KarenWare.com/PowerTools/ptwinwatch.asp

    Many excellent free tools and an excellent newsletter at Karenware
    http://www.KarenWare.com/

    ===========================================

    Vista and Windows 7 updated drivers love then here's how update the most important.

    This is my generic how updates of appropriate driver:

    This utility, it is easy see which versions are loaded:

    -Free - DriverView utility displays the list of all device drivers currently loaded on your system.
    For each driver in the list, additional useful information is displayed: load address of the driver,
    Description, version, product name, company that created the driver and more.
    http://www.NirSoft.NET/utils/DriverView.html

    For drivers, visit manufacturer of emergency system and of the manufacturer of the device that are the most common.
    Control Panel - device - Graphics Manager - note the brand and complete model
    your video card - double - tab of the driver - write version information. Now, click on update
    Driver (this can do nothing as MS is far behind the certification of drivers) - then right-click.
    Uninstall - REBOOT it will refresh the driver stack.

    Repeat this for network - card (NIC), Wifi network, sound, mouse, and keyboard if 3rd party
    with their own software and drivers and all other main drivers that you have.

    Now in the system manufacturer (Dell, HP, Toshiba as examples) site (in a restaurant), peripheral
    Site of the manufacturer (Realtek, Intel, Nvidia, ATI, for example) and get their latest versions. (Look for
    BIOS, Chipset and software updates on the site of the manufacturer of the system here.)

    Download - SAVE - go to where you put them - right click - RUN AD ADMIN - REBOOT after
    each installation.

    Always check in the Device Manager - drivers tab to be sure the version you actually install
    presents itself. This is because some restore drivers before the most recent is installed (sound card drivers
    in particular that) so to install a driver - reboot - check that it is installed and repeat as
    necessary.

    Repeat to the manufacturers - BTW in the DO NOT RUN THEIR SCANNER device - check
    manually by model.

    Look at the sites of the manufacturer for drivers - and the manufacturer of the device manually.
    http://pcsupport.about.com/od/driverssupport/HT/driverdlmfgr.htm

    How to install a device driver in Vista Device Manager
    http://www.Vistax64.com/tutorials/193584-Device-Manager-install-driver.html

    If you update the drivers manually, then it's a good idea to disable the facilities of driver under Windows
    Updates, that leaves about Windows updates but it will not install the drivers that will be generally
    older and cause problems. If updates offers a new driver and then HIDE it (right click on it), then
    get new manually if you wish.

    How to disable automatic driver Installation in Windows Vista - drivers
    http://www.AddictiveTips.com/Windows-Tips/how-to-disable-automatic-driver-installation-in-Windows-Vista/
    http://TechNet.Microsoft.com/en-us/library/cc730606 (WS.10) .aspx

    ===========================================

    Refer to these discussions because many more excellent advice however don't forget to check your antivirus
    programs, the main drivers and BIOS update and also solve the problems with the cleanboot method
    first.

    Problems with the overall speed of the system and performance
    http://support.Microsoft.com/GP/slow_windows_performance/en-us

    Performance and Maintenance Tips
    http://social.answers.Microsoft.com/forums/en-us/w7performance/thread/19e5d6c3-BF07-49ac-a2fa-6718c988f125

    Explorer Windows stopped working
    http://social.answers.Microsoft.com/forums/en-us/w7performance/thread/6ab02526-5071-4DCC-895F-d90202bad8b3

    Hope these helps.

    Rob Brown - MS MVP - Windows Desktop Experience: Bike - Mark Twain said it right.

  • Tries to allocate for filming on the document printer, help please!

    Good, good, new to the Board in this case, I apologize if my question is confusing: S

    IM using Illustrator to create a thank you note card that must fit within the dimensions on a sheet of 8.5 "X 11" paper which is divided into districts. low areas on a horizontal plane have a border value 5/8ths of an inch embossed in sides (of the quarter of page)

    I have my design put out on a 8.5 X 11 "paper, I ran a test print through the printer and realized that I had not compensated for handling of the printer. It was on regular paper stock. After printing, I noticed that the borders along the outer edges of the entire document (not inside the borders of the sections cut into quarters) were pushed into extra distance, say an extra 1/4 "around inside.


    When I print the actual document, I'll run the paper through the ring road (his paper cardstock and I don't want to curl).

    Now here's my question...

    What should I do to compensate for this?

    Should I make a document that has the distance of the handful of printer subtracted from its dimensions (will that still work)? would compensation on the dimensions of my 8.5 "X 11" existing document already solve this problem?

    Am I completely wrong? is there a solution integrated with adobe illustrator or a printer to solve this problem? Maybe someone could point me to a tutorial? I searched myself and found this info, I need maybe someone has a solution that is unique?

    Help, please! Thank you in advance!

    also, if those who seek in this must be clarified, let me know!

    How to cheat is at the end of the handle on the internal surface of the card and then retain the text far enough to not to cut.  Something like that

  • I just bought the 14 items and I don't see the download button. only for the operating system of the ILO. Help, please.

    I just bought the 14 items and I don't see the download button. only for the operating system of the ILO. Help, please.

    Make sure that you are logged on the Adobe site, having cookies enabled, clearing your cookie cache.  If he continues to not try to use a different browser.

    Download and Installation Help-

    https://helpx.Adobe.com/download-install.html

    PES 10, 11, 12, 13, 14 - https://helpx.adobe.com/photoshop-elements/kb/photoshop-elements-downloads.html

    PE 10, 11, 12, 13, 14 - https://helpx.adobe.com/premiere-elements/kb/premiere-elements-downloads.html

    You can also download the demo version of the software through the page linked below and then use your current serial number to activate it.

    Don't forget to follow the steps described in the Note: very important Instructions in the section on the pages of this site download and have cookies turned on in your browser, otherwise the download will not work correctly.

    Photoshop/Premiere Elements 14: http://prodesigntools.com/photoshop-elements-14-direct-download-links-premiere.html

  • At work, my photoshop CS6 is printing so slow, it takes up to 1 minute to produce printing. We have a printer Canon Imagepress C700. What can be the problem? Help please, anyone!

    At work, my photoshop CS6 is printing so slow, it takes up to 1 minute to produce printing. We have a printer Canon Imagepress C700. What can be the problem? Help please, anyone!

    Tells us that the problem is in the printer itself or the printer driver - because Photoshop and InDesign do not share any code to print (they don't use even the same APIs to print).

  • How can I change the font and size of legends? The manual says it's possible, but I lose a lot of time trying to find the way. Help please.

    The manual says it's possible, but I lose a lot of time trying to find the way. Help please.

    I think that the subtitle Editor is not very well developed, since I adapt the text, the timming, but then, text does not fit, or letters are very separated... and I can't work out these details.

    Thank you

    I don't think that you can change the size of the police with captions. I think that because it is a 'standard' you are limited to what this standard supports only. If the manual says: you can change the font size then it probably still says: you can change the fonts familty. I was never able to change the size of police or the family. The manual should be rewritten to prevent people to mislead him.

  • Where are my views? I can see the image numbers, but no image. Help, please.

    Where are my views? I can see the image numbers, but no image. Help, please.

    Hi Rob,

    I just wanted you to know that I'm fine now... I just had to find the original files... must have moved a link or something?

    Thank you for your help.

    See you soon,.

    Lisa

  • I can get to resize the display bar at the bottom right. It extends off the screen. Help, please?

    I can get to resize the display bar at the bottom right. It extends off the screen. Help, please?

    Irene

    Have you tried the resize in the window upper right button.  There are 3 buttons, we close the window one he minimized no date limit it and the other allows to switch between full screen and a smaller screen.  Click on the last one and see what happens.

Maybe you are looking for

  • Upgrade CPU on Satellite A500-138

    Hello I have a question.I have a Toshiba A500-138, I would like to know if I can change the processor?And if so, what processor can I change it?

  • local drive disappeared after restoring to factory running

    Hello! I tried to run the factory on my W510 recovery utility, and after getting a message which, not more than one copy of the recovery set can be created (which is true, I have already created a set earlier), one of my local records 'disappeared '.

  • HP Z600: z600

    I just got an HP Z600 with 2 x Xeon X 5650.  I have 24 GB of DDR3 PC3 8500r sitting around and I was wondering if it would be acceptable to use this memory in the Z600.  It comes standard with PC3 10600r I think.  I know that the memory will be slowe

  • New Labview user. Need help with PDM

    I'm reading the data of 30 thermocouples, he discovered in real time on my interface and keep it for further analysis. Sales guy suggested I use TDMS it display the information in the same way if I had to do a right click on a wave form, then click '

  • Display fonts motorcycle G_Boxed

    Hi all I am owner of a motorcycle G 16 GB mobile. I have a problem in which the fonts in the mobile suddenly gets displayed as small boxes when I suddenly close an app and reopen it. Everyone knows about this problem? The new update will rectify this