Gå til innhold

trenger hover hjelp til css

Lurifaxx1

Anbefalte innlegg

Lurifaxx1

Lurifaxx1

Skrevet
Skrevet

Jeg skal lage hover over linker og bruker et eksternt css dokument.

problemet er at jeg vet ikke hvor og hvordan jeg skal plassere det i htm dokumentet og i css dokumentet..

hjelp?

 

 

raptopp

Videoannonse

Videoannonse
Annonse
Equerm

Equerm

Skrevet
Skrevet
<link rel="stylesheet" type="text/css" href="layout.css"> er vel riktig

Er det mulig å svare så usakelig da! :hrm:

 

Linken til css filen skal være i <head> seksjonen i .html filen om det var det du lurte på?

opticus

opticus

Skrevet
Skrevet (endret)

jeg er litt usikker på hva du mener men her er et eksempel på start av et html/php dokument:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>en eller annen tittel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="her kan skrive forskjellige søkeord" />

<link rel='STYLESHEET' type='text/css' href='site.css' title='TOCStile'></link>

 

EDIT:

et lite utdrag fra site.css(hover delen)

	p,h1,pre {
 margin:0px 10px 10px 10px;
 }

h1 {
 font-size:14px;
 padding-top:10px;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 }

#centercontent p { 
 font-size:11px;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 }

/*knappene i menyen (leftcontent) */
#leftcontent ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
 }

#leftcontent li {
 border-bottom: 1px solid #000;
 margin: 0;
 }

#leftcontent li a {
 display: block;
 background-color: #fff;
 color: #003399;
 text-decoration: none;
 width: 100%;
 font-family: Arial, Tahoma, Trebuchet MS, sans-serif;
 font-size:12px;
 padding-left:10px;
 }

html>body #leftcontent li a {
 width: auto;
 }

#leftcontent li a:hover {
 background-color: #F0F0F0;
 color: #003399;
 }

Endret av opticus
FuLu

FuLu

Skrevet
Skrevet

Enkel html fil:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
           "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>temp</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="dinstil.css" type="text/css" media="screen" title="default">
</head>
<body>

<p>En <a href="">lenke test</a></p>

</body>
</html>

 

CSS fila 'dinstil.css':

a { color: blue; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

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