Log In · Register

 
 
Closed TopicStart new topic
Navigation and Firefox., works?
Marlons
post Jan 23 2008, 09:09 PM
Post #1


Thread Killer
******

Group: Staff Alumni
Posts: 1,012
Joined: Jun 2007
Member No: 530,544



I was just wondering, does this kind of navigation not work on Firefox anymore, because the links overlap and i can't get it to work.
Example

Or are my codes just outdated? if so anybody have any working codes?
 
crafty-designs
post Jan 23 2008, 11:58 PM
Post #2


crafty. :]
**

Group: Official Designer
Posts: 16
Joined: Aug 2007
Member No: 562,092



For the links use the line-height code. Add it in the links and links hover code.

Example:

CODE
a.nav:link, a.nav:visited, a.nav:active {
font-family:century gothic;
text-decoration:none;
display: block;
color:black;
font-size:14px;
text-align:center;
background-color:transparent;
font-weight:normal;
line-height:25px;
width:193px;}

a.nav:hover {
font-family:century gothic;
text-decoration:none;
display: block;
color:white;
font-size:14px;
text-align:center;
background-color:640000;
font-weight:normal;
line-height:25px;
width:193px;}
 
Marlons
post Jan 24 2008, 12:26 AM
Post #3


Thread Killer
******

Group: Staff Alumni
Posts: 1,012
Joined: Jun 2007
Member No: 530,544



Nevermind, i figured it out.
 
S-Majere
post Jan 24 2008, 05:40 AM
Post #4


Addict
*******

Group: Staff Alumni
Posts: 3,918
Joined: Jun 2007
Member No: 538,522



Can you let us know how, Mlo? I can close this then.
 
Marlons
post Jan 24 2008, 06:57 PM
Post #5


Thread Killer
******

Group: Staff Alumni
Posts: 1,012
Joined: Jun 2007
Member No: 530,544



Oh yeah, I just used this code here.
CODE
a.navigate:link,a.navigate:active,a.navigate:visited {font:normal 14px arial; letter-spacing:0px; display:block; margin-bottom:1px; line-height:17px; color:000000; text-align:left; valign:center; background-color:cccccc; text-decoration:none !important;}

a.navigate:hover {font:normal 14px arial; letter-spacing:0px; display:block; margin-bottom:1px; line-height:17px; color:000000; text-align:left; valign:center; background-color:aaaaaa; text-decoration:none !important;}
</style>
 
digitalfragrance
post Jan 24 2008, 07:01 PM
Post #6


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043



Topic Closed
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: