4 replies [Last post]
jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 10 years 10 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

when using IE, and mouse passed over "The Saloon" entertainment links (approx 1/3 down the page), the main area gets very narrow.
http://www.dantesinc.com/calendarbody.htm

can you detect the bad code?

i know this is a sloppy job from top to bottom, but time is a luxury i don't have right now, and i'm the only team member working on this particular web project.

thanks!

GuyDavies
GuyDavies's picture
Offline
Enthusiast
Manchester, UK
Last seen: 13 years 1 week ago
Manchester, UK
Joined: 2004-09-11
Posts: 55
Points: 0

a:hover - causes "shrinkage" - yikes!

Not got time to solve your problem but if you roll over the "Jeff Sabarese" link at the foot of the page, it goes back to normal width. lol very quirky but you do need to get that sorted Laughing out loud

http//www.guydavies.eclipse.co.uk/

redipixel
Offline
Regular
Tampa, FL
Last seen: 17 years 23 weeks ago
Tampa, FL
Joined: 2005-01-20
Posts: 33
Points: 0

a:hover - causes "shrinkage" - yikes!

youve got a big mix of styles here:

<td width="14%" align="left" valign="top" bordercolor="#FFFFFF" bgcolor="#E5E3D6" class="crowbarcalendar"><div align="right" class="style13"><font face="Arial, Helvetica, sans-serif" size=2>8</font></div>
                                          <p align="center"><font size=2 face="Arial, Helvetica, sans-serif"><a href="http://www.emilystoybox.com/" target="_blank" class="copy">Emily's
                                              Toybox </a><br>

crowbar calendar style i couldnt find & im not sure why you have HTML font styles and css font styles that might do it.

interesting thing on the jeff email link, its the only <p> aligned to the right, maybe that has something to do with it.

there is way to much going on here for me to figure out.
good luck.

wayne

REDIPIXEL.COM

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

a:hover - causes &quot;shrinkage&quot; - yikes!

jsabarese,
With all due respect, to acknowledge a "sloppy job" is probably the crux of your problem, CSS is not going to be tolerant of the kind of coding that's going on here, looking at it I can see all sorts of possible problems arising from conflicting rules and garbled inheritance so much so that it's really very difficult to determine the actual cause although it will likely be padding/ margin related , I see in FF a problem with many links and the font-weight bold that's causing the container to resize and I would remove that property straight away, but then so many of the links are seeming to inherit completely different rules , carefully check through all of your font-sizes and line-heights( don't use pt on the line heights ) as they will cause problems too. A lot of this is to do with the overuse of styled span elements, frankly your going to have a heck of a time preventing conflicts.

You really need to strip the CSS back to it's basic layout and work back up adding the styling bit by bit checking all the time for problems in both FF and IE , if possible drop the spans in favour of descendant selectors to style particular elements.


I realise that time is not on your side but it's difficult to give definite help on this. Try removing all padding/margins etc from the links until you find the cause of the problems.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 10 years 10 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

a:hover - causes &quot;shrinkage&quot; - yikes!

thanks to all who viewed and responded to this.

i'm gonna do as suggested, and rebuild from the ground up. this page was created during my transition period from html style to css style, so hence the total mess.

i appreciate your feedback. it's a pleasure to be part of this community.

cheers!