:hover kode..plasseres hvor?

B4stian · 21. mai 2004

<p align="center"><font face="Courier New">Hovedside | Tester | Forum | Tjen penger | Webcam</font></div>

<i>15.05.2004:</i> <font face="Arial">Dette er det nye designet

som vil komme opp om få dager..</font></blockquote>

</div>

* skal ha sånn at det kommer en annen farge på linken når jeg holder musen oppå (:hover) hvor skal jeg sette den koden inn??

her er den koden forresten:

a.one:link {color: #ff0000}

a.one:visited {color: #0000ff}

a.one:hover {color: #ffcc00}

Endret 21. mai 2004 av b1n2

svamp · 21. mai 2004

Sett den etter </head>.

Det lureste er å legge alt inn i en ekstern CSS-fil. Da slipper du å endre på hver eneste underside for å endre en eneste farge, f.eks.

Haraldson · 21. mai 2004

Sett den etter </head>.

Etter head..?

Skal det ikke være mellom <head> og </head> da?

Evt. på hvert element, men det er ikke å anbefale.

B4stian · 21. mai 2004

har denna css-filen fra før av:

div.container {

width: 680px;

margin: 0 auto;

background: #FFF;

}

div#header {

width: 680px;

height: 50px;

background: #FFF;

margin-bottom: 5px;

}

div#innhold {

width: 520px;

height: 600px

background: #FFF;

float: left;

}

div#footer {

width: 100%;

height: 1px;

overflow: hidden;

clear: both;

}

hvor skulle jeg lagt inn koden a?

Haraldson · 21. mai 2004

http://home.no.net/heinweb/style.css

Ta en titt på den. (Under /* ===== LINKER ===== */ )

B4stian · 21. mai 2004

http://home.no.net/heinweb/style.css

Ta en titt på den. (Under /* ===== LINKER ===== */ )

men hvor skal jeg plassere den i min css-fil a?

css:

div.container {

width: 680px;

margin: 0 auto;

background: #FFF;

}

div#header {

width: 680px;

height: 50px;

background: #FFF;

margin-bottom: 5px;

}

div#innhold {

width: 520px;

height: 600px

background: #FFF;

float: left;

}

div#footer {

width: 100%;

height: 1px;

overflow: hidden;

clear: both;

}

a {

text-decoration:none;

color:#9B0019;

}

og hva må gjøres i html-filen??

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>datating.com</title>

</head>

<p align="center"><font face="Courier New">Hovedside | Tester | Forum | Tjen penger | Webcam</font></div>

<i>15.05.2004:</i> <font face="Arial">Dette er det nye designet

som vil komme opp om få dager..</font></blockquote>

</div>

</body>

</html>

(sorry at den er rotete..men front page f*cka det til litt...)

Haraldson · 21. mai 2004

Som du ser i min css-fil, så er det ikke plassert under noen div eller noe sånt. Plasser det hvor du vil i stilarket ditt!

Edit: Nei, HTML-filene lar du være. Når du skriver a:hover i CSS-en, vil denne se etter attributten "a", som altså er link.

Endret 21. mai 2004 av Mr.Berg

B4stian · 21. mai 2004

hva må puttes inn i html-koden da?

Haraldson · 21. mai 2004

^ se edit i forrige post.

B4stian · 21. mai 2004

nå har jeg satt det sånn:

div.container {

width: 680px;

margin: 0 auto;

background: #FFF;

}

div#header {

width: 680px;

height: 50px;

background: #FFF;

margin-bottom: 5px;

}

div#innhold {

width: 520px;

height: 600px

background: #FFF;

float: left;

}

div#footer {

width: 100%;

height: 1px;

overflow: hidden;

clear: both;

}

a {

text-decoration:none;

color:#9B0019;

}

a:hover {

text-decoration:underline;

color:#54151F;

}

a:active {

text-decoration:none;

color:#FFF;

}

a:visited {

text-decoration:underline;

color:#790025;

}

a:visited:hover {

text-decoration:none;

color:#54151F;

}

men det funker ikke, hva er galt? :no:

Haraldson · 21. mai 2004

Vel...

Først bør du vel se om du har definert noe annet i HTML-koden, som gjør at fargene i CSS-dokumentet ikke fungerer.

Edit: Husk at det er lov å forandre på fargene og slikt etterpå, da

Endret 21. mai 2004 av Mr.Berg

B4stian · 21. mai 2004

hehe, såklart :roll:

men jeg finner ingenting som tilsier det i html-koden.. noe annet det kan være da?

(er kanskje html-koden satt opp feil??)

Haraldson · 21. mai 2004

Vel... Du må i alle fall ha et par linker å teste det på, men det antar jeg at du har..?

Jeg ser ingen grunn til at koden du kopierte fra meg ikke funker, da det funker som bare det på sida mi...

(og du har selvfølgelig linka til stilarket i head..?)

Haraldson · 21. mai 2004

Offda.. Dobbelpost.

Endret 21. mai 2004 av Mr.Berg

B4stian · 21. mai 2004

jepp, her er html-koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>datating.com</title>

</head>

<p align="center"><font face="Courier New">Hovedside | Tester | Forum | Tjen penger | Webcam</font></div>

<i>15.05.2004:</i> <font face="Arial">Dette er det nye designet

som vil komme opp om få dager..</font></blockquote>

</div>

</body>

</html>

skulle da tro alt var riktig men..

B4stian · 21. mai 2004

ah...fikk det til gitt.. men takk for all hjelp Mr.Berg!

Haraldson · 21. mai 2004

Det var pga at

<link rel="stylesheet"

ikke var lukka, eller?

B4stian · 21. mai 2004

Det var pga at
<link rel="stylesheet" 
ikke var lukka, eller?

nei..den koden til linken var feil, så det var ikke ne link :blush:

Logg inn

:hover kode..plasseres hvor?

Anbefalte innlegg

B4stian

Videoannonse

svamp

Haraldson

B4stian

Haraldson

B4stian

Haraldson

B4stian

Haraldson

B4stian

Haraldson

B4stian

Haraldson

Haraldson

B4stian

B4stian

Haraldson

B4stian

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer