How to position the two buttons at the top of the div inside a container div element?

Hello!

Good news...

I created my very first thumbnail slider for my site that actually works!

Bad news...

The buttons that allow to scroll the div element, which is encapsulated in a container of Center, are are more placed on top of the div.

Here's the html code:

< div id = "centerContainer" >

< div id = "aemcSlider" >

< ul >

< li >

"< a class ="aemcPkgBut"href =" "target =" "alt ="AEMC Packaging"title ="AEMC Packaging"> < / has >

< /li >

< li >

"< a class ="aemcGroundFlexBut"href =" "target =" "alt ="GroundFlexAd"title ="GroundFlex Ad"> < / a >

< /li >

< li >

"< a class ="aemcClampBut"href =" "target =" "alt ="Clamp-On Announces"title ="Clamp-On Announces"> < / has >

< /li >

< li >

"< a class ="aemcMetrixBut"href =" "target =" "alt ="Metrix Announces"title ="Metrix Announces"> < / has >

< /li >

< /ul >

< / div >

< div id = "leftBut" >

"< a class ="arrowLeft"href =" "target =" "alt ="Left"title ="Left"> < /a >

< / div >

< div id = "rightBut" >

"< a class ="arrowRight"href =" "target =" "alt ="Right"title ="Right"> < /a >

< / div >

< / div >

Here's the CSS:

Key container:

#centerContainer

{width: 800px; margin: 0 auto; background-color: #0e210e; position: relative}

Div element:

#aemcSlider

{

text-align: center;

list-style: none;

Width: 450px;

height: 114px;

margin: 0 auto;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

top: 67px;

position: relative;

overflow: hidden;

}

#aemcSlider a {margin right:-12px ;}}

Left and right buttons:

a.arrowLeft

{

Width: 29px;

height: 96px;

float: left;

position: absolute;

margin: 0 auto;

display: block;

background-image: url (.. / Images/arrowLeft.png);

background-repeat: no-repeat;

left: 311px;

top: 91px;

opacity: 0;

}

a.arrowLeft:hover

{

background-image: url (.. / Images/arrowLeft.png);

opacity: 0.5;

}

a.arrowRight

{

Width: 29px;

height: 96px;

position: absolute;

float: right;

margin: 0 auto;

display: block;

background-image: url (.. / Images/arrowRight.png);

background-repeat: no-repeat;

opacity: 0;

left: 720px;

top: 92px;

}

a.arrowRight:hover

{

background-image: url (.. / Images/arrowRight.png);

opacity: 0.5;

}

Here are the things I did to solve problems:

If I set the div as a container for absolute, the left button disappears.

I get the same effect when I change the relative position.

I tried to change the position of relative to the two buttons.

I also tried to position the buttons outside the div hand and no go.

How can I position the relative div under these controller button?

Any help would be appreciated muchly.

~ THE

I don't see a slider.  The code of your slide seems to have a style inline with the width: 0px which is not normal.    Width should be about 400 px.

I suspect that your arrows need a much z-index superior to appear on the top layers of cursor.  But that's just a guess because I don't see a slider.

Nancy O.

Tags: Dreamweaver

Similar Questions

  • How can position the keyboard to the bottom of the screen?

    How can position the keyboard to the bottom of the screen? Please see screenshot below, the keyboard is not at the bottom of the screen.

    Press and hold the keyboard at the bottom right of the keyboard icon. A window pop up that will have two options - Split and the Dock. Click on the option to dock alongside re your keyboard at the bottom of the screen.

    See you soon,.

    GB

  • Satellite L655-11Z (PSK1JE) - how to position the external fan coolers?

    Hello

    I buy laptop cooler and I would like to know how to position the fan for best results rigorous. I read manual from top to down, but only the bottom showing pic of this laptop is only for "this is batery. I would like to know, where (from the bottom) is the position of the disc HARD, GPU and CPU and if the coolers are sucking air in or blow air.

    Pictures would be appreciated.

    This is the photo I found in the Manual:

    Click on: [http://img543.imageshack.us/img543/5746/zadnistrana.jpg]
    (you can download and locate the position if you like, this will help a lot)

    Thanks for the tips!

    Hi zblebt,

    Of course, there s no problem using these external laptop coolers but I don t understand why.

    You have an internal fan problem or why you think external cooler?

  • How to put the image inside the image of the desktop

    Hi team,

    I'm on MAC and I wonder if you could please help by telling step-by-step how to insert the image inside the desktop image in Photoshop. Thank you much in advance.

    Basically what you are looking for, it's transform freely. I hope this video helps.

  • How to position the two regions-By-Side

    Hello.

    I use Apex 4.2.1 with mod_plsql and Oracle 11R3. Apex app that I created using the theme 21.

    I've created a classic report of which fields is a HTML link.  When you click this link, a box of HTML appears (it appears only when the link is clicked).  This HTML area contains form multiple users of the fields will be filled.

    I'm trying to get the area of HTML form to appear to the right of the region of report (with, say, an inch of space between the two regions) but I'm not not a success.  Instead, the HTML form area appears immediately under the report.

    I searched this Forum of ideas and saw recommendations on the creation of a 'container' type HTML region that serves as a 'parent' for my report and areas of HTML form.  And so, I did this.  My region to report has the sequence 10, while my form HTML region has 20 sequence.

    I tried to play with the options in the 'Presentation of the grid' section of the page:

    Start the new grid = 'Yes '.

    Start the new row = 'No '.

    New column = 'Yes '.

    I configured the report to the "model No." and did the same for my region of HTML form.  Still no help.

    The Point of the screen for all my regions (the region HTML container, the report and the form HTML region) is the position of '01 '.

    All unavailable.  The form HTML box stubbornly under the regional report.

    At this point, I want you to know that, even if I build applications web/database using Apex (indeed, I used more than eight years now), some days (like today) when I wish Apex would act more like FrontPage or DreamWeaver.  I would use my mouse to drag a box to a point on the page and have the Apex automagically to write the CSS for proper positioning.  Sigh!

    Anyway, anyone know how to get my form HTML box to appear on the right side of my region to report (with an inch or two of space in between)?

    Any help/advice would be appreciated.

    Thank you.

    Elijah

    You should not need the region parent if you have only two areas on your page.  What page model that you use? The default value?

    For your form HTML box:

    Checkerboard

    Start the new grid: No.

    Start the new row: No.

    Column: automatic new column: Yes

    Scope of column: Automatic

    Column attributes: valign = "top" style = "" padding-left: 30px; ""

  • How to position the taskbar at the bottom of the screen

    original title: task bar/bar

    My tool bar/task bar which must be at the bottom of the screen somehow got switched to the top of the screen.  How can I get that back down?

    Right-click on the taskbar and unlock it. Take an empty place and slide it downwards. Lock the taskbar.
     
    See also: how to move the taskbar from its default position Windows or put it back to its default position
    http://support.Microsoft.com/kb/253679  
  • How can I have two buttons for 'new tab' in version 4?

    In version 3.x, there is a removable button on the toolbar for 'new tab' plus a button '+' at the end of the address of the open tab I could click to create a new tab.
    In version 4, I can have the removable button, but I do not see how to add the button at the end of the address of the open tab. I can move the single button at the end of the address window, but I can't have two buttons.
    Is it still possible?

    You must drag the button new tab (+) of the tabs to another toolbar toolbar to make the second button to appear.

    "Firefox > Options > toolbars" or "view > toolbars > customize.

  • How to stop the message "this file contains form fields to fill out" to appear?

    Hello

    I have created a PDF file, but seen in Acrobat Reader displays a message at the top of the screen "this file contains form fields to fill live... »

    How can I stop this message from appearing automatically?

    PS, The original PDF has no form fields.

    If the document has a lot of buttons, this is probably the reason. If you have Acrobat, you can apply the security of the password and set restrictions so that filling form is not allowed. This will prevent the message appears.

  • How to read the value of an independent textInput element inside the method?

    Hello

    I had a group of detail based on a readonly viewobject. I added an independent element textInput, you say, EndDate to this group that the user can enter a value inside. Now, when I run the app I select a row in the table and press a button that triggers a method inside a bean. My question is how I read the value in independent textInput (EndDate) within the method element?

    getTable () .getRowData () does not print the unbound attribute. It seems that it only contains attributes underlying viewobject

    I use JDev 11.1.1.4

    Kind regards
    Will do

    Will do,

    You can better create a transitional attribute for that in your view object, so you can use a regular expression #{row.bindings...} to get the value.

    Steven Davelaar,
    JHeadstart team.

  • How display you the type of file in PS Elements 10?

    How display you the type of file in PS 10 items in the organizer for each photo?

    I know that you can right click and watch meta data.

    In PSE 7 it was displayed under each photo.

    Two things:

    1. set the display option to display file names:

    2. make sure your tiles are large enough to display the data:

    Ken

  • How to recover the disk inside the computer

    disk is detached in the optical, missing drive in computer science, Lac still works, how to remove the disc

    Pavilion g6-1c58dx

    Hello

    OK, let me know if you have the drive recovery problems.

    Kind regards

    DP - K

  • How to change the color inside a comment?

    Is possible in 3.5.3 numbers to change the color of the text inside a comment like ' 09 number?

    It is also possible to change the display of the comment type? I mean, it is possible to extend and to see more text? I use long comment for my work.

    Thank you all, sincerely.

    I have not found an easy way to expand the display area of a comment or change the color of the text (although the background color can be changed via the menu View > comments > author color).

    How about using a text box for longer passages?

    SG

  • How to find the dynamic inside the af acomponent ID: foreach?

    Hi friends,

    Jdev: 11.1.1.7

    I have a requirement like I need a list of books available as links. So I posted using af: foreach and inside I used af:goLink.

    I need to display the ToolTip on mouseover this link. To display the ToolTip, I used the popup. How to find the dynamic ID inside the af: foreach in java.

    If I bind the comonent, it does not work inside foreach.

    Try this way, root.findComponent("r1:it2"); it is in taskflow. On popufetchlistener you call a method to get the id of the component to get the book desc.

    Thank you

    Hello

    You can probably assign a customer attribute for elements and then using that you could get the values?

    Check out https://docs.oracle.com/cd/E21764_01/apirefs.1111/e12419/tagdoc/af_clientAttribute.html and http://jdevadf.oracle.com/adf-richclient-demo/faces/components/clientAttribute.jspx

    Arun-

  • How to hide the div tags when the value inside is empty?

    I'm creating a tab bar using jQueryTabs.

    I want to hide a tab when the value inside is empty.

    It is perfectly feasible to hide the real on the ground when notting to show is, however, the tab is always in the tabs on top.

    Here is the code:

    as you can see in the tabs 4 and 5 I'm hidding values that are inside the field is it not there no. The tab is still there

     <script type="text/javascript">
    // BeginOAWidget_Instance_2140022: #jQueryTabs
    
    
    
    
              $(function() {
          $("#jQueryTabs").tabs({
                        event:"click",
                        collapsible: false,
                        selected:'0',
                        fx: { opacity: 'none', duration: 1 }
            }).tabs( "none" , 1 , false ); 
              });
    
    
    // EndOAWidget_Instance_2140022
           </script>
          <div id="jQueryTabs">
            <ul>
              <li><a href="#tabs-1">Description</a></li>
              <li><a href="#tabs-2">Specification</a></li>
              <li><a href="#tabs-3">Video</a></li>
              <li><a href="#tabs-4">Audio</a></li>
              <li><a href="#tabs-5">Downloads</a></li>
            </ul>
            <div id="tabs-1">
              <p><?php echo $row_Recordset1['Full_Description']; ?>
            </div>
            <div id="tabs-2">
              <p><?php echo $row_Recordset1['Specification']; ?></p>
            </div>
            <div id="tabs-3">
              <p><?php echo $row_Recordset1['Video']; ?></p>
            </div>
            <div id="tabs-4">
              <p><?php if (!is_null($row_Recordset1['Audio1'])) { ?><a href="<?php echo $file_wav.$row_Recordset1['Audio1']; ?>"><img src="files/Images/audio_image1.jpg" width="50" height="50" ></a><?php } ?></p>
            </div>
            <div id="tabs-5">
              <p><?php if (!is_null($row_Recordset1['Brochure'])) { ?>
              <a href="<?php echo $file_pdf.$row_Recordset1['Brochure']; ?>"><img src="files/Images/pdf_image1.jpg"></a>Brochure<?php } ?></p>
              <p><?php if (!is_null($row_Recordset1['User_Guide'])) { ?><a href="<?php echo $file_pdf.$row_Recordset1['User_Guide']; ?>"><img src="files/Images/pdf_image1.jpg"></a>User Guide<?php } ?></p>
            </div>
    
    

    RiaandSteve1 wrote:

    Thanks for your quick response,

    I tried this,

     

    ">

    I'm not able to click on the tab now, but he is always visible (in this case telling audio). I must be something to do with this code

  • Audio
  • above the actual div for the tab.  Do not know how to remove the tab

    Well Yes if you want to hide the tab too then you must surround the

  • tag in a similar way:

  • Audio
  • How to check the slider back row contains data or not

    Hi all


    How to check whether or not the cursor returned row contains data in one of its field.


    Thank you and best regards,
    Prakash P

    Use ROWCOUNT %
    Use % NOTFOUND

    example of

    DECLARE
    
       id    number;
       desc varchar2(10);
       CURSOR cursor_one IS
          SELECT
              id, desc
          FROM
              table;
    BEGIN
       OPEN cursor_one;
       LOOP
          FETCH cursor_one INTO id, desc;
          EXIT WHEN cursor_one%ROWCOUNT > 20 OR cursor_one%NOTFOUND;
       ...
       END LOOP;
       CLOSE cursor_one;
    END;
    

Maybe you are looking for

  • Apple music "unauthorized content".

    Since this morning, when I try to use Apple music, every song that I click on using my iPhone is ours "unauthorized content". My iPad and my Macbook Air (which has a playlist on it) seem to work well. Does anyone know how to fix this?

  • Can not activate WIFI on Satellite P200-1FY

    Hello =) First of all, I apologize for my bad English, I will do my best to be understandable!So, I got a problem with my satellite P200-1FY: I can not activate the WI - FI card. I have try the combination of keys (fn + F8), and it does not work. I c

  • PXE - M0F No., circumvented Bios boot device

    Predator G9-791 - 735-A Windows 10 I have a complicated situation. I tried to dual boot my laptop. Initially, he wasn't recording my USB and I read that I had to change UEIF to the old version. While I was in the BIOS I also put the supervisor passwo

  • Vista does not, except in safe mode?

    Have a frined, dell sent him a new hd. It crashes except in safe mode. He has tried to restore factory reimage. Is it sounds like a virus or a hardware problem? Any suggestions would be helpful. Thanks, Bruce

  • error code 10001

    Hello I want to play an mp3 from a url. For example: http://89.23.45.56/mysong/song.mp3 But in the blackberry browser displays the error code 10001. Any solution? Thank you and best regards. Juan.