Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Reply
IE program again: hot spots creating gap
Old 02-28-2008, 12:17 PM IE program again: hot spots creating gap
missingtime's Avatar
Skilled Talker

Posts: 83
Location: Athens, Greece
Trades: 0
I have a site with a banner across the top and a horizontal navigation bar below.

I am trying to add three little hotspots to my banner. Whenever I add even one hot spot...

IE creates a little gap between my nagivation bar and my banner

It isn't happening in the other browers.

Any idea how I can fix it?
missingtime is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-28-2008, 08:18 PM Re: IE program again: hot spots creating gap
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Not without seeing all the code or a URL.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-29-2008, 01:39 AM Re: IE program again: hot spots creating gap
missingtime's Avatar
Skilled Talker

Posts: 83
Location: Athens, Greece
Trades: 0
Quote:
Originally Posted by LadynRed View Post
Not without seeing all the code or a URL.
Here it is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ολυμπία - Πεκίνο με ποδήλατο</title>
<link href="oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1><img src="banner_languages.gif" name="banner" width="780" height="142" border="0" usemap="#bannerMap" class="banner" id="banner" />
<map name="bannerMap" id="bannerMap"><area shape="rect" coords="646,3,684,23" href="index.html" />
</map></h1>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="participation_informationGR.html">Πληροφορίε ς Συμμετοχής</a> </li>
<li><a href="participation_applicationGR.html">Αίτηση Συμμετοχής</a></li>
<li><a href="organizersGR.html">Διοργανωτές</a></li>
<li><a href="participantsGR.html">Ποδηλάτες</a></li>
<li><a href="contactGR.html">Επικοινωνία</a></li>
<li><a href="itineraryGR.html">Itinerary</a></li>
</ul>
<!-- end #header --></div>
<div id="mainContent">
<h1 align="center"><strong><br />
Αθήνα - Πεκίνο με ποδήλατο</strong> </h1>
<p> <img src="TSquareandAcropolis2.jpg" width="230" height="213" class="participantphoto" /></p>
<p>&nbsp;</p>
<p>Το μεγαλύτερο γεγονός παγκόσμιας απήχησης που για πρώτη φορά στήν ιστορία θα ενώσει τήν Αθήνα με το Πεκίνο της Κίνας όπου λαβαίνουν χώρα οι Ολυμπιακοί Αγώνες 2008.<br />
<br />
</p>
<p>Οι δύο αρχαιότεροι πολιτισμοί του παρελθόντος στόν πλανήτη Ελλάδα και Κίνα συνεργάζονται στήν διάδοση της φιλίας τής ειρήνης και τής οικολογικής σημασίας του ποδηλάτου ως το ιδανικό και φιλικό για τόν πλάνητη μέσον μεταφοράς. Η ποδηλατική ομάδα αποτελείται από Ελλήνες καί Κινέζους ποδηλάτες που θα ξεκινήσουν από την Αθήνα και θα φθάσουν τέσσερις μήνες αργότερα στο Πεκίνο τήν 1η Αυγούστου πρίν την έναρξη των Ολυμπιακών Αγώνων διασχίζοντας τήν Ασιατική ήπειρο και διανύοντας περίπου 12.000 χιλιόμετρα.<br />
<br />
Η αποστολή θα ακολουθήσει τίς ιστορικές διαδρομές που ακολουθουσαν οι Ελληνες κατακτητές και οι Κινέζοι έμποροι των αρχαίων λαών του παρελθόντος όπως την βόρεια διαδρομή του Μεγάλου Αλεξάνδρου και τόν δρόμο του μεταξιού απο τήν Κίνα για να διαδώσουν το μήνυμα τής ευγενούς άμιλας, της συνεργασίας και τα Ολυμπιακά ιδεώδη.
<!-- end #mainContent -->
</p>
</div>

Last edited by missingtime; 02-29-2008 at 02:36 AM..
missingtime is offline
Reply With Quote
View Public Profile
 
Old 02-29-2008, 02:05 AM Re: IE program again: hot spots creating gap
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,935
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Trades: 0
You'd better not let Jeremy Miller see that code. He'll rip you a new one.

Without seeing your CSS, it's hard to see, but it's possible that your h1 tag is the offender. I'm not sure why you've got a banner in your H1 tag anyway...it's meant for heading text.

I'd suggest putting your banner code in a div 142 pixels high with overflow: hidden;. That makes sure your content will stay put no matter what.

I think my Russian's improving. I can read the words "Itinerary" and "Acropolis" in your code. DA, I am good!
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
(my blog)


Please login or register to view this content. Registration is FREE
(with proof)
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 02-29-2008, 02:21 AM Re: IE problem again: hot spots creating gap
missingtime's Avatar
Skilled Talker

Posts: 83
Location: Athens, Greece
Trades: 0
I'm not sure why you've got a banner in your H1 tag anyway...it's meant for heading text.

Who knows how it got there. This is my first site.

I got rid of the H1 tag and that closed the gap a bit. However, there's still a small gap there...in IE only. It clearly has something to do with the hot spots. When I remove the hot spots...I have no problem.

Perhaps this is something that I simply have to live with?

I'd suggest putting your banner code in a div 142 pixels high with overflow: hidden;. That makes sure your content will stay put no matter what.

When I did that the banner shifted to the left and left white space on the right side.

Last edited by missingtime; 02-29-2008 at 02:48 AM..
missingtime is offline
Reply With Quote
View Public Profile
 
Old 02-29-2008, 12:01 PM Re: IE program again: hot spots creating gap
Extreme Talker

Posts: 189
Name: Tim
Trades: 0
i've had the same problem as well with my portfolio page in i.e
__________________
Design Blog..
Please login or register to view this content. Registration is FREE

My Website/Portfolio..
Please login or register to view this content. Registration is FREE
timothynblake is offline
Reply With Quote
View Public Profile
 
Old 02-29-2008, 12:42 PM Re: IE program again: hot spots creating gap
missingtime's Avatar
Skilled Talker

Posts: 83
Location: Athens, Greece
Trades: 0
I got it to work. This is what the code looks like.

If I remove the h1 tag from around the banner the gap appears. I looked at the h1 tag and saw that I had adjusted the line height to 20 pixels. Perhaps this has something to do with it?

<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
<h1><img src="banner_languages.gif" name="banner" width="780" height="142" border="0" usemap="#bannerMap" class="banner" id="banner" /></h1>

<map name="bannerMap" id="bannerMap"><area shape="rect" coords="649,5,683,23" href="index.html" alt="Greek" />
<area shape="rect" coords="694,5,736,22" href="indexENG.html" alt="English" />
<area shape="rect" coords="744,7,779,28" href="#" alt="Chinese" />
</map>

Last edited by missingtime; 02-29-2008 at 12:59 PM..
missingtime is offline
Reply With Quote
View Public Profile
 
Old 02-29-2008, 02:24 PM Re: IE program again: hot spots creating gap
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,935
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Trades: 0
That doesn't make a lot of sense...but okay.

The one thing you will have to do is move your map code above your banner ad. I've seen cases where Safari doesn't process it if you don't.
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
(my blog)


Please login or register to view this content. Registration is FREE
(with proof)
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Reply     « Reply to IE program again: hot spots creating gap
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.35983 seconds with 12 queries