Positioning Help

Posted on 2005-03-15
Medium Priority
Last Modified: 2010-04-06
Hi, Am creating a website  http://www.alakesidevilla-florida.co.uk/Copy%20of%20BillsUpdated/Homes1.htm  .The problem I have is with a photo gallery on the right of the screen underneath Luxury Homes Choices. I fount the code while searching on the web, what it is meant to do is for example when you hover over the number 2 image it gets displayed in a bigger square.

The problem is with the positioning of the big square its appearing way over towards the left of the screen.

Have tried to mod it, but am getting knowhere with it. I require the big square to appear underneath the smaller images can anyone help

This is the link for the gallery css.


The positioning problem is within the CSS .slidek , A.gallery:hover SPAN and A.gallery:active SPAN. I think, think it is the absoulute positioning that is causing the problems.

The following link is for the style.css of the page that positions all the other elements on the page


Hope someone can help me out, have hit a brick wall. Will be most appreciated


Oh bye the way have posted this question on another forum and they gave me a link to this firefox tool for developing CSS.  Its really good
Question by:dthomas31uk
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
LVL 30

Accepted Solution

GrandSchtroumpf earned 2000 total points
ID: 13543403
Just add this to your style:

div#luxurychoice {

Author Comment

ID: 13543545
GrandSctroumpf.  That has placed the box correctly, but when I hover over the image.  Something still appears in the middle of the screen.  Any ideas mate???

Think its nearly there now

Have updated the  page with absolute position so you can view again.


Once again cheers, for your time, advice and help
LVL 30

Expert Comment

ID: 13544225
It works fine in IE.
In Firefox, the "luxury homes" section flashes on top of the header for a fraction of a second.  This also happens when resizing the window, so i guess it must come from something else.
LVL 30

Expert Comment

ID: 13553477

Featured Post

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

Preface In the first article: A Better Website Login System (http://www.experts-exchange.com/A_2902.html) I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Viewers will learn about basic arrays, how to declare them, and how to use them. Introduction and definition: Declare an array and cover the syntax of declaring them: Initialize every index in the created array: Example/Features of a basic arr…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Suggested Courses

777 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