Log In · Register

 
How can I make two links have seperate styles in a div?
Maccabee
post Mar 12 2008, 08:50 PM
Post #1


Senior Member
*******

Group: Official Designer
Posts: 5,880
Joined: Nov 2007
Member No: 593,382




I'm making a div layout and was wondering how to make two links seperate?

Like have a navigation with one set of style settings and then have a credit link with a different set?

this is what ive got now:


Nav links:


a:link, a:visited, a:active {
border: none;
border-left:none;
border-bottom:none;
color:ffffff;
background-color:042328; text-transform:none;
letter-spacing: -2px;
font-size: 12px;
background-image:url();
width:100%; display:block;
background-position:left; background-repeat:no-repeat; text-align:center;
font:18px arial black;
font-weight:none;
text-decoration:none;
line-height: 30px;
}

a:hover {
border: none;
border-left:none;
border-bottom:none;
color:ffffff;
background-color:819193; text-transform:none;
letter-spacing: -2px;
display:block;
font-size: 12px; background-image:url();
width:100%;
background-position:right; background-repeat:no-repeat;
font:18px arial black;
text-align:center;
font-weight:none;
text-decoration:none;
line-height: 30px;}


Style for credit link:


.creditlink:link, .creditlink:visited, .creditlink:active {
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:-1px;
border:none;
line-height:17px;
text-transform:none;
text-decoration:none;
text-align:left;
color:000000;
background-color:transparent;
width:none;
display:block;}

.creditlink:hover {
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:-1px;
border:none;
line-height:17px;
text-transform:none;
text-decoration:none;
text-align:left;
color:ffffff;
background-color:transparent;
width:none;
display:block;}


And to make the credit style settings go to the credit link I'm putting the credit link like this:


a class="creditlink" href="http://zebeya. myblog. de/">ZeBiii< >'s missing though.)

But the 100% width style from the nave keeps going through to the credit link?

What am I doing wrong or what?

Thanks

 
 
Start new topic
Replies
monstrum
post Mar 15 2008, 02:16 AM
Post #2


badassified
***

Group: Member
Posts: 36
Joined: Feb 2008
Member No: 621,426



Oh, oh, oh! Finally- something I can help with :). Anyways, for your .creditlink:link, just put class into your link code. So it should look something like this-

< a href="" class="creditlink" > < /a >
 

Posts in this topic


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