Solved

Why are my arrows not positioned properly

Posted on 2011-03-02
3
254 Views
Last Modified: 2012-05-11
my site is islamobec.com
my arrows have all the same css but only my first element is properly positioned and the rest are not why??
0
Comment
Question by:falfouli
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 13

Expert Comment

by:darren-w-
ID: 35016753
The banner is pushing the arrow next to the inner box, you need to encapsulate the two arrows and the inner box in a div and give it a width of about 170px.
0
 
LVL 2

Accepted Solution

by:
nedlogan earned 500 total points
ID: 35016927
Hi,
You could add the following:

.carousel {
    margin-left: 220px; /*current*/
    margin-right: 180px; /*NEW*/
}
At the moment the arrows are taking up as much width as is available. The ones on the left have a margin defined and the top one is forced in by the ad box.
Regards.
0
 

Author Closing Comment

by:falfouli
ID: 35016965
thank you!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

691 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question