Avatar billede jr40 Nybegynder
22. december 2008 - 10:00 Der er 5 kommentarer og
1 løsning

Hjælp til .css style sheet

Det drejer sig om denne her side jeg har gang i:
http://www.mikelaogandre.dk/akvarier.asp

stylesheetet kan hentes her:
http://www.mikelaogandre.dk/style/mikelaogandre_style.css


På ovenstående side har jeg flere gange prøvet at ændre i stylesheetet så mine 4linjer med akvarier bliver ændret til en størrelse 16, men så ændre den alle links på alle sider..

Så vil høre om der er en venlig stylesheet haj som kan hjælpe mig med, at rette mit stylesheet til, så det kun er de akvarie links på ovenstående site, som vil have deres egen størrelse.
Avatar billede keysersoze Ekspert
22. december 2008 - 10:06 #1
tilføj

a.akvarie {font-size: 16px;} i din css.
Avatar billede jr40 Nybegynder
22. december 2008 - 10:34 #2
hey keysersoze,

Nu er den opdateret så .css ser sådan her ud:
.body {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}
a:link, a:visited {
color: #333333;
font-family: Arial, Sans-Serif;
font-size: 11px;
text-decoration: underline
}
a:active, a:hover {
color: #f26000;
font-family: Arial, Sans-Serif;
font-size: 11px;
text-decoration: underline
}


.style1 {

    color: #666666;
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}

.overskrift {
    font-size: 18px; underline;
    color: #666666;
    font-weight: bold;
    }
   
   
   
a.akvarie {font-size: 16px;
    font-weight: bold;
    text-decoration: underline
}


og akvarier.asp
                <td width="523" class="akvarie">Akvarier</td>
                <td width="194">&nbsp;</td>
              </tr>
            </table>
              <p><a href="250l.asp" class="akvarie">250L (Alm. selvskabs m. Gurami, Neon, Tetra osv.)</a>
              <br>
              <a href="180l.asp" class="akvarie">180L (Yngele akvarie med L183 &amp; L204.)</a><br>
                <a href="60l.asp" class="akvarie">60L (Ancistrus opv&aelig;kst akvarie for eget ynegel.) </a><br>
                <a href="54l.asp" class="akvarie">54L (Yngel akvarie med dv&aelig;rgtandkarper og Ancistrus yngle akvarie.) </a><br>
            </p>
            <p>&nbsp;</p></td>



Men som du kan se nu, er det kun det nederste link som er stort, men bliver lille når man fører musen henover.
Avatar billede keysersoze Ekspert
22. december 2008 - 10:38 #3
du skal have tilsvarende klasser til de øvrige states - fx hover;

a.akvarie:hover {font-size: 16px;}
Avatar billede roenving Novice
22. december 2008 - 14:33 #4
-- og ændringen skyldes, at specificiteten for de almindelige linksregler er større, det bliver omvendt, når du sætter pseudo-selektorerne også !-)

Det kunne også klares ved at sætte et id på det omkransende element og så lave en sammensat selektor, f.eks.

<p id="akvlinks">
  <a ...>Link</a>
</p>

CSS:

#akvlinks a{font-size: 16px;}

-- men da du sikkert også vil have en reaktion på muse-ting m.v. er keysersozes anbefaling lige til at bruge !o]
Avatar billede jr40 Nybegynder
22. december 2008 - 21:45 #5
Tak for hjælpen begge to, og ikke mindst keysersoze, simpelt det du skriver..  Den skulle bare lige vende oppe i peanuten.. ;)

Smid et svar.
Avatar billede keysersoze Ekspert
22. december 2008 - 21:55 #6
(:
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
Kurser inden for grundlæggende programmering

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