Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Positioning Help

Posted on 2005-03-15
4
Medium Priority
?
276 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
  • 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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 article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
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…
The viewer will learn how to dynamically set the form action using jQuery.
Suggested Courses

579 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