?
Solved

Positioning Help

Posted on 2005-03-15
4
Medium Priority
?
270 Views
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.

http://www.alakesidevilla-florida.co.uk/Copy%20of%20BillsUpdated/gallery/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

http://www.alakesidevilla-florida.co.uk/Copy%20of%20BillsUpdated/style.css

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

Cheers


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
http://www.chrispederick.com/work/firefox/webdeveloper/
0
Comment
Question by:dthomas31uk
[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
4 Comments
 
LVL 30

Accepted Solution

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

div#luxurychoice {
  position:relative;
}
0
 

Author Comment

by:dthomas31uk
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.

http://www.alakesidevilla-florida.co.uk/Copy%20of%20BillsUpdated/Homes1.htm 

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

Expert Comment

by:GrandSchtroumpf
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.
0
 
LVL 30

Expert Comment

by:GrandSchtroumpf
ID: 13553477
<:°)
0

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