Søg
Avatar billede janemil Nybegynder
25. februar 2004 - 10:36 Der er 7 kommentarer og
4 løsninger

Style sheet a href

Jeg har en drilleting
Mine default links er sorte - men 1 sted vil jeg gerne have et hvidt link.

<a href="http://www.eksperten.dk">Test</a>
Hele strengen incl <a href kommer fra DB, så kan ikke sætte en class på. Man kan heller ikke lave replace.

Kan man overrule a href default tag på en måde?

<???><a href="http://www.eksperten.dk">Test</a></???>

Hele balladen kommer jo fordi default a href har mest magt.
Avatar billede websurfer Nybegynder
25. februar 2004 - 10:42 #1
Hvis du sætter <div id="nytlink"> og </div> uden om linket kan du lave følgende css:

#nytlink a {
  color: #FFFFFF;
}
#nytlink a:hover {
  color: #FFFFFF;
}
#nytlink a:active {
  color: #FFFFFF;
}
#nytlink a:visited {
  color: #FFFFFF;
}
Avatar billede nute Nybegynder
25. februar 2004 - 10:42 #2
hvis du ikke kan manipulere dit <a> tag, så bliver det nok meget svært ...

/nute
Avatar billede nute Nybegynder
25. februar 2004 - 10:43 #3
ah ... det er jo selfølgelig en mulighed ... glemte lige nedarvning

ups...
Avatar billede janemil Nybegynder
25. februar 2004 - 10:55 #4
<!-- Start: UserControl.PageInit -->
<style type="text/css"> <!-- BODY { margin: 5px; padding: 0px; }
    --> <!-- A IMG { border:0px; }
    --> <!-- TD.mainborder { background-color:#000000 }
    --> <!-- TD.mainborder2 { background-color:#0099CC }
    --> <!-- TD.mainspacer { background-color:#FFFFFF }
    --> <!-- TD.mainseparator { background-color:#000000 }
    --> <!-- TD.mainseparator2 { background-color:#0099CC }
    --> <!-- TD.content { font-family: arial, helvetica, verdana; font-size:11px; color:#000033; background-color:#FFFFFF; padding: 0px; background-color:#FFFFFF }
    --> <!-- TD.content A { color:#000033 }
    --> <!-- TD.topbar { color:#FFFFFF; background-color:#000033 }
    --> <!-- TD.topbar A { color:#FFFFFF; background-color:#000033 }
    --> <!-- TD.topbarseparator {background-color:#FFFFFF }
    --> <!-- #menu1 { visibility: hidden }
    --> <!-- .menu1spacer { background-color:#FFFFFF; max-width:1px; min-width:1px; width:1px }
    --> <!-- .menu1filler { background-color:#0099CC }
    --> <!-- .menu1text { font-family: arial, helvetica, verdana; font-size: 11px; color: #FFFFFF }
    --> <!-- .menu1text A { font-family: arial, helvetica, verdana; text-decoration:none; color: #FFFFFF }
    --> <!-- .topMenutext { font-family: arial, helvetica, verdana; font-size: 11px; color: #FFFFFF; text-decoration: none }
    --> <!-- .topMenutext A { color: #FFFFFF; text-decoration: none }
    --> <!-- .bottomMenutext { font-family: arial, helvetica, verdana; font-size: 11px; color: #000033; text-decoration: none }
    --> <!-- .bottomMenutext A { color: #000033; text-decoration: none }
    -->
</style>
<!-- End: UserControl.PageInit -->


<td class="menu1text" bgcolor="#0099cc"><span style="COLOR: #ffffff"><span id="phNewsLinkField"><A href="http://www.test.dk">Jan</A></span></span></td>

Kan ikke få det til at spille ;-(
<A href="http://www.test.dk">Jan</A> skal helst være hvid.
Avatar billede janemil Nybegynder
25. februar 2004 - 10:57 #5
<span id="phNewsLinkField"><A href="http://www.test.dk">Jan</A></span>
Overstående kommer fra en string, så kan ikke manipulere inden for de tags.
Avatar billede websurfer Nybegynder
25. februar 2004 - 11:00 #6
Det var da godt nok en underlig måde at skrive css på.

Jeg har lavet en lille test-side der virker fint:

<html>
<head>
<style type="text/css">
#nytlink a {
  color: #FFFFFF;
}
#nytlink a:hover {
  color: #FFFFFF;
}
#nytlink a:active {
  color: #FFFFFF;
}
#nytlink a:visited {
  color: #FFFFFF;
}
</style>
</head>

<body bgcolor="#000000">

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

</html>
Avatar billede websurfer Nybegynder
25. februar 2004 - 11:01 #7
Prøv at erstatte din td med div.
Avatar billede janemil Nybegynder
25. februar 2004 - 11:03 #8
Jeg kan også sagtens skrive min egen som virker, men det er jo det som jeg har postet der skal virke.
Avatar billede janemil Nybegynder
25. februar 2004 - 11:05 #9
>Prøv at erstatte din td med div.
Der kan ikke ændres i layout - kun manipuleres med classes eller måske i nødstilfælde et nyt tag.
Det er et meget fastlåst system som bare skal have rettet det ene link.
Avatar billede websurfer Nybegynder
25. februar 2004 - 11:07 #10
Jeg kan altså sagtens få dit script til at virke når jeg indsætter det i et html-dokument:

<html>
<head>
<style type="text/css"> <!-- BODY { margin: 5px; padding: 0px; }
    --> <!-- A IMG { border:0px; }
    --> <!-- TD.mainborder { background-color:#000000 }
    --> <!-- TD.mainborder2 { background-color:#0099CC }
    --> <!-- TD.mainspacer { background-color:#FFFFFF }
    --> <!-- TD.mainseparator { background-color:#000000 }
    --> <!-- TD.mainseparator2 { background-color:#0099CC }
    --> <!-- TD.content { font-family: arial, helvetica, verdana; font-size:11px; color:#000033; background-color:#FFFFFF; padding: 0px; background-color:#FFFFFF }
    --> <!-- TD.content A { color:#000033 }
    --> <!-- TD.topbar { color:#FFFFFF; background-color:#000033 }
    --> <!-- TD.topbar A { color:#FFFFFF; background-color:#000033 }
    --> <!-- TD.topbarseparator {background-color:#FFFFFF }
    --> <!-- #menu1 { visibility: hidden }
    --> <!-- .menu1spacer { background-color:#FFFFFF; max-width:1px; min-width:1px; width:1px }
    --> <!-- .menu1filler { background-color:#0099CC }
    --> <!-- .menu1text { font-family: arial, helvetica, verdana; font-size: 11px; color: #FFFFFF }
    --> <!-- .menu1text A { font-family: arial, helvetica, verdana; text-decoration:none; color: #FFFFFF }
    --> <!-- .topMenutext { font-family: arial, helvetica, verdana; font-size: 11px; color: #FFFFFF; text-decoration: none }
    --> <!-- .topMenutext A { color: #FFFFFF; text-decoration: none }
    --> <!-- .bottomMenutext { font-family: arial, helvetica, verdana; font-size: 11px; color: #000033; text-decoration: none }
    --> <!-- .bottomMenutext A { color: #000033; text-decoration: none }
    -->
</style>
</head>

<body>

<table><tr>
<td class="menu1text" bgcolor="#0099cc"><span style="COLOR: #ffffff"><span id="phNewsLinkField"><A href="http://www.test.dk">Jan</A></span></span></td>
</tr></table>

</body>
</html>
Avatar billede janemil Nybegynder
25. februar 2004 - 11:12 #11
hmm. Weird også hos mig..
Det må være en class længere oppe som driller mig.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
I går 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
White papers
Flere white papers »