Avatar billede Beach Mester
03. juni 2005 - 03:04 Der er 6 kommentarer og
1 løsning

Skrift-størrelse

Ka sgu ik lige få d til at virke.

Hvis i går ind på dette site->
http://www.freestyle.dk/eksperten/html/index.asp
...Så har jeg i højre side en simpel menu. Jeg bruger Verdana som default skrift (både i htmlén og i CSS) men hvis jeg ligger et link på noget af teksten så skifter den skriftstørrelse. Hvad hulen gør jeg galt?
Det i skal kigge efter på sitet (i menuén) er de 2 ord "hello"

Jeg har skrevet txt fra CSS ind på siden, håber det gør det lidt nemmere for alle:-)

//Beach
Avatar billede roenving Novice
03. juni 2005 - 03:28 #1
Det hedder ikke a:hover.toptext, men a.toptext:hover !o]

-- så derfor kan css-fortolkeren selvfølgelig ikke forstå nogetsomhelst ...

-- og det er en dårlig idé, at bruge print-enheden pt, når du skriver css, for andre browsere end IE oversætter det faktisk til den rigtige størrelse (1/72 af en tomme, 0,352 mm !-), hvilket kan give nogle grimme oplevelser, når ting skal ses i dem, så brug i stedet skærm-enheden px i stedet ...

-- en helt anden ting er så, at du med fordel kan bruge de foruddefinerede størrelser, f.eks. xx-small i den aktuelle sag !o]

Alt andet lige burde en måde at skrive css'en på være denne:

body { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : xx-small;background-image : none; background-color : #069; }
td {font-size : xx-small; color : #000; font-weight : normal; }

blockquote {font-style: italic;}

a {text-decoration : none;}
a:visited {color : #000;}
a:hover {color : #87ABBE; text-decoration : none;}

.toptext {}
a.toptext:visited {color : #000; font-weight : bold; }
a.toptext:hover {color : #fff; font-weight : bold; text-decoration : none; }

-- bemærk at rækkefølgen af :visited og :hover _skal_ være den, jeg angiver !-)
Avatar billede Beach Mester
03. juni 2005 - 18:09 #2
Jeg har nu prøvet at ændre det med dit forslag, men det ændre ikke størrelsen på karakterene i menuen. Er det mig der har misforstået noget?

Har uploadet det hele til samme link, har testet det både med IE & Mozilla

//Beach
Avatar billede roenving Novice
04. juni 2005 - 12:06 #3
Du går jo også udenom dine css-indstillinger ved at bruge et font-tag, fjern dem !-)

<font face="Verdana, Arial, Helvetica, sans-serif" size="1">Hello</font>
Avatar billede Beach Mester
06. juni 2005 - 03:01 #4
OK, troede at CSS kom i første række, derefter Html...

Men det virker jo rigtig fint nu, så du får lige dine velfortjente 60 point når jeg får et svar:-)

Takker for hjælpen

//Beach
Avatar billede roenving Novice
08. juni 2005 - 01:37 #5
Velbekomme '-)

-- og det, som har størst betydning, er det, som 'fysisk' er nærmest, så når der indeni et tag med en class er et font-tag, vil de tilstedeværende attributter overskrive evt. sammenfaldende fra class-definitionen !-)
Avatar billede Beach Mester
08. juni 2005 - 02:03 #6
Så har jeg også lært noget i år:-)

//Beach
Avatar billede roenving Novice
08. juni 2005 - 02:14 #7
U'r welcome !-)

-- og tak for point ;~}
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