Positioning and use of layers

Hello

I'm not very good at CSS and I read a lot of documentation on the positioning, but so far I was not able to fully understand. I'm doing a menu (or something like that), which is located to the right of the image. If I try to do something like this:

exp1.jpg

The browser window

Image

Options (layer)

OK, easy, but if I try to center the image so that it looks like this:

exp2.jpg

I get somethng like this:

exp3.jpg

Part of the documentation on the internet seems to be confusing (maybe I do not understand). One of them said I should put:

Relative

Absolute

.. since childhood (red layer) is inside the mother (the image)... but for me don't work (or sense, shouldn't the Red layer position is 'relative' so that 'relative' father's top and left values?) ...

So far, the code looks like this:

< code >

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml ">
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 "/ >"
< title > experimental 2 < /title >
< style type = "text/css" >
<!--


{#container1}

}


{#Layer1}
position: absolute;

left: 768px.
top: 153px;
Width: 245px;
height: 67px;
z-index: 1;
background-color: #F2F2F2;
/ * for IE * /.
Filter:alpha(opacity=60);
/ * Standard CSS3 * /.
opacity: 0.6;
padding: 10px 10px;
z index: 999;
}

{#Layer2}
position: absolute;
left: 768px.
top: 247px;
Width: 245px;
height: 67px;
z-index: 1;
background-color: #F2F2F2;
/ * for IE * /.
Filter:alpha(opacity=60);
/ * Standard CSS3 * /.
opacity: 0.6;
padding: 10px 10px;
}


{#Layer3}
position: absolute;
left: 768px.
top: 341px;
Width: 245px;
height: 67px;
z-index: 1;
background-color: #F2F2F2;
/ * for IE * /.
Filter:alpha(opacity=60);
/ * Standard CSS3 * /.
opacity: 0.6;
padding: 10px 10px;
}


{#Layer4}
position: absolute;
left: 768px.
top: 435px;
Width: 245px;
height: 67px;
z-index: 1;
background-color: #F2F2F2;
/ * for IE * /.
Filter:alpha(opacity=60);
/ * Standard CSS3 * /.
opacity: 0.6;
padding: 10px 10px;
}

* {
do-family: Arial, Helvetica, without serif
color: #696969;
}


->
< / style >
< / head >

< body >

< div id = "Container1" > <!-PARENT *->
< img src = "media/image1.jpg" / > "

< div id = "Layer1" > <!-CHILD *->
Option 1
< / div > <!-CHILD *->

< div id = "Layer2" > <!-CHILD *->
Option 2
< / div > <!-CHILD *->

< div id = "Layer 3" > <!-CHILD *->
Option 3
< / div > <!-CHILD *->

< div id = "Layer4" > <!-CHILD *->
Option 4
< / div > <!-CHILD *->


</div> <!-- PARENT **************************************************** -->


< p > < / p >
< p > < / p >
< / body >
< / html >

< code >

I appreciate all the help... Thanks for your attention

All wrong! You use all the way from positioning absolute, and who is liable to wreak havoc with different browsers. There is no relative positioning in your code. Relative Placemnt of the elements is obtained by setting the margins, padding and alignment rules, not by setting absolute coordinates in pixels. For example Center; would focus items horizontally within the parent container element, which in your case means that if applied to the image, it would be centered in the browser. Alignment right at the obvious would be align: right; and so on. you get the idea. It's only that you must learn and understand - a model, which places the items based on their difference in the parent container element.

Mylenium

Tags: Dreamweaver

Similar Questions

  • Automatic selection and ignore adjustment layers?

    Hi all

    I use some photoshop files quite massive with lots of layers for architectural visualization. Is there a way I can disable the automatic selection to select adjustment with masks layers?

    then when I ctrl click on a layer, select the raster / smart object layer, not a random mask over the top on my layer stack?

    I hope that there is as it would allow me to save a lot of time! and maybe my mental health.

    Thank you very much

    I think you can have clear auto SELECT and use the layers palette to target the layer. The layers palette is equipped with filters that can help you manage this, when you have a lot of different types of layers.

  • How to set the position and size of the façade using the FPRunTimePosRunCustom method in a c# application?

    How to set the position and size of the façade using the FPRunTimePosRunCustom method in a c# application?

    I found a solution! -Set the size and position of the façade with the help of the

    File > VI properties > window running Position (in category list) > custom (in position of menu drop-down).

    then just accept the current position and size (leave the boxes checked) or set values you want directly (uncheck the boxes and fill in the numbers), or physically position and size the façade and use, the "set to current location" button and press "set size" current All that is easier for you.

    OK so it does not make use of the method VI Methods (Active X) FPRunTimePosRunCustom ([Position], [Size]) but if labview want to make him difficult to use then other means must be found.

  • I use Illustrator CC and sent a file to a colleague who uses CS6 where all the layers become a great layer.  How can I send it and preserve the layers?

    I use Illustrator CC and sent a file to a colleague who uses CS6 where all the layers become a great layer.  How can I send it and preserve the layers?

    coledang,

    Save a copy, and in the following options choose CS6.

    In this way, it should open correctly in CS6, and the original document is unscathed.

    You may find that some (new CC) features will not survive the downsaving.

    Edit: Hi SRiegel.

  • Define a variable with the position of an item and use it to trigger an event

    Hi Edge-heads,

    I want to use the position of a movable object to trigger another object to hide/show.

    I tried implementing a variable using jquery. position() and then by testing this variable.

    It is in compositionReady;

    var pos = ("draggable") .position ();

    If (pos > = 850) {}

    SYM.$("obj1"). Hide();

    SYM.$("obj2"). Show();

    }

    This doesn't seem to work...

    Thank you

    Justin

    Have

    $(e.target) .parent () .position)

    Since you have a symbol empty div containing the image of caterpillar, caterpillars of target position is returned from the enclosing div which is always 0.

  • iTunes 12.5.1.21 not remember iTunes position and size

    Update iTunes 12.5.1.21.

    Win 10 (v1607) does NOT remember iTunes position and size.

    My system uses two monitors with extended desktop. I would like to put iTunes on the 2 left / top of the page. But after the closure and revival, iTunes always appears in the center of the screen 1 and the original size when updating. She also can't remember the last page of the articles that appeared, for example, Podcasts, applications, etc. When iTunes has been closed. Instead always defaults to the page music.

    Also on launch a screen "Welcome" iTunes with No thanks / OK buttons on bottom is displayed momentarily before displaying the page of music. There is not enough time to read what this screen offers. Looked in the menus to try to find this page to display... no luck.

    Anyone else having these issues?

    Same problem here.  Very annoying.  Each time is like the first time, which is great when you talk about sex, but not when you run iTunes.  All versions up to now has been able to hold its window size and position, but not anymore.  I also find the interface is very slow to boot.

  • How do you control the position and size of the images, IE. photo to the printer?

    HP Officejet 8600

    Windows XP

    I'm trying to figure out how to control the position and the size of the photos or photos that are included in an email that I send to my printer via HP ePrint.

    Hello. The process that I mentioned using Word provided that if we were send emails to the printer from a computer. If you just transfer emails from the iPhone to the printer there is no option to control the position of the jpg print. This isn't something that can be handled right now on ePrint.  The attachment will be printed on a separate page. The body of the email will be printed separately of the spare part.

  • Where can I find the tutorial or sample Vi to control the position and speed of the stepper motor?

    Hi all

    I use a driver on 3rd for a stepper motor and I use USB6356 as the controller to drive the motor. Could you recommend some VI sample or tutorial on the position and the speed control of stepper motor?

    Thank you

    The best

    I think that what you are looking for is the LabVIEW SoftMotion Module:

    http://sine.NI.com/NIPs/CDs/view/p/lang/en/NID/14234

    Here is a good resource on stepper motor theory:

    http://www.haydonkerk.com/resources/StepperMotorTheory/tabid/192/default.aspx

    My recommendation would be to start from a counterexample of LabVIEW. These can be found in LabVIEW > help > examples > material input and output > DAQmx > input meter, output meter.

  • Positive and negative frequency of calculation deviation

    Hello

    IAM with PXI-5620 to measure RF PXI 5600.

    I need to measure the frequency deviation, Positive and negative. The example or vi "MT DAMA demodulate FM.vi" gives peak frequency deviation . Can any please help me find the positive frequency Deviation and negative frequency deviation of her

    Thank you

    Niju.

    Hi Johanna,.

    First things first - 5620 5600 + combined is what we call a PXI-5660 RF Signal Analyzer.

    The PXI-5660 module cannot be presence via the driver NOR-DAMA. The Modulation Toolkit FM sample that you reference is for the PXI-5661 and SMU-5663 analyzers, both use the driver NOR-DAMA.

    You use MT ni5660 FM demodulation. vi, located under the ni5660 examples.

    Now to your question...

    When you perform an FM demodulation, resulting the Subvi MT Demodulat FM data frequency / time with the frequency values (Y axis), is compared to the carrier frequency specified. Thus, data deviation of frequency (Hz), function of time. All you need to do to get the positive and negative frequency deviation is to use LabVIEW table Max & Min primitive functions of table palette. This will give you the min and max value of the FM data that will be the negative peak and the positive peak frequency deviation.

    Concerned,

    Andy Hinde

    RF systems engineer

    National Instruments

  • Rigid body position and Orientation control via screen Simulator

    Hi all;

    I want to simulate a robot manipulator a LabVIEW Module of 2013 robotics.

    I watched a video on YouTube and get a few question marks.

    The link is here

    In this VI, the desired position and orientation of the definitions effector

    is obtained via the Simulator window

    First;

    I want to know How can I control the position and orientation of a rigid body through Simulator display with a mouse?

    Thank you for your attention

    I asked around and it looks like our team in Shanghai may have the code that was used in the video. I'll let you know what happens in the next few days, we have an example of community in the works.

  • Launch the .exe application and initialize its position and size

    How can I use LabVIEW to launch an application .exe as on the keyboard of the screen and initialize its position and its size?

    I use the Windows XP system.

    I know that I can use Exec.vi system to launch an exe application and close it, but how do I control its position as the race in the corner up-right when it is launched?

    Hi RogerLu,

    You can use the victory (user32.dll) API to get the handle to the window. If you have the handle, you can move the window with the function 'moveWindow'.

    Mike

  • any suggestions of what toolbars are safe and useful

    Hi                                                                                                                                                                                                                                                                                                                                                                                                                                                  Any suggestions on any toolbars that are safe and useful? I have a dell dimension 4700 xp home edition and use Mozilla firefox, (do not remember what version) no beta version, I know that. I run the super spy and bases of Microsoft Security everyday something or other on request. I'm very careful about what I do with this computer. It was a gift for me and with all the help on the forum and a few consultations some Microsoft Engineers I have this computer runs smooth.
    I appreciate all suggestions on the subject from the toolbar, what I really want, it's one with favorites, who does not have the one I have.

    Thank you

    Gina Davis

    Hello

    Since you are using FireFox you must check with their Support and Forums. Also check with your
    favorite search engine when considering a toolbar. Be careful because some questionable programs
    sites for the express purpose of providing a positive assessment of their programs. However, using a suspicious
    eye and logical salt usually allows to recognize those designed for this kind of deception.

    Support for Firefox
    http://support.Mozilla.com/en-us/KB/

    Firefox - community and live Chat
    http://support.Mozilla.com/en-us/KB/ask

    Firefox - Forums
    http://support.Mozilla.com/en-us/questions

    I hope this helps.

    Rob Brown - Microsoft MVP<- profile="" -="" windows="" expert="" -="" consumer="" :="" bicycle=""><- mark="" twain="" said="" it="">

  • Particle position and orientation to an image

    Hello

    I have a single particle in a binary image. I want to correct its position and orientation of the image and then saving them. I managed to change his orientation. However, I would like to know if there is a direct approach to change his position other than to cut the particle and the addition of the black image using the method of GOLD.

    Any help is appreciated.

    PS: I'm using VB.NET. However, solution LabVIEW can be converted easily using IMAQ for .NET that contains the same name of the LabVIEW vis method.

    Hello

    Thank you for all your help. Since I'm totally in love with my girlfriend, where the project was linked to her, I found a workaround solution, I'd like to share:

    1. I extracted the particle by getting its bounding box.
    2. Then, I created a black image of the same original image using the meethod of filling.
    3. Subsequently, I control the direction to correct the mask.
    4. Finally, I use overlay the bitmap of the particle in the coorrect position.

    I've attached a screenshot of the software developed.

  • How to save a position and dimensions of windows on the desktop?

    How to save a position and dimensions of windows on the desktop?

    In Vista, there are limited means of control Windows and many of those who apply to the general patterns and not to individual windows.

    The following includes about what Vista can offer in this area, and I don't think that this will do exactly what you want (even if it is possible that the first option with references to other related articles can do a little of that, but I don't think that he can do everything or entirely as you wish without 3rd party help) except for the 3rd party program that winsizeme also mentioned below.  That may do the trick:

    Here's how to change the default template for a folder:http://www.vistax64.com/tutorials/70819-windows-explorer-folder-view-settings.html.  Default behavior is to select the model based on the first type of file placed in the folder (you must choose something).  Vista sets thefolder type template according to what are the types of files in the window and the settings display window Explorer. This will show you how to resetthe Windows Explorer folder view settings, disable Automatic folder Type discovery and increase theview of the folder cache to have Vista don't forget display settings, model of file type, size, or position of a specific window for when it was still closed to the location of specific path.

    It does not work with the Sub record under, Open with,open in a new tab (Internet Explorer), etc... dialog windows of type through the goodFile menu bar item. These don't seem to be able to have their size or their position to recall. For the latter, you can use the free program WinSizeMehttp://www.pcmag.com/article2/0, 2817,2339650,00.asp to resize them and record the sizes and locations (I changed the program that mentioned in the article, because even if it is a Vista article, the 3rd referenced application part it does not indicate speciiquement is compatible with Vista so that it doesn't).  I have never personally used this program myself so I can't say for some it will achieve your goals, but from what I've read on this subject, it should do the trick (although I don't think it will be automatic - you may need to set each window you want to save in this way - but that's about all that's available if you need to decide whether or not this alternative is better or) (no).  I'm not certain if it applies to programs or only records - but since it's free you can test and see if it helps you with your situation (it may be that it is useful in some cases and not the worth or effective in others - it of for you to decide (but considers that there is really no other alternative that those presented here - just Vista is not this type of detailed features except to a lesser extent) as described in section 1 above).

    Here is another article on how to modify the columns in Windows Explorer and sort in Vista:http://www.vistax64.com/tutorials/108665-column-customize.html.  This will show you how Add, Remove, move, change the widthand change the sort order of the columns in Windows Explorer in the way that you want.

    Here is another article on how to change the display of the default folders in Vista (but she claims it is not a perfect solution and can revert to the previous behavior is not as good as the prior links provided:http://news.cnet.com/8301-13880_3-10019957-68.html.)  I include it only because it is an option - but also what he says it is not a very good alternative (but if none of the other works, it may be worth).

    I hope this helps.

    Good luck!

    Lorien - MCSA/MCSE/network + / has + - if this post solves your problem, please click the 'Mark as answer' or 'Useful' button at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • When I connect AS400 and use SHIFT + f9 screen to do at night.

    * Original title: shift + f9

    Hello

    I bought lenovo with window 8. I use the VPN client with AS 400 and to get the command-line on AS400, I had used on my key position previous computer + F9 which supposed to be F21. But when I connect AS400 and use SHIFT + f9 screen to make night and it does not matter, I use only F9 or shift + F9 screen to night and back but I can't control line. Help, please

    Hello

    Please contact Microsoft Community.

    Since you have a problem with the VPN connection, this question is better suited for Microsoft TechNet Forum so I suggest you to send this request in Microsoft TechNet Support Forum, follow the link below.

    https://social.technet.Microsoft.com/forums/en-us/home?Forum=w8itpronetworking&filter=AllTypes&sort=lastpostdesc

    Hope this information was helpful and let us know if you need more assistance. We will be happy to help.

     

Maybe you are looking for

  • Satellite A200: How to find the serial number

    I need to know the ETA of my laptop so I can download the specified drivers...Cause when I did my search, there are several version of the SATELLITE A200...If anyone can help out where I can find it? Thank you!!

  • LAPTOP HP 450: ANY BLUE TOOTH DRIVER

    I ACCIDENTALLY UNINSTALLED MY BLUETOOTH DRIVER, PLEASE GIVE ME A LINK FOR AN UPDATED DRIVER BLUETOOTH. I ALREADY TRIED TO DOWNLOAD AND INSTALL sp64259 BUT IT IS NOT WORKING. Help, please

  • Noise - HHCTRL. OCX occupied an address box reserved for Windows system DLLS

    OK so I have a satellite phone and since yesterday, whenever I turn on my laptop, I get this message: -. RTHDCPL. EXE - repositioning of unauthorized system DLLDLL user32.dll system was moved in memory. The application will not work correctly. The mo

  • Pavilion function keys model 11-n083sa

    I use the software called RPG Maker VX Ace to write games. The software uses the function keys of the Tablet for various things. For example F12 to perform a test and so on. The problem is that the Tablet comes with its own functions - F12 allows on

  • slui.exe is not compatible with this version of windows.

    I installed an iso image of windows 7 Professional and haven't configured my backup when I deleted slui.exe thinking it was a virus. It is not in my trash. I copied the system32 file from active computer windows 7 Professional, which included slui in