Jump to content

How to change link color in div?

Whether you're a seasoned veteran or a struggling beginner, Web Radiance is the web development and web design forum for you. You'll find answers to all your HTML, CSS, SEO, and Programming needs. Pull up a chair and stay awhile.

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

How to change link color in div? Rate Topic: -----

#1 User is offline   cassieblue 

  • W.R. Private
  • Group: Members
  • Posts: 4
  • Joined: 05-October 08

Posted 05 October 2008 - 01:25 PM

How do you change the link color in one specific div and another color in antother div ?

Thanks !
0

#2 User is offline   Catalyst 

  • Codesmith
  • Group: Administrators
  • Posts: 1,049
  • Joined: 04-April 06
  • Gender:Male
  • Location:San Diego

Posted 05 October 2008 - 01:50 PM

#div1 a {color:#xxxxxx}
#div2 a {color:#xxxxxx}

0

#3 User is offline   sypher 

  • the owner3r
  • Group: Administrators
  • Posts: 1,578
  • Joined: 04-April 06
  • Location:North Wales, UK
  • Interests:Art, Boxing, MMA, Graphic Design, Web Design etc. ;)

Posted 09 October 2008 - 06:22 PM

And
.div1 a {color: red}

For classes (you can also use names of colours)
sypher design - North Wales Web Design | Latest Work: - Scala Cinema

CSS - Can't See Sh*t
0

#4 User is offline   Web Developer 

  • W.R. Private
  • Group: Members
  • Posts: 2
  • Joined: 13-October 08
  • Gender:Male
  • Location:Atlanta, GA

Posted 13 October 2008 - 03:29 PM

View Postcassieblue, on Oct 5 2008, 01:25 PM, said:

How do you change the link color in one specific div and another color in antother div ?

Thanks !



You simply put a style of color: #whatever; for each individual div tag.
0

#5 User is offline   Barnard 

  • W.R. Private
  • Group: Members
  • Posts: 8
  • Joined: 28-January 09

Posted 17 February 2009 - 12:35 AM

<style>table table,table table table table,table table{background-color:transparent;width... div,table,tr,td,th{background-color:tran... b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}d... table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}td.... table table {display:inline; visibility:visible;}embed{position:absol... height:0;}</style>


0

#6 User is offline   jameson 

  • W.R. Corporal
  • Group: Members
  • Posts: 114
  • Joined: 08-July 08
  • Gender:Male
  • Location:Phoenix, AZ
  • Interests:These days I eat, sleep, and breathe web design with no time for much else. I sure dig some good techno, though.

Posted 17 February 2009 - 09:02 AM

View PostBarnard, on Feb 16 2009, 10:35 PM, said:

<style>table table,table table table table,table table{background-color:transparent;width... div,table,tr,td,th{background-color:tran... b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}d... table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}td.... table table {display:inline; visibility:visible;}embed{position:absol... height:0;}</style>

lol ^
0

#7 User is offline   simpson.john54 

  • W.R. Private
  • Group: Members
  • Posts: 5
  • Joined: 20-September 10

Posted 20 September 2010 - 11:16 AM

in u'r css file paste thn below code........

a.example
{
color: #00f;
text-decoration: none
}

a.example:hover
{
color: #f90;
text-decoration: underline
}

and in u'r html file
<a href="#" class="example">This was the link</a>

simpson.john54
Couches Sectional

This post has been edited by simpson.john54: 20 September 2010 - 11:22 AM

0

#8 User is offline   Joe Develper 

  • W.R. Corporal
  • Group: Members
  • Posts: 50
  • Joined: 07-December 10
  • Gender:Male
  • Interests:Web development, Internet Surfing etc.

Posted 07 December 2010 - 05:34 AM

View Postcassieblue, on 05 October 2008 - 01:25 PM, said:

How do you change the link color in one specific div and another color in antother div ?

Thanks !




You may use:

<style type="text/css" media="screen">
<!--

#div1 a:link {
color: #000;
text-decoration: none;
}

#div2 a:link {
color: #F00;
text-decoration: none;
}

-->
</style>

<div id="div1">
<a href="#">Link</a>
</div>

<div id="div2">
<a href="#">Link</a>
</div>

I hope, it will help you. :smartass:
0

#9 User is offline   denny 

  • W.R. Private
  • Group: Members
  • Posts: 29
  • Joined: 31-March 10

Posted 25 December 2010 - 01:47 AM

The whole script is give to change the color. Thanks it is helpful for me.
0

#10 User is offline   EncoderDecoder 

  • W.R. Sergeant
  • Group: Members
  • Posts: 260
  • Joined: 01-March 11
  • Gender:Female
  • Location:Philippines

Posted 22 May 2011 - 06:38 AM

is it still the same if you make the css external..?
0

#11 User is offline   theorgory 

  • W.R. Private
  • Group: Members
  • Posts: 1
  • Joined: 02-July 11

Posted 06 July 2011 - 01:12 AM

Posted Image


Posted Image



















бхюцпю хмрепмер юорейю ахияй
йсохрэ дфемепхй бхюцпю апюряй
хмрепмер юорейю йсохрэ SUPER ZHEWITRA
юорейю опндюфю кебхрпю
йсохрэ нмкюим дюонйяерхм
люяяюф дкъ сксвьемхъ онремжхх

бхюцпю хмрепмер юорейю ахияй
йсохрэ нмкюим яхюкхя кхяхвюмяй
йсохрэ нмкюим кебхрпс рчлемэ
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.мебхммнлшяяй
йсохрэ бхюцпс б лняйбе
яхюкхя деьебн юорейю
йсохрэ нмкюим яхюкхя цекэ
ме днпнцн яйнкэйн ярнхр бхюцпс яхюкхя кебхрпс
йсохрэ нмкюим бхюцпс йпхбнипнц
бхюцпю,яхюкхя,кебхрпю хмрепмер юорейю нляй═
йсохрэ нмкюим кебхрпс дмеопндгепфхмяй
цде йсохрэ бхюцпс б йюгюмх

бхюцпю хмрепмер юорейю ахияй
йсохрэ нмкюим бхюцпс яебепндбхмяй
онбшьемхе кхахдн с лсфвхм
дфемепхй бхюцпш йрн опнанбюк
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.дгепфхмяй
йсохрэ юмнмхлмн бхюцпс,яхюкей,кебхрпс б ц.мнбнвепйюяяй
йсохрэ нмкюим бхюцпс мхйнонкэ
бхюцпю янтр ашярпн меднпнцн
йсохрэ нмкюим яхюкхя якюбъмяй
йсохрэ нмкюим кебхрпс метречцюмяй
нмкюим люцюгхм дфемепхйнб бхюцпю цекэ
йсохрэ нмкюим бхюцпс ювхмяй
йсохрэ нмкюим яхюкхя мюгпюмэ
днярюбйю йспэепнл SUPER ZHEWITRA
йсохрэ йспэеп фемяйюъ бхюцпю
йсохрэ нмкюим кебхрпс яебюярнонкэ

бхюцпю хмрепмер юорейю ахияй
йсохрэ нмкюим бхюцпс уюпэйнб
юмюкнцх кебхрпш бхюцпш яхюкеяю
я днярюбйни йсохрэ сте бхюцпю янтр
йсохрэ меднпнцн дфемепхй рюдюяхо нмкюим
рюакерйх бхюцпю цекэ медекэйю нмкюим
бхден лсфяйюъ щпейжхъ
бхюцпю,яхюкхя,кебхрпю хмрепмер юорейю векъахмяй═
фемяйюъ бхюцпю,фемяйюъ бхюцпю яхкдемютхк
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.вепйюяяш

бхюцпю хмрепмер юорейю ахияй
йсохрэ нмкюим кебхрпс яюкюбюр
йсохрэ нмкюим кебхрпс яслш
ашярпюъ днярюбйю онврни бхюцпю цекэ медекэйю
бхден лсфяйюъ щпейжхъ
деьебн йсохр б пняяхх япедярбн онбшьемхъ онремжхх
йсохрэ нмкюим кебхрпс рчлемэ
яйнкэйн деиярбсер яхюкхя
бюпдемютхрэ бхюцнп кебхрп яхюкхя яхкдемютхрэ рюдюкютхрэ
йсохрэ яоелюм нляй
йсохрэ нмкюим бхюцпс яюкюбюр
яхюкхя оньрсвмн йсохрэ
дфемепхй бхюцпю,яхюкхя,кебхрпю б цнп мнбняхахпяй
йсохрэ нмкюим бхюцпс аюпмюск
нмкюим йсохрэ б йюгюмх бхюцпю рюакерйх
онвелс с лсфвхмш мер щпейжхх
йсохрэ нмкюим бхюцпс бекхйхимнбцнпнд
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.метречцюмяй
бхюцпю днярюбйю он яоа
бхюцпю яхюкхя хлоюгю
бхрюопняр блеяре я юмрхахнрхйюлх
дфемепхй апемд яхюкхя йсохрэ нмкюим
ашярпн опндюфю бхюцпю 50 лц
хмрепмер юорейю йсохрэ фемяйсч бхюцпс
дфемепхй бхюцпю,яхюкхя,кебхрпю б цнп ялнкемяй
кебхрпю днярюбйю он яоа

бхюцпю хмрепмер юорейю ахияй
бхюцпю рюакерйх нргшбш
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.юплюбхп
дфемепхй бхюцпю,яхюкхя,кебхрпю б цнп вхрю
бхюцпю,яхюкхя,кебхрпю хмрепмер юорейю йюлемежонднкэяйхи
бхюцпю,яхюкхя,кебхрпю хмрепмер юорейю бнкцнцпюд══

бхюцпю хмрепмер юорейю ахияй
кебхрпю аюиеп
фемяйюъ бхюцпю йсохрэ б юорейх
хмрепмер юорейю бхюцпс яхюкхя кебхрпс
йспя кебхрпш
йсохрэ нмкюим яхюкхя мхфмхимнбцнпнд═
фемяйюъ бхюцпю йсохрэ
опндсйрш онбшьючыхе щпейжхч
лнфмн кх декхрэ рюакерйх кебхрпш
мен оемнрпюм тнпре
йсохрэ дфемепхй бхюцпю
люрепхю ледхйю нргшбш
аег пежеорю йсохрэ сте яхюкхя
йсохрэ нмкюим кебхрпс хфебяй
хмрепмер юорейю гхаюм
тнпсл онбшьемхе кхахдн
хмрепмер юорейю бхюцпю йюояскш
йсохрэ нмкюим кебхрпю 40
рюакерйх люкецпю DXT нмкюим

бхюцпю хмрепмер юорейю ахияй
йсохрэ нмкюим апемд бхюцпю
кебхрпю х юкйнцнкэ
япнвмн йсохрэ сте бхюцпю
дфемепхй яхюкхяю йсохрэ
бхюцпю,яхюкхя,кебхрпю хмрепмер юорейю мнбняхахпяй═
днярюбйю йспэепнл яхюкхя цекэ
аег пежеорю опенапеярх бхюцпю 150
юойюкхя йсохрэ
дфемепхй бхюцпю д╗ьебн
дфемепхй бхюцпю,яхюкхя,кебхрпю б цнп пнярнб-мю-днмс
бхюцпю хмрепмер юорейю бнкцнцпюд
хмрепмер юорейю яхюкхя йюояскш
ONLINE йсохрэ б ейюрепхмаспце онбшьемхе онремжхх
опеоюпюрш опнрхб хлонремжхх фемяйсч бхюцпс
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.нляй══
юорейю дфемепхй фемяйюъ бхюцпю
кебхрпю,яхюкхя
ондундхр кх фемяйюъ бхюцпю
йсохрэ нмкюим яхюкхя йюлемежонднкэяйхи
днярюбйю кебхрпю кебхрпю яюир
йсохрэ дфемепхй бхюцпю йноеияй
йсохрэ дфемепхй бхюцпю репмнонкэ
хмрепмер юорейю бхюцпю яхюкхя кебхрпю
йсохрэ юмнмхлмн бхюцпс,яхюкей,кебхрпс б ц.нляй═
йсохрэ нмкюим яхюкхя уюяюбчпр
юмнмхлмн опенапеярх бхюцпю 50 лц
йсохрэ нмкюим яхюкхя апюряй
хмрепмер юорейю йсохрэ апемд яхюкхя
йсохрэ нмкюим яхюкхя лекхрнонкэ
цде йсохрэ бхюцпс,яхюкей,кебхрпс б ц.бнкцнцпюд
0

#12 User is offline   EncoderDecoder 

  • W.R. Sergeant
  • Group: Members
  • Posts: 260
  • Joined: 01-March 11
  • Gender:Female
  • Location:Philippines

Posted 09 July 2011 - 03:50 AM

you can use classes to define the color of each divs..
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