Web Design Forum: Text styling issue - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Text styling issue I have a Text styling issue<-- noob lolz

#1 User is offline   Garner Designs 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 29
  • Joined: 07-February 12
  • Reputation: 1
  • Gender:Male
  • Location:Florida, USA
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 07 February 2012 - 04:04 AM

OK so I took a screen shot off my issue. I will also explain it the larger font is "pushing up" and I shouldn't do that. Here is the background down and dirty so I am working on a wordpress theme and I am building ontop of thematic because its so SEO friendly! here is 90% of the styling that effects the text.
#access {
    overflow:visible;
    z-index:100;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			right;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*------------------NAV-------------*/
 .menu
 {
 float:right;
 margin: 0;
 padding: 0;
 list-style-type: none;
 }

 .menu li
 {
 padding: 0;
 margin: 0;
 text-indent: 0;
 display: inline;
 }

 .menu li a
 {
 text-decoration: none;
 color: #F0EDED;
 padding: 0 2px;
 }

 .menu li a:hover{
 color: #356aa0;
 }

.current_page_item, .current_page_item a { color: #356aa0; font-size: 1.5em; }


Thanks for the hand guys,
Matthew GarnerAttached File  32.png (155.68K)
Number of downloads: 12

This post has been edited by Garner Designs: 07 February 2012 - 04:06 AM

0

#2 User is offline   Wickham 

  • Web Guru
  • View gallery
  • Group: Moderators
  • Posts: 2,876
  • Joined: 11-June 09
  • Reputation: 257
  • Gender:Male
  • Location:Salisbury UK
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 07 February 2012 - 08:00 AM

If font-size doesn't fit, is it a line-height issue? Can you post a link so that we can see what's happening?
1

#3 User is offline   Garner Designs 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 29
  • Joined: 07-February 12
  • Reputation: 1
  • Gender:Male
  • Location:Florida, USA
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 07 February 2012 - 05:38 PM

View PostWickham, on 07 February 2012 - 08:00 AM, said:

If font-size doesn't fit, is it a line-height issue? Can you post a link so that we can see what's happening?

AH thank you can't believe I overlooked line height! Problem Solved.
0

#4 User is offline   Wickham 

  • Web Guru
  • View gallery
  • Group: Moderators
  • Posts: 2,876
  • Joined: 11-June 09
  • Reputation: 257
  • Gender:Male
  • Location:Salisbury UK
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 07 February 2012 - 07:45 PM

View PostGarner Designs, on 07 February 2012 - 05:38 PM, said:

AH thank you can't believe I overlooked line height! Problem Solved.


Glad to help
0

#5 User is offline   HuntyDJH 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 47
  • Joined: 30-September 11
  • Reputation: 0
  • Gender:Male
  • Location:Hull
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 13 February 2012 - 03:39 PM

Good old Superfish, always there to confuse!
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users