Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Why are my arrows not positioned properly

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

Independent Software Vendors: 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

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

610 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