Søg
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:06 Der er 25 kommentarer og
1 løsning

CSS newbee

Jeg sidder og leger med CSS og undrer mig over noget...

Hvis jeg skriver :

p {
font-family: verdana, sans-serif;
font-size: 8pkt    ;
text-decoration:none;
}

så virker det fint nok med <p>tekst</p>

Men hvis jeg i CSS filen skriver:

m {
font-family: verdana, sans-serif;
font-size: 8pkt    ;
text-decoration:none;
}

ja, så virker det ikke....

Er der begrænsning på hvor mange "typer" der kan benyttes i CSS ?
Avatar billede zkizo Nybegynder
21. november 2004 - 22:08 #1
På MANGE områder indenfor CSS kan du ikke "definere" dine egne tags..
Jeg har dog engang formået af få "h1" til at virke som "overskrift" men det er vist er sær tilfælde.. Men det er fordi du ikek kan lave dine egne tags! :)
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:09 #2
OK.. Så der er altså ingen sammenhæng mellem CSS og f.eks. class ?
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:10 #3
Der kan jeg jo definere masser af forskellige typer med lige så mange forskellige attributter...
Avatar billede zkizo Nybegynder
21. november 2004 - 22:12 #4
jo men altså, class er et tag, men class skal have et navn så du navngiver bare en class, du laver ikek et nyt tag..
Avatar billede zkizo Nybegynder
21. november 2004 - 22:14 #5
og class har en del med CSS at gøre.. Bruger dog selv div ;)
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:15 #6
er ikke helt med eller formulerer mig forkert...

Jeg ville godt kunne lave mine f.eks.

<style>
<!--
.xx          { font-family: Verdana; font-size: 8pt; color: #008000 }
-->
</style>

på samme måde som CSS, hvor de befinder sig i en enkelt fil jeg så inkluderer.
Avatar billede morteeart Nybegynder
21. november 2004 - 22:17 #7
p {
font-family: verdana, sans-serif;
font-size: 8pkt    ;
text-decoration:none;
}

Bruges til <p> tags, fordi at den er fordefineret.


m {
font-family: verdana, sans-serif;
font-size: 8pkt    ;
text-decoration:none;
}

så skal du lave

<span clasS="m"> hej hej css er nicer </span>

Span er inline element, hvilket er bedst til tekstformatering, hvor at <div> er bedre til boxe og lign.
Avatar billede zkizo Nybegynder
21. november 2004 - 22:17 #8
sry.. min fejl..
det der med p og m er jo fordi du ikke omdøber det i din HTML til M, men bibeholderP'et..
Avatar billede skovenborg Nybegynder
21. november 2004 - 22:17 #9
det hedder forresten pt ikke pkt
Avatar billede morteeart Nybegynder
21. november 2004 - 22:17 #10
og du skal _IKKE_ BRUGe <!-- --> i din css fil, medmindre du vil lave IE hacks..

for at IE er den eneste browser som reagere på css som står mellem <!-- og -->
Avatar billede schaefner Juniormester
21. november 2004 - 22:18 #11
.m {
  font: 8pt verdana, sans-serif;
  text-decoration:none;
}

<span class="m">Format</span>
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:20 #12
Den med pt havde jeg opdaget ;o))

Men kan jeg smide :

<style>
.xx          { font-family: Verdana; font-size: 8pt; color: #008000 }
</style>

i en seperat fil så jeg ikke behøver at have det i starten af alle de sider der nu benytter den style. Der er s'føli flere end den ene her i eksemplet.. :o)
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:21 #13
schaefner >

var det svaret på mit spørgsmål ?
Avatar billede morteeart Nybegynder
21. november 2004 - 22:22 #14
www.html.dk/tutorials/css :)
Avatar billede skovenborg Nybegynder
21. november 2004 - 22:22 #15
nej du skal kun skrive:
.xx          { font-family: Verdana; font-size: 8pt; color: #008000 }
eller bedre endnu - gør som schaefner foreslår ;-)

Og så skal du ligge dette ind i en fil du døber filnavn.css (altså .css som filtypen). Så kan du inkludere det i <head>-sectionen på dine sider:
<link rel="stylesheet" href="filnavn.css" type="text/css" />
Avatar billede skovenborg Nybegynder
21. november 2004 - 22:22 #16
(det var med henblik på 21/11-2004 22:20:33 skal det lige siges ;-)
Avatar billede basementjack Nybegynder
21. november 2004 - 22:24 #17
Off-topic :
Så virker det følgende faktisk i FireFox.. :=)

html______________
<html>
<head>
<style>
m {
    font-size:100px;
}
</style>
</head>
<body>
    <m>Hej</m></body>
</html>
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:25 #18
Bingo... Schaefner's eksempel virker som jeg ønsker :o)
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:31 #19
Point's til schaefner når du altså svarer :o))
Avatar billede exp Juniormester
21. november 2004 - 22:50 #20
basementjack >>
<html>
<head>
<style type="text/css">
<!--
.m {
    font-size:100px;
}
-->
</style>
</head>
<body>
    <p class="m">Hej</p>
</body>
</html>



er vidst betydelig tættere på valid kode...
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:53 #21
exp > Nu var hele ideen jo at få styles væk fra htm filen og til det var schaefner's svar perfekt.
Avatar billede basementjack Nybegynder
21. november 2004 - 22:53 #22
Ja ja.. Vil heller ikke påstå at det er valid. Men jeg blev nysgerrig og måtte lige teste om det virkede.. Og det gør ikke i IE, men i FF virkede det.. :) Såmen bare det jeg lige måtte dele med verden..
Avatar billede blueeye97 Nybegynder
21. november 2004 - 22:56 #23
Hermed delt :o))
Avatar billede exp Juniormester
21. november 2004 - 22:59 #24
blueeye97 >>
Om css'en ligger i filen eller ej, er ikke det mit indlæg går på. Det går på at basementjack benytter pseudo-tags til at angive elementer (<m>) - hvilket jeg ikke finder særlig anbefalelsesværdigt. Slet ikke til en - som du selv siger - newbie :-)
Avatar billede blueeye97 Nybegynder
21. november 2004 - 23:04 #25
OK.. jeg brugte slet ikke base's eksempel til noget så det opdagede jeg ikke i forbifarten ;o)
Avatar billede schaefner Juniormester
22. november 2004 - 19:04 #26
Hvis du kunne bruge det :)
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »