Avatar billede jemt Nybegynder
31. marts 2002 - 17:49 Der er 9 kommentarer og
1 løsning

Link og CSS

Hej.
Min kode:

<a href="webdesign2.html"><div class="b2">Tryk her, for at gå til side 2/3</div></a>

Som det ses, er der et div-tag INDE i selve linket. Det er validator.w3.org ikke specielt glad for. Så hvad gør jeg nu ?

Validatoren skrev:
Error: element "DIV" not allowed here; possible cause is an inline element containing a block-level element

Jeg har også tilknyttet styles til links - men der har jeg valgt farven hvid - og den kan ikke ses på den baggrund jeg bruger på den aktuelle side - derfor oprettede jeg en anden class, hvor teksten var sort i stedet - Men hvordan kan jeg løse overstående, når jeg både skal bruge hvide og sort links ?
Avatar billede limemedia Nybegynder
31. marts 2002 - 17:52 #1
Uha, prøv ...
<div class="b2"><a href="webdesign2.html">Tryk her, for at gå til side 2/3</a></div>

:))
Avatar billede limemedia Nybegynder
31. marts 2002 - 17:54 #2
mht farver
<style>
  a.black { ... }
  a.white { ... }
</style>

<a href="#" class="black">jeg er sort</a>
<a href="#" class="white">jeg er hvid</a>

ps. husk det ikke er navnene, du skal selv udfylde ... med en color : #xxxxxx;
Avatar billede jemt Nybegynder
31. marts 2002 - 18:12 #3
Er der ikke en bedre løsning ? Hvis jeg skal gøre det du siger der, så skal jeg redigere ca. 38 sider, med hver 14 links - hvilket er 532 links..

Kan jeg ikke bare gøre noget ved det ene link ? Fx. sætte en intern stylesheet om den eller ligende?
Avatar billede jemt Nybegynder
31. marts 2002 - 18:26 #4
hello `?
Avatar billede limemedia Nybegynder
31. marts 2002 - 18:32 #5
hvad vil forskellen være om du retter
<a href="blabla">blabla</a> til <a href="blabla" class="black">blabla</a> fremfor <a href="blabla" style="color: #000000;">blabla</a> ? omend selvfølgelig du igen skal rette nok 38 sider hvis du engang ønsker dem mørkeblå istedet...

Fremfor at springe over hvor gærdet er lavest, ville jeg lave den løsning hvor du inkluderer én css fil på samtlige sider, og udnytter den fordel der ligger i css, fremfor at skabe manuelt arbejde for dig selv.

Held og lykke...

/ LJ out
Avatar billede limemedia Nybegynder
31. marts 2002 - 18:32 #6
ps 532 links ? search/replace is your friend in need...
Avatar billede jemt Nybegynder
31. marts 2002 - 20:55 #7
ljweb >

1: Jeg bruger allerede EKSTERNE CSS - hvilket jeg har sagt en del gange :)

2: Jeg tror du har misforstået lidt. Jeg springer ikke over hvor gæret er lavest. Men har bare ikke lyst til at rette i 38 sider, fordi jeg skal lave ET andetledes link..
Avatar billede jemt Nybegynder
31. marts 2002 - 20:57 #8
...
Avatar billede tipsen Nybegynder
31. marts 2002 - 20:57 #9
Du kan overrule stylen på A vha:

<a style="background-color:#000000;color:#FFFFFF" href="webdesign2.html"> Tryk her, for at gå til side 2/3 </a>

Men ljweb's løsning er smartere i længden...
Avatar billede tipsen Nybegynder
31. marts 2002 - 20:58 #10
alternativt:

<a id="black" href="webdesign2.html"> Tryk her, for at gå til side 2/3 </a>

css:

#black {
  background-color:#000000;
  color:#FFFFFF
}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester