Solved

Why are my arrows not positioned properly

Posted on 2011-03-02
3
237 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
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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

808 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