Javascript med CSS

2014-12-01, 22:36 #1

Medlem

Reg: Dec 2013

Inlägg: 29

Efter många timmar framför datorn så får jag inte alls till de.. vad gör jag för fel?
Min kod vill inte alls samarbeta. Eller rättare sagt jag får inte till slutresultatet rätt.

<html>
<head>
.stil1 {
font-size: 14px;
color: #0000FF;
background-color: #FFFF00;
margin-left: 50px;
font-style: italic;
letter-spacing: 10px;
text-decoration: underline;
word-spacing: 30px;
padding-top: 50px;
margin-top: 50px;
}
<meta charset = UTF-8
<style typ= "text/css">
<titel></titel>
</head>
<body>
<p> Det här är ett annat exempel på CSS-formatering </p>

</body>
</html>

Citera

2014-12-01, 23:54 #2

Medlem

Reg: Maj 2012

Inlägg: 14

Om du sätter meta charset och style type innan du lägger in css-mallen.. Alltså direkt efter head tror jag det borde fungera, alltså så att de läses in först av allt. Sen korrekt länk till CSS-mallen underlättar nog också :P Du hittar fett me bra grejer på w3schools eller liknande, hade webbutv i 2an på gymnasiet och den sida hjälpte som fan. Annars råder jag dig att gå in på valfri sida och kolla sidkällor eller sidinfo (kommer inte ihåg vilket) o se hur dem har gjort..

Citera

2014-12-01, 23:55 #3

Medlem

Reg: Maj 2012

Inlägg: 14

Citat:

Ursprungligen postat av mizzy21

Efter många timmar framför datorn så får jag inte alls till de.. vad gör jag för fel?
Min kod vill inte alls samarbeta. Eller rättare sagt jag får inte till slutresultatet rätt.

<html>
<head>
.stil1 {
font-size: 14px;
color: #0000FF;
background-color: #FFFF00;
margin-left: 50px;
font-style: italic;
letter-spacing: 10px;
text-decoration: underline;
word-spacing: 30px;
padding-top: 50px;
margin-top: 50px;
}
<meta charset = UTF-8
<style typ= "text/css">
<titel></titel>
</head>
<body>
<p> Det här är ett annat exempel på CSS-formatering </p>

</body>
</html>

Edit:glömde citera dig

Citera

2014-12-02, 02:52 #4

Medlem

Reg: Dec 2013

Inlägg: 29

Tack, mallen ha jag fått av min lärare..

Citera

2014-12-02, 08:17 #5

Medlem

Reg: Apr 2005

Inlägg: 1 083

Din html är helt felaktig. CSS-koden ska ligga inom style-taggar.

Citera

2014-12-05, 09:59 #6

Medlem

Reg: Apr 2013

Inlägg: 795

CSSen som någon påpekade ska ligga inom style-taggar. utöver det måste du anropa din class om du vill att din p ska ha den stilen du definierat i CSSen.

HTML-kod:

<html>
<head>
<meta charset="UTF-8">
<titel></titel>
<style>
.stil1 {
font-size: 14px;
color: #0000FF;
background-color: #FFFF00;
margin-left: 50px;
font-style: italic;
letter-spacing: 10px;
text-decoration: underline;
word-spacing: 30px;
padding-top: 50px;
margin-top: 50px;
} 
</style>
</head>
<body>
<p class="stil1">Det här är ett annat exempel på CSS-formatering</p>
</body>
</html>

det står något om JavaScript i rubriken, vart kommer det in?

Citera

2014-12-05, 10:27 #7

Medlem

Reg: Feb 2008

Inlägg: 17 249

Gillar framförallt taggen [PHP]<style typ= "text/css">[/PHP]. Det är viktigt för en webläsare att du inte slarvar med stavningen ¨på taggar och dess attribut.

Citera

2014-12-05, 17:00 #8

Medlem

Reg: Feb 2011

Inlägg: 14 555

Citat:

Ursprungligen postat av Proton

Gillar framförallt taggen [PHP]<style typ= "text/css">[/PHP]Det är viktigt för en webläsare att du inte slarvar med stavningen ¨på taggar och dess attribut.

Typ…

T.ex. typ ska vara type, titel ska vara title...
Testa gärna resultatet i en webbläsare.

[PHP]<html>
<meta charset="UTF-8">
<head>
<title>HTML-check, CSS-check, JavaScript-?</title>
<style type= "text/css">
.stil1 {
font-size: 14px;
color: #0000FF;
background-color: #FFFF00;
margin-left: 50px;
font-style: italic;
letter-spacing: 10px;
text-decoration: underline;
word-spacing: 30px;
padding-top: 50px;
margin-top: 50px;
}
</style>
</head>
<body>
<p><span class="stil1"> Det här är ett exempel på CSS-formatering </span</p>
<p> Det här är ett annat exempel</p>
</body>
</html>[/PHP]

I rubriken står det "Javascript med CSS". Var finns javascriptet?

mvh/Bo

Citera

2014-12-08, 08:21 #9

Medlem

Reg: Dec 2013

Inlägg: 29

Tack för alla svar.. det fixade sig..

Citera

Javascript med CSS

Skapa ett konto eller logga in för att kommentera

Skapa ett konto

Logga in