How can I make two links have seperate styles in a div? |
How can I make two links have seperate styles in a div? |
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 |
|
|
|
![]() |
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 > |
|
|
|
JosephCohen123 How can I make two links have seperate styles in a div? Mar 12 2008, 08:50 PM
Melie what you need to do is instead of having it is an ... Mar 12 2008, 09:18 PM![]() ![]() |