Jump to content
Just nu i M3-nätverket

CSS kunnig


Armin.H

Recommended Posts

Hej :)

 

Det är så att jag har håller på lära mig CSS och har kommit en bit men en sak fungerar dock inte fast jag har försökt fixa det :superirriterad:

 

När jag ska använda mig av en extern CSS mall i dreamweaver så skriver jag såhär:

textfilen mall.css:

body {font-family: Verdana; font-size: 11px;}

p {font-family: Verdana; font-size: 11px;}

td {font-family: Verdana; font-size: 11px;}

 

Nu sparar jag denna CSS mall med namnet "mall.css"

 

Nu ska jag länka den i mitt HTML dokument och då gör jag såhär:

<html>

<head>

<title>Test</title>

<link rel="stylesheet" type="text/css" href="där filen finns"

</head>

<body>

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

<td width="50%" bgcolor="00000" class="css.mallen"

</td>

</tr>

</body>

</html>

 

De som är mitt problem är ju att när man ska skriva in classvärde så står det "No CSS style", e det någon som ser vad felet är eller vad jag gör för fel?

 

Tacksam för alla svar!

Link to comment
Share on other sites

1. <link>-taggen är inte stängd, du har glömt ">"

2. använd helst en <!DOCTYPE>-deklaration

3. du har inte angett text-encoding, åäö kan bli fel

4. du ska inte ange class om du inte använder en klassdeklaration (t.ex. p.vanlig), i class="x" ska x inte vara mallen utan en enskild klassdeklaration, t.ex. class="vanlig"

5. lägg in ett <p>-element istället för tabellen så kommer typsnittet att synas. Du siktar ju nämligen på bl.a. p-elementet.

6. tabeller är det särskilt komplicerat att applicera css på, börja med h1, p, ul osv.

7. prova med

p {border: 1px solid red;}

i css:en, det är markant och enkelt att se om du har "träffat" elementet du syftar på. (Att ändra typsnitt som du gjort märks ju inte om elementet inte innehållet text. Färgade ramar är tydligare.)

8. när du använder css behöver du inte använda width, height, bgcolor och liknande eftersom det är just detta du anger i css-filen.

 

Så! Ursäkta att jag tar upp så mycket på en gång. Men det kommer hjälpa dig att få ordning på din html/css. Skriv ett inlägg om det är något du inte förstår eller inte fungerar.

 

mall.css:

p {border: 1px solid red;}

 

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="där filen finns">
</head>
<body>
<p>Hej hopp!</p>
</body>
</html>

Link to comment
Share on other sites

1. <link>-taggen är inte stängd, du har glömt ">"

2. använd helst en <!DOCTYPE>-deklaration

3. du har inte angett text-encoding, åäö kan bli fel

4. du ska inte ange class om du inte använder en klassdeklaration (t.ex. p.vanlig), i class="x" ska x inte vara mallen utan en enskild klassdeklaration, t.ex. class="vanlig"

5. lägg in ett <p>-element istället för tabellen så kommer typsnittet att synas. Du siktar ju nämligen på bl.a. p-elementet.

6. tabeller är det särskilt komplicerat att applicera css på, börja med h1, p, ul osv.

7. prova med

p {border: 1px solid red;}

i css:en, det är markant och enkelt att se om du har "träffat" elementet du syftar på. (Att ändra typsnitt som du gjort märks ju inte om elementet inte innehållet text. Färgade ramar är tydligare.)

8. när du använder css behöver du inte använda width, height, bgcolor och liknande eftersom det är just detta du anger i css-filen.

 

Så! Ursäkta att jag tar upp så mycket på en gång. Men det kommer hjälpa dig att få ordning på din html/css. Skriv ett inlägg om det är något du inte förstår eller inte fungerar.

 

mall.css:

p {border: 1px solid red;}

 

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="där filen finns">
</head>
<body>
<p>Hej hopp!</p>
</body>
</html>

 

Okej tack för ditt svar, jag löste det igår sent på kvällen men ska kolla på detta du sa åt mig :)

 

Så om jag fattat rätt så ska jag ha många klasser i EN CSS mall? :)

Link to comment
Share on other sites

Så om jag fattat rätt så ska jag ha många klasser i EN CSS mall? :)
Javisst, massor.

 

Exempelvis (i css:en):

p.snygg {border: 3px double green}

p.stor {font-size: 200%}

p.fel {color: red}

 

Och sedan använda dessa i html:

<p class="snygg">bla</p>

 

Risken är snarare överanvändning av klasser, varje element bör inte ha en klass utan de flesta "inställningar" bör sättas direkt på elementet (eller med hjälp av selektorer), t.ex.:

p {font: 13px Arial,Helvetica,sans-serif}

Link to comment
Share on other sites

Javisst, massor.

 

Exempelvis (i css:en):

p.snygg {border: 3px double green}

p.stor {font-size: 200%}

p.fel {color: red}

 

Och sedan använda dessa i html:

<p class="snygg">bla</p>

 

Risken är snarare överanvändning av klasser, varje element bör inte ha en klass utan de flesta "inställningar" bör sättas direkt på elementet (eller med hjälp av selektorer), t.ex.:

p {font: 13px Arial,Helvetica,sans-serif}

 

okej nu hänger jag med :) tack så jätte mycket för hjälpn:)

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...