Solved

CSS Problems with Menu

Posted on 2009-07-09
5
246 Views
Last Modified: 2013-12-07
Okay, so I've had a problem with this earlier, and I'm still trying to fix it. I had a good solution before, but I was forced to change a menu items name, which made the length too long to fit in the div, so I had to do some readjusting and now everything's messed up again. In Firefox, the text slightly jumps when hovered over, and in Firefox and IE6 (oddly enough, IE 7 is rendering exactly as I would like it to, although this would probably change after fixing the other browsers issues) after clicking on a link and then moving the mouse away from the link the text jumps radically (this is the main problem I'm having). I have no idea what is causing this. I would expect the text to revert to its style when not being hovered, but maybe I'm missing something. This layout is a modified template, so there could be styles that are affecting it I'm not noticing. Anyway, the site is at http://www.infinitybirthingcenter.com . I would post the relevant styles in the code section but I have no idea what part of the stylesheet is doing this to the menu. Any help is greatly appreciated.
0
Comment
Question by:linbayzak
  • 3
  • 2
5 Comments
 
LVL 2

Accepted Solution

by:
AWatson91 earned 500 total points
ID: 24816550
It seems that you have used images as the links, and roll-overs.  Your problem is that these images aren't the same size.  First off all of your roll-over images are larger than your main button images, second the text is not aligned the same in the roll-over as the main images.  Because of this, it appears that your text is jumping.
0
 

Author Comment

by:linbayzak
ID: 24816885
I'm pretty sure you're mistaken here. There is only one image used in the rollovers (and its only on the hover, active, and focus style), and I've checked the stylesheets just to be sure, but each div is the exact same height and width, and they use the same image.

I added text-align: right to the rollover states to see if that helped any but I'm still getting the same problems in IE6 (this did however, help some in Firefox, but the text still appears shifted up some). Getting closer maybe...
0
 
LVL 2

Expert Comment

by:AWatson91
ID: 24818134
Do you mind posting your code?  It would help me and others to maybe see what you have to help you out.
0
 

Author Comment

by:linbayzak
ID: 24818714
Can do, but you can get all this by viewing the source...Like I said, its a modified template, so there's a lot of junk in there.
/*

Theme Name:		Neoclassical

Theme URI:		http://openeducation.net

Description:	A 3-column design with an emphasis on typography and whitespace.

Version:		1.1

Author:			Chris Pearson

Author URI:		http://pearsonified.com/

*/
 

#a_spacer{

height: 50px;

}
 

div.breadcrumb{

  font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #e7dab1;

	margin-left: 10px;

	margin-bottom: -10px;

	z-index: 100;

}

div.breadcrumb a, a:active{

  background-image: none;

	padding: 0;

	margin: 0;

	float: none;

}
 

div.ngg-gallery-thumbnail a.shutterset_zen, a.shutterset_zen:active{

  background-image: none;

	padding: 0;

	margin: 0;

	float: none;

}
 

div.ngg-gallery-thumbnail a.shutterset_facility, a.shutterset_facility:active{

  background-image: none;

	padding: 0;

	margin: 0;

	float: none;

}
 

div.ngg-gallery-thumbnail a.shutterset_cottage-tour, a.shutterset_cottage-tour:active{

  background-image: none;

	padding: 0;

	margin: 0;

	float: none;

}
 

div.ngg-gallery-thumbnail a.shutterset_tuscany-tour, a.shutterset_tuscany-tour:active{

  background-image: none;

	padding: 0;

	margin: 0;

	float: none;

}
 

html>body div.tuscanywait_header{

 height: 61px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tuscany_waiting_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.tuscanywait_header{

 height: 61px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tuscany_waiting_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.postpartum_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/postpartum_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.postpartum_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/postpartum_header.png', sizingMethod='scale');

}
 

html>body div.waterbirth_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/waterbirth_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.waterbirth_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/waterbirth_header.png', sizingMethod='scale');

}

/**/
 

html>body div.birth_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/birth_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.birth_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/birth_header.png', sizingMethod='scale');

}

/**/
 

html>body div.prenatal_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/prenatal_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.prenatal_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/prenatal_header.png', sizingMethod='scale');

}

/**/
 

html>body div.tuscanybed_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tuscany_bed_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.tuscanybed_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tuscany_bed_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.zenwait_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_waiting_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.zenwait_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_waiting_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.zenbed_header{

 height: 61px;

 width: 525px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_bed_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.zenbed_header{

 height: 61px;

 width: 525px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_bed_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.zenbath_header{

 height: 61px;

 width: 525px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_jacuzzi_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.zenbath_header{

 height: 61px;

 width: 525px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_jacuzzi_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.cottagewait_header{

 height: 61px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_waiting_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.cottagewait_header{

 height: 61px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_waiting_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.cottagebed_header{

 height: 61px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_bedroom_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.cottagebed_header{

 height: 61px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_bedroom_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.cottagebath_header{

 height: 61px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_jacuzzi_tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.cottagebath_header{

 height: 61px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_jacuzzi_tour.png', sizingMethod='scale');

}

/**/
 

html>body div.tuscany_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tuscany_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.tuscany_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tuscany_header.png', sizingMethod='scale');

}

/**/
 

html>body div.cottage_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.cottage_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/cottage_header.png', sizingMethod='scale');

}

/**/
 

html>body div.zen_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.zen_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/zen_header.png', sizingMethod='scale');

}

/**/
 

html>body div.facility_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/facility_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.facility_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/facility_header.png', sizingMethod='scale');

}

/**/
 

html>body div.addbaby_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/addbaby_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.addbaby_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/addbaby_header.png', sizingMethod='scale');

}

/**/
 

html>body div.ourbabies_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/ourbabies_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.ourbabies_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/ourbabies_header.png', sizingMethod='scale');

}

/**/
 

html>body div.contactus_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/contactus_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.contactus_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/contactus_header.png', sizingMethod='scale');

}

/**/
 

html>body div.resources_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/resources.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.resources_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/resources.png', sizingMethod='scale');

}

/**/
 

html>body div.fees_header{

 height: 61px;

 width: 525px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/07/fees.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.fees_header{

 height: 61px;

 width: 525px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/07/fees.png', sizingMethod='scale');

}

/**/
 

html>body div.newsevents_header{

 height: 61px;

 width: 525px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/07/news_events.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.newsevents_header{

 height: 61px;

 width: 525px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/07/news_events.png', sizingMethod='scale');

}

/**/
 

html>body div.faq_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/faq.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.faq_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/faq.png', sizingMethod='scale');

}

/**/
 

html>body div.tour_header{

 height: 50px;

 width: 300px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tour.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.tour_header{

 height: 50px;

 width: 300px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/tour.png', sizingMethod='scale');

}

/**/
 

html>body div.aboutus_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/aboutus_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.aboutus_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/aboutus_header.png', sizingMethod='scale');

}

/**/
 

html>body div.services_header{

 height: 50px;

 width: 500px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/services_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.services_header{

 height: 50px;

 width: 500px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/services_header.png', sizingMethod='scale');

}

/**/
 

html>body div.shelly_header{

 height: 42px;

 width: 435px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/shelly_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.shelly_header{

 height: 42px;

 width: 435px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/shelly_header.png', sizingMethod='scale');

}

/**/
 

html>body div.meghan_header{

 height: 42px;

 width: 435px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/meghan_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.meghan_header{

 height: 42px;

 width: 435px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/meghan_header.png', sizingMethod='scale');

}

/**/
 

html>body div.crystal_header{

 height: 48px;

 width: 435px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/crystal_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.crystal_header{

 height: 48px;

 width: 435px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/crystal_header.png', sizingMethod='scale');

}

/**/
 

html>body div.leona_header{

 height: 48px;

 width: 435px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/leona_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.leona_header{

 height: 48px;

 width: 435px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/leona_header.png', sizingMethod='scale');

}

/**/
 

html>body div.casal_header{

 height: 91px;

 width: 435px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/casal_header.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.casal_header{

 height: 91px;

 width: 435px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/casal_header.png', sizingMethod='scale');

}

/**/
 

html>body div.board_dirs{

 height: 50px;

 width: 448px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/board_of_directors.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.board_dirs{

 height: 50px;

 width: 300px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/board_of_directors.png', sizingMethod='scale');

}

/**/
 

html>body div.midwivs{

 height: 50px;

 width: 448px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/midwives.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.midwivs{

 height: 50px;

 width: 300px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/midwives.png', sizingMethod='scale');

}

/**/

html>body div.clin_dir{

 height: 50px;

 width: 448px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/clinical_director.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.clin_dir{

 height: 50px;

 width: 300px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/clinical_director.png', sizingMethod='scale');

}

/**/
 

html>body div.med_dir{

 height: 50px;

 width: 448px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/med_director.png');

 background-position: center;

 background-repeat: no-repeat;

}

/* IE6 only */

/*\*/

div.med_dir{

 height: 50px;

 width: 300px;

 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/med_director.png', sizingMethod='scale');

}

/**/
 

html>body div.welcome_home_pg{

 height: 85px;

 width: 785px;

 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/welcome1.png');

}

/* IE6 only */

/*\*/

div.welcome_home_pg{

 height: 85px;

 width: 785px;

 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/welcome1.png', sizingMethod='scale');

}

/**/
 

html>body div.ThatsideBarImg{

height: 90px;

width: inherit;

background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/logo.png');

background-position: top center;

background-repeat: no-repeat;

}
 

div.textwidget{ text-align: center;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #e5dec2; letter-spacing:2px; font-weight: bold}
 

#text-455186782 { text-align: center}

/* IE6 only */

/*\*/

div.ThatsideBarImg{

height: 90px; width: 120px; 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/logo.png', sizingMethod='scale');

}

/**/

html>body div.main_box{

text-align: center; padding: 25px; background-color: #e9dbb4; border-color: #994c33; border-width: 4px; border-style: solid; padding: 10px 12px 12px 8px; margin-left: -8px; width: 444px; margin-top: 10px

}

/* IE6 only */

/*\*/

div.main_box{

text-align: center; padding: 25px; background-color: #e9dbb4; border-color: #994c33; border-width: 4px; border-style: solid; padding: 10px 12px 12px 8px; margin-left: -8px; width: 448px; margin-top: 10px; overflow: hidden

}

/**/

body { background: #262f40; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif;}
 

* { padding: 0; margin: 0; }

	

html>body li.page_item a{

 line-height: 1.9em;

 letter-spacing: 2px; 

 font-family: Georgia, "Times New Roman", Times, serif; 

 text-align: right; 

 color: #e5dec2; 

 width: 145px; 

 height: 24px; 

 padding: 5px 0px 8px 0px; 

 float: left; 

 clear: both;

 background-position:right center; 

 background-repeat:no-repeat;

 	 font-size: 1.2em;

	 font-weight: bold;

	 text-transform: none;

	 margin-right: 15px;

	 margin-left: -20px;

}

/*\*/

li.page_item a {

        line-height: 1.9em;

        letter-spacing: 2px;

        font-family: Georgia, "Times New Roman", Times, serif;

        background-image: url('');

        text-align: right;

        color: #e5dec2;

        height: 24px;

				width: 145px;

        padding: 11px 8px 3px 0;

        float: left;

        clear: both;

        background-position:right center;

        background-repeat:no-repeat;

	 font-size: 1.2em;

	 font-weight: bold;

	 text-transform: none;	

	 	 margin-left: 5px;			

		 overflow: visible;

}

/**/
 

html>body li.page_item a:hover, a:focus, a:active {

   text-decoration: none;

	 background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/link_bg.png');

	 background-position:right center;

   background-repeat:no-repeat;

	 width: 145px;

	 height: 24px;

	 padding: 17px 11px 6px 0px;

	 *padding: 15px 11px 8px 0px;

	 margin-top: -10px;

	 margin-right: 15px;

	 float: left;

	 clear: both;

	 line-height: inherit;

	 font-size: 1.2em;

	 font-weight: bold;

	 text-transform: none;

	 	 margin-left: -20px;

		  text-align: right;

 }

 

 

/*\*/

li.page_item a:hover, a:focus, a:active {

        text-decoration: none;

        background-image: url('http://www.infinitybirthingcenter.com/wp-content/uploads/2009/06/link_bg.png');

        padding: 11px 10px 3px 0;

        float: left;

        clear: both;

        margin-right: 15px;

				width: 145px;

				height: 24px;

				overflow: visible;

				 text-align: right;

}

/**/

/*---:[ core layout elements ]:---*/
 

#container { width: 795px; margin: 0 auto; padding: 0px 0; }
 

	#page { } /* for use with custom styles */

	

		#masthead { width: 785px; margin: 0 0 20px 0; padding: 0 10px; text-align: left; }

		

		#rotating_image { width: 785px; margin: 0 0 20px 0; }

		

			#rotating_image img { display: block; border: 10px solid #eee; }
 

		#content_box { width: 895px; padding: 0 0px; text-align: left; margin-left: -5px}
 

			#left_box { width: 645px; float: left; margin-left: 8px}
 

				#content { width: 498px; padding: 0 1px; float: right; }

			

					#content_inner { width: 475px; padding: 9px 9px 9px 9px; background-color: #636d7d}

	

			.sidebar { width: 135px; float: left; }

		

			html>body #left_bar { padding: 0 10px 0 0; width: 125px; text-align: right; overflow: visible; margin-right: -50px}

		/*\*/

		#left_bar {

		    margin-left: -5px;

        padding: 0 20px 0 5px;

        width: 125px;

        text-align: right

				overflow: visible;

}

/**/

			#right_bar { padding: 0 0 0 0px; width: 210px; margin-left: 0px; overflow: visible; text-align: center}

		

		#footer { padding: 1.0em 0; }
 
 

/*---:[ headlines ]:---*/
 

h1, h2, h3, h4 { font: bold 1.0em Georgia, "Times New Roman", Times, serif; }
 

h1 { font-size: 1.8em; line-height: 1.11111em; padding: 0 10px; color: #111; }

	

	#content_inner h1{ display: none}

	#archives { padding-top: 20px}

	#text-462132441{ padding-top: 70px}

	.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; text-align: center; }
 

	.page h1 { margin: 0 0 1.11111em 0; }
 

h2 { font-size: 1.8em; line-height: 1.11111em; padding: 1.11111em 10px 0 10px; border-top: 1px dotted #ddd; color: #111; }
 

	h2 a, h2 a:visited { color: #333; }
 

	h2 a:hover { color: #237fa1; text-decoration: none; }

	

	h2.top { padding-top: 0; border-top: none; }

	

	.sidebar h2 { font-size: 10px; line-height: 1.9em; text-transform: uppercase; letter-spacing: 2px; border: 0; text-align: center; color:#E5DEC2; font-family:Georgia,"Times New Roman",Times,serif; }
 

h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; }

	.format_text h3 { margin: 1.875em 0 0.625em 0; }
 

	.format_text h3.top { margin: 0 0 0.625em 0 !important; }
 

h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }
 

/*---:[ global elements ]:---*/
 

hr { display: none; }

a:hover { color: #e5dec2; text-decoration: underline; }

a, a:visited { color: #e5dec2; text-decoration: none; }
 

a.staff, a.staff:visited, a.staff:active { color: #3e2813; text-decoration: none; background-color: #dbc49b; margin: 0; padding: 0; background-image: none; float: none; z-index: 100};

a.staff:hover{ text-decoration: underline; color: #3e2813; background-color: #dbc49b; z-index: 100}
 

span.num_comments { display: none}

p.attachment a, a:active{ margin: 0; padding: 0; background-image: none; float: none

}

a img { border: none; }
 

blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }
 

abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }
 

sub, sup { line-height: 1.0em; }

	

code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }
 

pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }
 

p.center { text-align: center !important; }
 

p.bottom { margin: 0 !important; }
 

p.unstyled { padding: 0 20px; font-size: 1.3em; }
 
 
 

/*---:[ #masthead styles ]:---*/
 

#masthead #rss_subscribe { width: 40px; height: 40px; float: right; display: none}
 

	#masthead #rss_subscribe a { display: block; width: 40px; height: 40px; background: url('images/icon_rss.gif') no-repeat; text-indent: -9999px; outline: none; }
 

#masthead #logo { font: bold 3.2em Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; display: none}
 

	#masthead #logo a, #masthead #logo a:visited { color: #111; }
 

	#masthead #logo a:hover { color: #237fa1; text-decoration: none; }

	

#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em Verdana, serif; padding: 0; color: #999; text-align: left; }
 
 
 

/*---:[ content styles ]:---*/
 

.post_author { font-size: 1.2em; line-height: 1.66667em; margin: 0 0 1.66667em 0; padding: 0 10px; color: #000; }
 

	.post_author a, .post_author a:visited { color: #999; text-decoration: none; }

	

	.post_author a:hover { color: #999; text-decoration: underline; }
 

.format_text { font-size: 1.3em; line-height: 1.53846em; padding: 0 10px;}

		

	

	.format_text a:hover { text-decoration: underline; }

		

	.format_text blockquote { }

	

		.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }

		

		.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }

	

			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }

	

	.format_text p { margin: 0 0 1.53846em 0; }

	

	.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }

	

	.format_text ul { list-style: none;}
 

	.format_text ol { margin: 0 0 1.53846em 20px; }

	

		.format_text li { }

	

		.format_text ul li { background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }

		

			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 0px; }

	

		.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */

	

	.format_text dl { margin: 0 0 1.53846em 0; }

			

		.format_text dt { font-weight: bold; }

		

		.format_text dd { margin: 0 0 1.53846em 1.53846em; }

		

	.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }

	

		.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }
 

	.format_text img { }
 

		.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }

		

		.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }

		

		.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }

		

		.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }

	

		.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }

		

		.format_text img.stack { clear: none !important; }
 

.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Verdana, serif; color: #999; clear: both; }

	

	.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }

	

	.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }

	

	.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }
 

.navigation { width: 425px; padding: 0.69231em 19px 0.76923em 19px; background: #efefef; border-top: 1px solid #ddd; font-size: 1.3em; line-height: 1.53846em; clear: both; }
 

	.navigation p { text-align: right; }
 

	.older { padding: 0 20px 0 0; float: left; }
 

	.previous { text-align: left; }
 

span.date{ color: #000}

span.num_comments{ color: #000 }

/*---:[ sidebar styles ]:---*/
 

ul.sidebar_list { list-style: none; padding: inherit; margin: inherit; }
 

	

	html>body ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 235px; margin: 0 0 0 20px; *margin: 0 0 0 15px; font: normal 0.9em Verdana, serif; float: left}

		/*\*/

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 235px; margin: 0 0 0 -5px; font: normal 0.9em Verdana, serif; float: left}

/**/

		li.widget p { margin: 0 0 1.33333em 0; }

		

		li.widget ul, li.linkcat ul { list-style: none; }

		

		li.widget ol { margin: 0 0 0 20px; }

		

			li.widget li, li.linkcat li { margin: 0 0 0.75em 0; }

			

				li.widget li br { display: none; }

			

				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }
 

			/*---:[ calendar widget ]:---*/
 

      #events-calendar { padding-top: 20px}

			#calendar_wrap { width: 182px; margin: 0 0 0.83333em 0; padding: 0 8px 0 20px; font-family: Georgia, "Times New Roman", Times, serif; }
 

			table#wp-calendar { width: 182px; border-collapse: collapse; }
 

				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }
 

				table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }
 

				table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }
 

				table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }

				

			/*---:[ search widget ]:---*/
 

			#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }
 

				#search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }
 

				#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
 

				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
 

				#search input[type="submit"]:hover { color: #237fa1; }

				

			/*---:[ default search form styles ]:---*/
 

			#search_form { }
 

				#search_form .search_input { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
 

				#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
 
 
 

/*---:[ footer styles ]:---*/
 

#footer p { font: normal 1.1em/1.63636em Verdana, sans-serif; color: #999; text-align: right; display: none }
 

	#footer a, #footer a:visited { color: #999; text-decoration: none; }
 

	#footer a:hover { color: #333; text-decoration: none; }
 
 
 

/*---:[ comment styles ]:---*/
 

#comments { width: 463px; margin: 4.0em 0 2.0em 0; }
 

	.comments_intro { padding: 0 20px; font: normal 1.2em/1.66667em Verdana, sans-serif; border-bottom: 1px dotted #bbb; }
 

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }
 

	dl#comment_list { margin: 0 0 3.0em 0; }
 

		dl#comment_list dt.comment { width: 445px; padding: 1.42857em 9px 0.71429em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; }
 

			.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }
 

				.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }
 

				.comment_num a:hover { color: #237fa1; text-decoration: none; }

				

			.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }

				

		dl#comment_list dd.comment { width: 445px; padding: 0 9px 0.8em 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb; }

		

		dl#comment_list dt.alt, dl#comment_list dd.alt { background: #fff; }
 

		dl#comment_list dt.author, dl#comment_list dd.author { background: #e7f8fb !important; }

		

			.comment .format_text { padding: 0 10px; }

			

			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }

			

			.comment a.comment_link:hover { color: #333; text-decoration: underline; }

			

			
 

/*---:[ comment form styles ]:---*/
 

#respond { margin: 0 0 0.83333em 0; padding: 0 20px; border-bottom: 1px dotted #ddd; font: normal 1.2em/1.66667em Verdana, sans-serif; }
 

	#respond span { padding: 0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }
 

#comment_form { width: 425px; padding: 0 19px; }
 

	#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; }

	

	#comment_form p.submit_p { padding-bottom: 1.30769em; }

	

		#comment_form label { padding: 0 0 0 10px; }
 

		#comment_form .text_input { width: 206px; padding: 2px; color: #333; font: normal 1.0em Georgia, "Times New Roman", Times, serif; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }

		

		#comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

		

		#comment_form .text_area { width: 419px !important; height: 6.15385em; line-height: 1.53846em; }

	

		#comment_form .form_submit { padding: 0.35714em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em Georgia, "Times New Roman", Times, serif; cursor: pointer; }

		

		#comment_form .form_submit:hover { color: #237fa1; }

		

		#comment_form p.subscribe-to-comments { font-size: 1.3em; }

		

			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

	

	
 

/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/
 

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

Open in new window

0
 

Author Closing Comment

by:linbayzak
ID: 31601626
Sorry to be so late on this.  The environment in which this program runs is complex, very outdated, and sloppy to put it mildly, so you're right about the images, but at the same time i had to do some tweaking on my own to get this just right.  So, i wanted to go ahead and award you points because your suggestion is correct in theory. Thanks and sorry it took so long :-)

0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Help in CSS 5 37
HTML CSS 7 19
modify h2 4 13
What language/protocol is the Angular Chat? 2 11
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

757 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now