Basic Image Frontpage Question
-
-
- Kirk
- Rocketeer
- Posts: 88
- Thanks: 0
-
There is probably a very basic solution to my dilemma that has eluded me, but I have a client that wants to use a large image for an index.html page with a hotspot link "enter" to the basic joomla index.php page.
The problem is that if the image is 1200 x 600 it doesn't look right in a 1024x768 browser screen. I added width="100%", but then my image map co-ordinates do not work and I can't find my hotspot.
Any ideas on how to make the front page look correct as 1200 x 600 and 1024 x 768?
This is the width=100% page (the image map doesn't work on this one)
http://monsterworldrecord.org/index-1024.html
This is the 1200 x 600 with the same image map, but it works correctly here
http://monsterworldrecord.org/
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
Try the following:
Give the container div an id, then use css to position it like so:
div#container {
margin: 0 auto;
width: 1200px;
} - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- Kirk
- Rocketeer
- Posts: 88
- Thanks: 0
-
Hey Gollum,
Thanks for the tip, but I still can't seem to get the desired results.
GollumX wrote:Try the following:
Give the container div an id, then use css to position it like so:
div#container {
margin: 0 auto;
width: 1200px;
}
That gives me the same results? I have added in the code at http://monsterworldrecord.org/index-1024.html still looks big when viewed with 1024. If I do resize the image I still loose the co-ordinates for the imagemap.
div#monster { margin: 0 auto; width: 1200px; } <div id="monster" <img src="images/fg1200x600.jpg" width="100%" border="0" usemap="#Map" /> <map name="Map" id="Map"><area shape="rect" coords="244,513,380,575" href="http://www.ducati.com/ducatiworld/clubs/home.jsp" target="_blank" alt="Desmo Owners Club" /> <area shape="rect" coords="105,538,221,553" href="http://monsterworldrecord.org/index.php" target="_self" alt="enter here" /> </map> </div>
It looks fine using 1200, but I would like the image and the image map to resize to 1024 if needed.
-
Time to create page: 0.051 seconds