Avatar billede hanloven Mester
07. april 2010 - 15:05 Der er 8 kommentarer og
1 løsning

CSS styles

Hej.

Jeg er ved at bygge en hjemmeside og er løbet i en lille udfordring. Tror ikke det er så svært at rette, når man lige ved hvad problemet er..

I min css_style.css fil har jeg dette:

<style type="text/css">
a.style1:link {color: #FFFFFF;}
a.style1:visited {color: #FFFFFF;text-decoration: underline;}
a.style1:active {color: #FFFFFF;text-decoration: underline;}
a.style1:hover {color: #FFFFFF;text-decoration: none;}
a.style2:link {color: #FFFFFF;text-decoration: none;}
a.style2:visited {color: #FFFFFF;text-decoration: none;}
a.style2:active {color: #FFFFFF;text-decoration: none;}
a.style2:hover {color: #FFFFFF;text-decoration: none;}
</style>

Og i mine tilhørende html filer, bruger jeg eks. style 1 og 2 således:

<div id="left_nav">
  <p><a href="../html/index.html" target="_self" class="style1"><span class="style2">Til forsiden</span></a></p>
  <p>&nbsp;</p>
  <p><a href="../html/analyser.html" target="_self" class="style1">Vandanalyser</a></p>
  <p><a href="../html/dokumenter.html" target="_self" class="style1">Dokumenter</a></p>
  <p><a href="../html/digital opmaling.html" target="_blank" class="style1">Digital opmåling</a></p>
  <p><a href="../html/generalforsamling.html" target="_self" class="style1">Generalforsamling</a></p>
  <p><a href="../html/tilmelding.html" target="_self" class="style1">Tilmelding</a></p>
  <p>&nbsp;</p>
  <p><a href="../html/historie.html" class="style1">Lidt historie </a></p>
  <p>&nbsp;</p>
  <p><a href="mailto:bestyrelsen@andkaervandvaerk.dk" class="style1">Kontakt bestyrelsen</a></p>
  <p><a href="mailto:formanden@andkaervandvaerk.dk" class="style1">Kontakt formanden</a></p>
  <p><a href="mailto:kassereren@andkaervandvaerk.dk" class="style1">Kontakt kassereren </a></p>
  <p>&nbsp;</p>
  <p><a href="../html/medlemmer.html" target="_self" class="style1">Bestyrelsesmedlemmer </a></p>
  <p>&nbsp;</p>
  <p>Nogle punkter kræver</p>
  <p>Adobe Reader. Den kan </p>
  <p>gratis downloades her:</p>
  <p>&nbsp;</p>
  <div id="reader_div"><a href="http://get.adobe.com/dk/reader/otherversions/"><img src="../Images/reader_icon_special.jpg" title="Hent Adobe Reader" width="47" height="47"></a></div>

Mit "kald" af style 2 fungerer fint, men style 1 vises som blå underskreget tekst og bliver hvid (uden streg), når jeg "hoover" over.

Hva er det jeg overser?

På forhånd tak :-)
Kent.
Avatar billede zips Juniormester
07. april 2010 - 15:39 #1
Hvad er det du ønsker som skal ske?

Du ar sat style1 og style2 til at styre det samme, men med hver sin style.
Avatar billede hanloven Mester
07. april 2010 - 15:54 #2
Øhh, så er det nok der det går galt. Jeg er stadig lidt ny på området.

Jeg vil gerne ha at jeg kan tildele noget tekst, egenskaberne i style 1 og en anden tekst, egenskaberne i style 2. (active link, visited, hoover osv.).

Er det i css filen du mener det stå forkert?
Avatar billede zips Juniormester
07. april 2010 - 16:02 #3
Tager vi denne
<a href="../html/index.html" target="_self" class="style1"><span class="style2">Til forsiden</span></a>


Her har du begge style og det er det jeg ikke forstå, hvorfor laver du det på den måde, for ønsker du at style2 skal være den som styre det, kan jeg ikke se hvorfor du har style1 med, lav blot style1 om til style2
Avatar billede hanloven Mester
07. april 2010 - 16:09 #4
Hmm.. Det man først blir blind på.. Hallo, du siger noget. Der er vist lige lidt kode der skal ryddes lidt op i :-)

Det prøver jeg lige så kører det sikkert. Vender lige tilbage.

Tak indtil videre.
Avatar billede hanloven Mester
07. april 2010 - 16:24 #5
Det gav straks et helt andet resultat. Hvor kan man nogle gange stirre sig blind.. Der er bare lige en enkelt ting tilbage.. Mine mail links reagere ikke korrekt. Er tildelingen anderledes for dem?

<p>&nbsp;</p>
  <p><a href="../html/historie.html" class="style1">Lidt historie </a></p>
  <p>&nbsp;</p>
  <p><a href="mailto:bestyrelsen@andkaervandvaerk.dk" class="style1">Kontakt bestyrelsen</a></p>
  <p><a href="mailto:formanden@andkaervandvaerk.dk" class="style1">Kontakt formanden</a></p>
  <p><a href="mailto:kassereren@andkaervandvaerk.dk" class="style1">Kontakt kassereren</a></p>
  <p>&nbsp;</p>
  <p><a href="../html/medlemmer.html" target="_self" class="style1">Bestyrelsesmedlemmer</a></p>
  <p>&nbsp;</p>

De er stadig blå (understreget), men blir godtnok hvid, uden streg, når musen er over. - Som de skal.
Avatar billede zips Juniormester
07. april 2010 - 16:41 #6
Link virker fint på min test side og åbner outlook, så det kan jeg ikke lige forstå.

Heller ikke dine link, for på dem du viser her virker det.
Avatar billede zips Juniormester
07. april 2010 - 17:11 #7
Du får lige et svar hvis du kunne bruge det jeg har skrevet :-)

Læs om pseudo class her http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

Hvor der står at række følgen skal være sådan her
a:link    { color: red }    /* unvisited links */
a:visited { color: blue }  /* visited links  */
a:hover  { color: yellow } /* user hovers    */
a:active  { color: lime }  /* active links    */
Avatar billede hanloven Mester
07. april 2010 - 17:28 #8
Helt iorden. Det kan være rækkefølgen. Tester lige og vender tilbage.
Avatar billede hanloven Mester
07. april 2010 - 21:52 #9
Så fandt jeg årsagen...

Mail-links kan åbenbart ikke finde ud af at bruge css styles i et sepperat stylesheet. Da jeg definerede en style3 i html dokumentet selv og brugte det i mine mail links, fungerede det uden problemer.

Tak for hjælpen. Du får pointene alligevel, selvom jeg selv fik styr på resten :-)

/Kent.
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