Gå til innhold

:hover kode..plasseres hvor?

B4stian

Anbefalte innlegg

B4stian

B4stian

Skrevet
Skrevet (endret)

<div class="container">

 

<div id="header" style="width: 667px; height: 549px">

<img border="0" src="header.JPG" width="681" height="120">

<div id="innhold" style="width: 669px; height: 54px">

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

<div id="footer" style="width: 679px; height: 313px">

<blockquote>

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

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

</div>

 

</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:

<style type="text/css">

a.one:link {color: #ff0000}

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

a.one:hover {color: #ffcc00}

Endret av b1n2
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet

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?

Lenke til kommentar
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet
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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="style2.css" rel="stylesheet" type="text/css">

<link rel="stylesheet"

</head>

 

<body bgcolor="#B7BAB4">

 

 

<div class="container">

 

<div id="header" style="width: 667px; height: 549px">

<img border="0" src="header.JPG" width="681" height="120">

<div id="innhold" style="width: 669px; height: 54px">

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

<div id="footer" style="width: 679px; height: 313px">

<blockquote>

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

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

</div>

 

</div>

 

</body>

</html>

 

 

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

Lenke til kommentar
Haraldson

Haraldson

Skrevet
Skrevet (endret)

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 av Mr.Berg
Lenke til kommentar
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet

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:

Lenke til kommentar
Haraldson

Haraldson

Skrevet
Skrevet

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..?)

Lenke til kommentar
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet

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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link href="style.css" rel="stylesheet" type="text/css">

<link rel="stylesheet"

</head>

 

<body bgcolor="#B7BAB4">

 

 

<div class="container">

 

<div id="header" style="width: 667px; height: 549px">

<img border="0" src="header.JPG" width="681" height="120">

<div id="innhold" style="width: 669px; height: 54px">

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

<div id="footer" style="width: 679px; height: 313px">

<blockquote>

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

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

</div>

 

</div>

 

</body>

</html>

 

 

skulle da tro alt var riktig men.. ;)

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...