?
Solved

Why are my arrows not positioned properly

Posted on 2011-03-02
3
Medium Priority
?
265 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 2000 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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

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

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
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 embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

762 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