Gå til innhold

Hjelp til å sette inn en CSS-kode i index.php

motif80

Av motif80
i Programmering og webutvikling

Anbefalte innlegg

motif80

motif80

Skrevet
Skrevet

Hei!

 

Jeg er totalt ny på CSS-fronten. JObber i Dreamweaver, og har funnet en CSS-kode på en menu på nettet. Den ser slik ut:

 

----------------------------

#navcontainer

{

background: #369;

border-top: 1px solid #9CC;

font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

}

 

#navlist

{

list-style: none outside none;

margin: 0;

padding: 0;

}

 

@media all {

#navlist {

text-align: center

}

}

 

#navlist li

{

bottom: 11px;

display: inline;

line-height: 1.2em;

margin: 0;

padding: 0;

position: relative;

}

 

html>body #navlist li

{

background: #000;

margin: 0 3px 0 0;

padding: 4px 0px 4px 0;

}

 

#navlist a, #navlist a:link, #navlist a:visited

{

background: #900;

border: 1px solid #FFF;

bottom: 2px;

color: #FFF;

cursor: pointer;

display: inline;

height: 1em;

margin: 0;

padding: 3px 5px 3px 5px;

position: relative;

right: 2px;

text-decoration: none;

}

 

#navlist a:hover

{

background: #C00;

bottom: 1px;

color: #FFF;

position: relative;

right: 1px;

}

 

#navlist a:active

{

background: #999;

bottom: 0px;

color: #FFF;

position: relative;

right: 0px;

}

 

#navlist li#active

{

background: #369;

bottom: 13px;

display: inline;

margin: 0 3px 0 0;

padding: 0;

position: relative;

}

 

html>body #navlist li#active

{

background: #000;

margin: 0 4px 0 4px;

}

 

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover

{

background: #369;

border-bottom: none;

border-left: 1px solid #9CC;

border-right: 1px solid #9CC;

border-top: 1px solid #9CC;

bottom: 0;

color: #FFF;

cursor: text;

margin: 0;

padding: 2px 5px 0 5px;

position: relative;

right: 0;

}

------------------------------------

 

Problemet mitt er at jeg ikke har snøring på HVORDAN jeg skal få den inn på siden min. Prøvde å lime den inn der jeg ville ha menyen, men det gikk selvfølgelig ikke.

 

Jeg er totalt grønn på dette området, så spar meg :)

Siden jeg vil ha inn koden på, er en .php-fil (hvis det skulle være av interesse)

 

Takk for hjelpen :blush:

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
motif80

motif80

Skrevet
  • Forfatter
Skrevet (endret)
Lagre koden som "stil.css" eller whatevah.

 

skriv dette i head seksjonen på siden din:

 

<link rel="stylesheet" type="text/css" media="all" href="stil.css" />

7220697[/snapback]

 

Hvordan legrer jeg den?

 

Gjøres dette f.eks. ved å kopiere koden inn i et nytt dokument i Dramweaver, og lagrer det som "stil.css"??

 

Eller kan jeg gjøre det i notepad?

 

Hvor lagrer jeg filen? I samme mappe som index.php?

 

Slik ser index-fila ut, når jeg har lagt inn det jeg tror er riktig:

 

------------------------

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>Untitled Document</title>

<style type="text/css">

<link rel="stylesheet" type="text/css" media="all" href="menu.css" />

<!--

body,td,th {

color: #CC9900;

}

body {

background-image: url(bak6.jpg);

background-repeat: no-repeat;

background-color: #eae8e8;

}

#Layer1 {

position:absolute;

left:361px;

top:174px;

width:71px;

height:143px;

z-index:1;

}

.style2 {

color: #333333;

font-weight: bold;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

-->

</style>

</head>

-------------------------------

 

Mange spørsmål:)

Endret av motif80
Lenke til kommentar
Gjest medlem-77217

Gjest medlem-77217

Skrevet
Skrevet

Først åpner du et vanelig NotePad dokument. Så kopierer du CSS koden å limer den inn i dokumentet. Så trykker du Fil->Lagre som, å lagrer den som stil.css (med .css).

 

Slik skal det se ut.

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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>Din hjemmeside</title>

<style type="text/css">

<link rel="stylesheet" type="text/css" media="all" href="stil.css" />

</head>

 

---

 

Når du laster opp filen til serveren din nå, skal index.html være i samme mappe som stil.css

 

 

Håper dette hjalp.

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