Gå til innhold

Hjelp til å komme i gang med CSS

jogil

Av jogil
i Programmering og webutvikling

Anbefalte innlegg

jogil

jogil

Skrevet
Skrevet (endret)

Da har jeg lært meg basic HTML over natten (bruker HTML Dog). Nå vil jeg gjerne ha litt farger osv på siden, men får ikke CSS til å fungere.

 

Jeg har testet denne, men virker ikke:

<html> 
<head> 
<title>CSS Example</title> 
<style type="text/css"> 
p { 
color: red; 
} 
a { 
color: blue; 
} 
</style>
...

 

Er dette riktig, jeg vil gjerne ha en bakgrunnsfarge osv. Og er det viktig med alle de mellomrommene feks: 

    p{
            a{

osv?

Endret av jogil
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
qualbeen

qualbeen

Skrevet
Skrevet (endret)

du har kun vist oss css'n du prøver å bruke. Vis oss også hvilke html-koder du tester de med!

 

for å ta eksemplet ditt, jeg ville endret det til: 

<html> 
<head> 
<title>CSS Example</title> 
<style type="text/css"> 
p{ color:red; } 
a{ color:blue; } 
</style>
</head>

<body>
<p>Lorem ipsum <a href="#">dolar</a> sit amet...</p>
</body>

</html>

 

EDIT: anngående mellomrom: du kan ha så mange mellomrom du måtte ønske mellom to elementer, altså mellom p{..} og a{..}. Men når man angir egenskaper, f.eks. bredde/høyde/farge tror jeg ikke man bør bruke mellomrom. eks: width:200px. Har du mellomrom mellom '200' og 'px' vil noen nettlesere mistolke det. har du mellomrom mellom 'width' og '200px' kan det hende det fungerer, kanskje ikke? Jeg har ikke testet akkurat det...

Så det kan være greit å unngå mellomrom inni css-kodene, bare for sikkerhetsskyld. Du trenger heller ikke bruke linjeskift - du kan skrive all css på én linje. Lesbareheten blir jo totalt elendig, men det er en annen sak igjen... Og angående lesbarhet: du kan skrive kommentarer slik: 

/* kommentar_her, bla bla bla */

Endret av qualbeen
Lenke til kommentar
jogil

jogil

Skrevet
  • Forfatter
Skrevet (endret)

Her er hele greia.

 


<html>
<body>
<title>Jojo's hjemmeside</title>
<h1>Forside</h1>
<head>

<title>CSS Eksempel</title>
<style type="text meg her og der... css">
p    { color: red; }  
a    { color: blue; }
</style>



<img src="/multimedia/bilder/DSC00735.jpg" width="400" height="300" alt="Dette er Jojo" />
<p>Min FTP-server inneholder musikk, filmer, musikkvideoer og TV-serier.</p>
<br>For å laste ned klikker du på en ønsket link under, og vips så kan du dra</br>
<p>filen/mappen over til din maskin og nedlastningen er igang!</p>
<li><td><p><a href="/multimedia/Musikk">Musikk</a></p></td>
<li><td><p><a href="/multimedia/Filmer">Filmer</a></p></td>
<li><td><p><a href="/multimedia/Musikk-video">Musikk-video</a></p></td>
<li><td><p><a href="/multimedia/TV-serier">TV-serier</a></p></td>
<li><td><p><a href="/multimedia/Spill">Spill</a></p></td>



<br>Diverse linker:</br>

<td><p><a href="./Fridas fest.txt">Fest hos Frida</a></p></td>
</head>

</body>
</html>

 

Er ikke helt sikker på om det der fungerer. Får det ihvertfall ikke til.

 

Edit: Hovedpoenget er at jeg vil lære meg å bruke CSS i HTML-kodene, feks ha farget bakgrunn og endre fargen på teksten.

Endret av jogil
Lenke til kommentar
Garreth

Garreth

Skrevet
Skrevet (endret)

Du har noen feil i htmlen din.

 

Du kan ikke bare begynne å forandre ting som f.eks: type="text meg her og der... css", men jeg skal være utrolig grei med deg å rette opp feilene dine.

 

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<html>
<body>
<title>Jojo's hjemmeside</title>
<h1>Forside</h1>
<head>

<title>CSS Eksempel</title>
<style type="text meg her og der... css">
p    { color: red; }  
a    { color: blue; }
</style>



<img src="/multimedia/bilder/DSC00735.jpg" width="400" height="300" alt="Dette er Jojo" />
<p>Min FTP-server inneholder musikk, filmer, musikkvideoer og TV-serier.</p>
<br>For å laste ned klikker du på en ønsket link under, og vips så kan du dra</br>
<p>filen/mappen over til din maskin og nedlastningen er igang!</p>
<li><td><p><a href="/multimedia/Musikk">Musikk</a></p></td>
<li><td><p><a href="/multimedia/Filmer">Filmer</a></p></td>
<li><td><p><a href="/multimedia/Musikk-video">Musikk-video</a></p></td>
<li><td><p><a href="/multimedia/TV-serier">TV-serier</a></p></td>
<li><td><p><a href="/multimedia/Spill">Spill</a></p></td>



<br>Diverse linker:</br>

<td><p><a href="./Fridas fest.txt">Fest hos Frida</a></p></td>
</head>

</body>
</html>

 

Blir til:

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >

<title>Tittel på siden din</title>
<style type="text/css">
/*Putt stylen din her! */
p    { color: red; }  
a    { color: blue; }
</style>
</head>

<body>
<h1>Forside</h1>

<img src="/multimedia/bilder/DSC00735.jpg" width="400" height="300" alt="Dette er Jojo" />
<p>Min FTP-server inneholder musikk, filmer, musikkvideoer og TV-serier.</p>
<p>For å laste ned klikker du på en ønsket link under, og vips så kan du dra filen/mappen over til din maskin og nedlastningen er igang!</p>

<ul>
<li><a href="/multimedia/Musikk">Musikk</a></li>
<li><a href="/multimedia/Filmer">Filmer</a></li>
<li><a href="/multimedia/Musikk-video">Musikk-video</a></li>
<li><a href="/multimedia/TV-serier">TV-serier</a></li>
<li><a href="/multimedia/Spill">Spill</a></li>
</ul>

<h2>Diverse linker:</h2>

<ul>
<li><a href="./Fridas fest.txt">Fest hos Frida</a></li>
</ul>

</body>
</html>

 

Edit: En liten skrivefeil i Content type.

 

Bytt: 

<meta http-equiv="contentType="text/html; charset=UTF-8">

til

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >

Endret av Garreth
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...