trenger hover hjelp til css

Lurifaxx1 · 29. januar 2005

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

marcen · 29. januar 2005

www.google.com

Lurifaxx1 · 29. januar 2005

trenger her på forumet

marcen · 29. januar 2005

Equerm · 29. januar 2005

<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å?

marcen · 29. januar 2005

Men helt seriøst, det der må vel være første resultat på google?

Søk: CSS link HTML

- http://www.w3.org/TR/REC-CSS1

- Under "Containment in HTML"

potetskrell · 29. januar 2005

For å få hover på et element gjør du slik.

.tekst a:hover {
color: red;
}

melli123 · 29. januar 2005

og for å være helt klar på dette, så skal du plassere den koden som er over, i CSS dokumentet ditt.

Lurifaxx1 · 29. januar 2005

hvorfor svarer du macren når du faan ikke har peiling? skaffe venner?

Equerm · 29. januar 2005

Feilpost de-luxe :blush:

Endret 29. januar 2005 av Equerm

opticus · 29. januar 2005

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 29. januar 2005 av opticus

FuLu · 29. januar 2005

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; }

Logg inn

trenger hover hjelp til css

Anbefalte innlegg

Lurifaxx1

Lenke til kommentar

Videoannonse

marcen

Lenke til kommentar

Lurifaxx1

Lenke til kommentar

marcen

Lenke til kommentar

Equerm

Lenke til kommentar

marcen

Lenke til kommentar

potetskrell

Lenke til kommentar

melli123

Lenke til kommentar

Lurifaxx1

Lenke til kommentar

Equerm

Lenke til kommentar

opticus

Lenke til kommentar

FuLu

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer