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:

Videoannonse

Videoannonse
Annonse
motif80

motif80

Skrevet
  • Forfatter
Skrevet

Nå skjønte jeg en ting til her: Det følger også med en HTML-kode for denne, så den skal vel også inn, siden den henter informasjon fra CSS-fila.

 

Men, vet fortsatt ikke hvordan jeg skal sette inn CSS-koden :)

Patrick de Maar

Patrick de Maar

Skrevet
Skrevet

Du har i hvertfall fått med deg at du må bruke HTML sammen med CSS, noe som er bra. Jeg har heller ikke snøring på hvordan du skal få dette til, fordi jeg benytter meg bareav Notepad2.

 

Prøv å spør i Kafèen(se sticky), mange der som bruker dreamweaver. :)

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

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