How do I put a div on top of another?

I have one div tag for my header, and one for my body. Now I want to put buttons over them, how do I do it?
Any way that I can find leaves the buttons floating out in space, not anchored to the header. So they move around when the window is resized.
Help!

And do not use AP divs to try to do that.
For the underlying div (assuming you have a background image) your CSS should be:
.underlyingDiv {
background-image: url("/images/myimage.jpg");
.divThatSitsOnTop {
margin: (some margin code that places the div where you want it);
Your html will be:
<div class="underlyingDiv">
<div class="divThatSitsOnTop">This sits on top
</div>
</div>
Now, I have used "Classes" here, not "IDs." Anything that occurs only once in a given web page may be an ID and not a class. Anything that is used several times in a web page must be a Class. Classes are defined in CSS with a dot before them, IDs with a hash (#).

Similar Messages

How can I put one "shape" on top of another in pages?

Hi all:
I'm trying to do something pretty simple. I made some shapes using the "shapes" tool in the toolbar. I want to put one shape on top of (or in front of) another but it gives me the masking tool instead. I tried putting a shap in the background but that didn't work either. it tends to snap the shape I move to it right back to where it was when I tried to move it. How can I do this?
Thanks!

I really don't understand what you are doing.
I inserted two shapes with their default settings and I got what you see.
I unchecked the box "Object causes wrap" but it's usefull when there are text objects in the page.
Yvan KOENIG (VALLAURIS, France) samedi 7 avril 2012
iMac 21”5, i7, 2.8 GHz, 12 Gbytes, 1 Tbytes, mac OS X 10.6.8 and 10.7.3
My Box account is : http://www.box.com/s/00qnssoyeq2xvc22ra4k

How can I put two triggers on top of eachother, and have them both work when clicked?

I'm creating this slideshow, with before and afters of my work. At the bottom right corner, I want a small frame with the before image. The fullscreen slideshow though, has arrow buttons working as triggers to either go back in the slideshow or move onto the next image. I want the other smaller slideshow at the bottom right corner to sync up with the corresponding "Before" images in the fullscreen slideshow. So, my idea was get both of the forward/back arrow buttons from the widgets and put them on top of eachother, assuming it would advance or go back on both of the widgets. It's not working though, only the top-most trigger works.
Simplified version without the mumbo-jumbo!:
I want to put two triggers on top of eachother, but when I do this, only the top-most trigger functions. Any way to get this to work? or creative ways to get around this?
Thanks in advance!

You can't have it click on two things at once. You would have to write some javascript to have one button do both actions. This would not be very easy in Muse so I would say this is not somethingthat is supported in Muse.

How can I put a div at the TOP of the page with a background color? No white space

I am attempting to put an orange bar at the very top of a page and one that also stretches across the entire width of the page, no matter the page size.
With the code below the orange bar appears but there is white space between the top of the browser and the orange bar.
<div style="background-color:#f79321;height:30;width:auto;"> <p> </p></div>
How can I get rid of this white space? I tried setting margin and padding to 0px but that did not work.

I'm still getting the spacing:
<html>
    <head>
        <style>
            body
            margin: 0;
            padding: 0;
            font-family: Georgia, serif;
            text-align: left;
            font-size: 16px;
            line-height: 1.2;
            word-wrap: break-word;
            text-rendering: optimizeLegibility;/* kerning, pri*/
            h2
            font-family:Arial, sans- serif;
            font-size: 28px;
            color: #fb8700;
            h2 a
            font-family: "bebas-neue",sans-serif;
            font-size: 40px;
            h2 a:visited
            color:#fbb100;/* visited - orange*/
            text-decoration:none;
            h2 a:active
            color:#fbb100;/* selected- orange*/
            text-decoration:none;
            h2 a:hover
            color:#c9c9c9;/* mouseover- light grey*/
            text-decoration:none;
            h4
            font-family: "bebas-neue",sans-serif;
            font-size: 50px;
            color: #fbb100;
            #page-wrap
            width: 960px;
            margin: 0 auto;
            p.topFormat
            font-family: Georgia, serif;
            font-size:16px;
            text-align:center;
            p.footerFormat
            font-family: Georgia, serif;
            font-size:16px;
            text-align:left;
            line-height: 150%;
            a:link {color:#fbb100;text-decoration:none;}      /* unvisited - orange*/
            a:visited {color:#fbb100;text-decoration:none;} /* visited - orange*/
            a:active {color:#fbb100;text-decoration:none;} /* selected - orange*/
            a:hover {color:#636363;} /* mouse over - grey*/
        </style>
        <script type="text/javascript" src="//use.typekit.net/ppq8ria.js"></script>
        <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    </head>
    <body>
        <div style="background-color: #f79321; height: 31px; width: auto;">
        <p> </p>
        </div>
        <div>

How can i put the name on top right corner of my finder bar?and can't c and drive connected to my computer on the desktop?

I wanna know how i can get my name to appear on the top right corner of my finder bar. And i cant c any drive that is connected to my laptop on the desktop like i could in snow leopord, i can access it through my finder window but it doesnt show up on my desktop??
MACBOOK PRO 2.0GHZ, OSX LION

" And i cant c any drive that is connected to my laptop on the desktop like i could in snow leopord, i can access it through my finder window but it doesnt show up on my desktop??"
Finder>Preferences>General. Check the boxes.
"I wanna know how i can get my name to appear on the top right corner of my finder bar."
Login as the user.
Try posting - not texting.

How can we put header(title on top) in scripts

hi
experts
can u help me plzzzzzzzzzzzzzzzzzzzzzz
for this

HI
Header Data
You can find header data in both form and style maintenance. In style maintenance, it is used primarily to present important information information designed to make it easier for the end user to select a style. The header data in form maintenance, on the other hand, is used for information and control purposes. For this reason, the header data of a form will be described in more detail.
Below, the header data is described as it appears in the alphanumeric Form Painter.
Like the header data of a style, the header data of a form comprises two parts: the data set by the system and the data you are expected to enter. The latter is dealt with separately.
· Device-independent entries.
· Description
A short explanatory description of the form (also applies to the style), designed to make selection easier for the end user.
· Form class
You can assign a form to a class to help you organize and search for forms. The default set of classes is the set of program classes in your system.
· Start page
Tells the print program which page format in a form to use first for printing.
· Default paragraph
Paragraph set to * in standard text maintenance.
· Tab stop
A grid set at specified intervals in all windows defined in the form. However, you should note that the tab stops are only valid in paragraphs where you have not defined your own tabs.
· Language, Original language, Translation applic
Use these fields to record the master language and language of the current version of a form. Marking Translation applic makes the form accessible for translation from the SAP Systems translation tools (transaction SE63).
· Device-dependent entries.
You can only enter values here that are supported in the R/3 printer definition. If you make other entries, this leads to errors in the check routine.
· Page format
Determined from the spool administration table with transaction SPAD. Make sure there is a printer assignment there must be an additional spool format for the printer with the same page format.
· Orientation
Depends on the page format selected. This can also be determined from the spool administration table. Please note that the formats landscape and portrait are not supported by all printers.
· Lines per inch (LPI)
Basis for converting the unit of measurement LN in style and form maintenance. The value 6.00 is set by the system, as this value is supported by all printers.
· Characters per inch (CPI)
Basis for converting the unit of measurement CH in style and form maintenance. The value 10.00 is set by the system, as this value is supported by all printers.
· Font attributes
With these fields, you can set the default font for a form. The default font applies if other objects do not specify a font. SAPscript suggests a default font, which you can change.
Defining Header Data
The header data of a form consist of Administration data and Basic settings.
The Administration data include Administration information and Language attributes.
·     In the Administration information group, enter
·     Form name
·     Description
·     Development class
·     In the Lang. attributes (Language attributes) group, you find
·     Original language
·     Current language (language key)
·     Information on the translation of the form.
·     Status information about the current form status (active, edited, and so on).
Before entering other header data,
7. Define the paragraph formats of the form.
8. Define the character formats of the form.
9. Return to the header and complete it.
Reward all helpfull answers
Regards
Pavan

I want put on image on top of another image that will be the background

First, I'm a big believer in doing a "search" to find some existing tutorial to help me. But, as with the last time I asked a question here, no other tutorial (on Youtube or Julieanne Kost's blog) addressed exactly what I needed. I came here and got my answer immediately. (searching here seems to only default to asking a question on a new thread so here goes)
So here's my question this time: say I have a pic of a beer bottle ( that I know how to select) and I have a landscape pic. I want the landscape pic as the background and just place (and probably resize) the beer bottle (or frothy glass of beer or whatever) on top of the other image. Sounds easy, right? The tutorials on Youtube would spend forever demonstrating how to use the Pen tool and would click here and there quickly and pretty soon I'm just lost.
I'm going to provide two pics. If it's different with putting two selected images on the same image background, please explain how to do that as well. Like I say, the last question I had (putting a label from one bottle to another, remember?) only here did I get clear concise instructions, instructions I didn't get anywhere else. Please be detailed. I didn't even know how to open my layers pallette last time!

Hi there Below I've provided some easy steps for moving a selection from one image to another.
1. Open up both images in Photoshop - you can see that I have two open tabs, one named "Bottle" and the other named "River".
2. Grab the Quick Selection Tool from the toolbar, as highlighted below. There are other ways to make a selection (including the pen tool), but for a simple shape like a bottle or a label, the Quick Selection Tool works great.
To select the bottle, just click and drag to "brush" in your selection. To change the size of the brush, use the bracket keys [ ] on your keyboard.
3. To clean up yor selection a bit, go to Select > Refine Edge. Here you can adjust your selection. I've check the Smart Radius option and increased the selection radius a bit. When you're done, click OK.
4. Now you can move your selection over into your background. With your Bottle tab open, go to Edit > Copy (or hit command/control C on your keyboard). Go to the River tab and go to Edit > Paste (command/control V).
5. Done! The bottle now should be on a new layer with the river in the background. You can now resize or edit the bottle independently of the bacgkround layer.
If you need additional help, please feel free to post here again. In addition, I've posted two video tutorials below for you to look at. I hope this helped!
How to Merge Two Photos using Photoshop
How to merge two photos realistically using Photoshop CS6
Cheers,
Kendall

How to set module to be on top of another module

hello guys!! i'm just newbie in flex, and cant figured out
how to manage loaded modules to set who's on top of each other. if
i load one module then loads another one, the last module loaded is
the one on top what i want to happen is when i click on the first
module it should be brought on top. how can i do these?

here is my code inside a function that loads the module, this
is being called from a menuBar event
var moduleLdr:ModuleLoader = new ModuleLoader();
moduleLdr.id = event.item.@label;
moduleLdr.url = event.item.@data;
this.addChild(moduleLdr);

How can i put music onto my iphone on another computer without having to delete everything off my computer?

I want to download new music onto my iphone, but it will not let me. I have been doing it for the past year on my old desktop computer but recently brought a laptop and got rid of that. When i try to now sinc the music to my phone it is telling me my itunes library is on another computer and to download new music ifrom my laptop I must delete everything off my iphone. is there anyway i can download the music without having to delete everything of my iphone?

If you do not have access to the iTunes Library on your Old computer... or its Backup...
See these 2 Links...
Syncing to a New Computer...
https://discussions.apple.com/docs/DOC-3141
Recovering your iTunes library from your iPod or iOS device
https://discussions.apple.com/docs/DOC-3991
If you do have access... See Here...
iTunes: How to move your music to a new computer

OMG: Putting one Mac on top of another puts the top one to sleep!

I just spent an hour trying to debug an interesting non-problem, that I thought worthy of report as many people seem to be reporting this sort of thing: My mac would boot to the apple, then go to blue screen, then to black. It didn't fail, it just seemed to go to sleep. I did all sorts of things trying to resolve this, hard booting, smc reset, pram reset, blah blah blah. NOTHING. So I gave up and closed the cover ... at which point it occurred to me that it might be just ... well ... alseep. So I opened the cover. Nothing. Then I noticed that I had it sitting RIGHT ON TOP OF A SECOND MACHINE OF THE SAME KIND...oh %^$#! Took the bottom machine away, et voila! Instant on!

There is an Apple KB article about this.
http://support.apple.com/kb/TS2917
Best.

Putting one Image on top of another

Hi.
I'm trying to finish a web page, where I can have a background image, and another image on top of it.
I've used some CSS, and I tried setting the background image as the background of a table, and then making a table within that for the image I want on top, but I'm having a hard time getting things lined up.
I need to keep the images separate, because I want people to be able to download the image on top separately.
Is there any easy way to do this in Dreamweaver?
Or is there a way to do this in Fireworks, and keep the images separate?
Thanks!!

I've checked this thread a few times now and I'm sure i'ts not my eyes even if it is the early hours of the morning here, but I have not once seen a link to the problem pages.
Unless you provide the code in full (html and css) - or even better upload all the working files to a remote site and provide the link, everything really is only a guessing game :-)
Proving a link, allows people to see the html, the css and all the imagery that makes up the site, by just posting code, we don't get to all of that interacting together to see what may be causing the problems.
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

How do I put music on my ipod from another person's computer.

I used to have a computer with all my music on my itunes and put it on my ipod. now i no longer have a computer, but still want to put music on my ipod. I have tried numerous times to use another persons computer but it just wants to replace my music with the cd i am trying to put on my ipod. thus replacing my existing library with the cd. can i not put more music on my ipod from a foreign computer what do i do?

It can be done. YOu need to change iPod to manual update first.
Does this help?
http://docs.info.apple.com/article.html?artnum=61675

Putting a JLabel on top of a Player

Lets say you have a JApplet. You now create a JPanel or JLayered pane and you add a player component on top of the whole panel (or pane) and you set it on the
content pane. How would you put a JLabel on top of that player componenent? I have tried everything and nothing seems to work....
Any suggestions would be appreciated...
Melissa

See http://java.sun.com/products/java-media/jmf/2.1.1/solutions/SwingJMF.html for information on using lightweight components (Swing) with JMF.
-- Kevin

Button on top of another button

Hello,
I'm trying to create a dropdown menu and I hope someone can help. I created two buttons, the first has the main menu and dropdown graphic and the second has the menu text with a rollover.
The problem I'm facing is when the dropdown displays and I rollover the menu text the dropdown goes away.
Any input on how to put a button on top of another would help.
Thanks,
Jason

Try converting both your buttons into a single custom component. You can then give the component two states - one where the dropdown is hidden, and the other where it's visible. Once this is done, you can use the interactions HUD to show the dropdown when you roll over the component and hide the dropdown when you roll out.
Here are the basic steps:
1. Select you buttons.
2. In the HUD, choose Convert to Component > Custom / Generic Component.
3. Double click on the new component to edit it.
4. Duplicate the state, and make the changes in each state so that the dropdown is only visible in one state. You might want to also rename the states (double click their names in the states panel).
5. Double click outside the component to leave edit in place.
6. With your component selected, set up interactions to transition between the two states on roll over / roll out.
7. Run your project and check that it works.
Once you've done this, you can tweak the transition between the two states in the timelines panel.

How can I put a vertical menu ON TOP OF the background image?

I've taken a screenshot to describe my problem.
http://i48.tinypic.com/10ndeg4.jpg
I want to put the menu on top of the background image. Compare it to placing another image on top of the background image. HOW on earth can I do this?

Did you try putting the image in a <div> and setting the background image for the <div> with CSS. Then within the <div> place your menu.
Just a thought.
LJD

How do I put a div on top of another?

Similar Messages

Maybe you are looking for