Gå til innhold

et lite css spm.


Anbefalte innlegg

Skrevet

et lite problem,

 

skiver html slik:

<a href="http://www.sol.no">hei</a>

 

og css slik:

a {

color: yellow

text-decoration: none;

}

 

linken blir ikke gul, og den har understrek...

hva er galt?

:(

Videoannonse
Annonse
Skrevet

Har du dette du arbeider med lasta opp noen steds så vi får sett på resten av koden? Kan være at du har gjort noe galt når du skulle implementere CSSen.

Skrevet (endret)

har ikke lagt den ut.

men css og html arka er ikke så store, så jeg kan paste de her

 

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html> 
<head> 
<title>Guivarchdesign.com 1.1.2</title>
<link rel="stylesheet" type="text/css" href="web.css" /> 
</head>





<body>

<p><h1>Velkommen</h1></p>

<p><h2>her vil du finne masse rart</h2></p>

<a href="http://www.sol.no">hei</a>


</body>

 

CSS:

body {

font-family: arial, helvetica, sans-serif;

font-size: 80&;

color: red;

backround-color: #ffc;

margin: 1em;

padding: 0;

}

p {

color: blue;

}

h1 {

color: black;

font-size: 2em;

margin: 1;

margin-bottom: 0,5;

}

h2 {

color: black;

font-size: 1,5em;


a {

color: yellow;

text-decoration: none;

}

Endret av VgaR
Skrevet

jeg gjorde det nå, men har egentlig det noe å si?

jeg skifter jo på fargene i h1 og h2 overskirftene mellom css, Jeg skjønner ikke hvorfor det har noe å si da?

Skrevet (endret)
du har også glemt å avslutte med } etter h2 i CSS-en.

Dette fikser feilen!

JEPP! det gjorde det!

 

Tusen takk for hjelpen alle sammen...

tok sin tid å finne feilen, men den ble funnet og det er det viktigste...

takker igjen veldig mye!

 

:w00t: toppers!

EDIT: takk waldmeister!

Endret av VgaR
Skrevet (endret)

Sånn, denne burde fungere:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Guivarchdesign.com 1.1.2</title>
<link rel="stylesheet" type="text/css" href="web.css" />
</head>
<body>
<p><h1>Velkommen</h1></p>
<p><h2>her vil du finne masse rart</h2></p>
<a href="http://www.sol.no">hei</a>
</body>
</html>

body {
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
color: red;
backround-color: #ffc;
margin: 1em;
padding: 0;
}
p {
color: blue;
}
h1 {
color: black;
font-size: 2em;
margin: 1px;
margin-bottom: 1px;
}
h2 {
color: black;
font-size: 1,5em;
}
a {
color: yellow;
text-decoration: none;
}

Endret av Waldmeister
Skrevet (endret)

jepp, takker!

men hva skriver jeg hvis jeg skal ha en mouseover eller hva det kalles?

fra rød til blå f.eks?i linkene selvfølgelig!

Endret av VgaR
Skrevet

Legg spesielt merke til dette:

a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #00FF00}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

 

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

Skrevet

jeg har jo for det meste brukt tables.

men i css ser jeg at det er noe som hetet div

 

har lest litt om det, men klarer ikke helt få den tables effekten hvis dere skjønner hva jeg mener...

 

skal jeg forklare bedre?

Skrevet (endret)

Det er noe som heter <div> i HTML, ikke i CSS. ;) Hva skal du med "tables-effekt", forresten? :dontgetit:

 

Og ja, du kan gjerne forklare bedre.

Endret av Purify

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å
×
×
  • Opprett ny...