Søg
Avatar billede lun Nybegynder
10. marts 2003 - 16:08 Der er 17 kommentarer og
3 løsninger

stylesheet

Jeg bruger FP2000. På www.kaninbjerget.dk har jeg på alle html-dok et stylesheet der hedder

<style type="text/css">
a {
    text-decoration:none;
    }
a:hover {
    color:#00D400;
    }

</style>


Når jeg vil ændre fx mouse-over-farven, skal jeg ind i alle *.html og ændre en ad gangen. Er det noget med at man kan lave et eksternt stylesheet, der så styrer alle *.html på webstedet?

Hvordan laver jeg sådan et med den førnævnte kode?
Hvor skal den ligge? Hvad hedder den ?

Hvilken kode skal indsættes i head på alle html, for at den kan styre dem??

Kan den også styre tabeller?


Jeg er ren amatør, indrømmet, men lidt nyt skal man jo lære af og til.... :-)

Ekstra point til den der vil guide mig til et færdigt resultat.

VH Sofie
http://www.kaninbjerget.dk/
Avatar billede keysersoze Ekspert
10. marts 2003 - 16:11 #1
http://www.html.dk/tutorials/css/
Avatar billede Slettet bruger
10. marts 2003 - 16:12 #2
du laver en fil der hedder style.css hvor alle dine stylesheets ligger i og linker til dem sådanne:

<link rel="stylesheet" type="text/css" href="style.css">
Avatar billede lun Nybegynder
10. marts 2003 - 16:23 #3
jeg lavede en txt fil og omdøbte den til style.css. Men når jeg vil gemme ænsdringer i FP, så lukker programmet med en fejlmelding.
Avatar billede lun Nybegynder
10. marts 2003 - 16:33 #4
nu prøver lige at gøre det efter den tutorial på html.dk
Avatar billede jacob_hs Nybegynder
10. marts 2003 - 16:33 #5
Din css fil skal ikke indeholde "<style>"
Her under er der et lille eksempel, som skulle virke :
/Jacob
----- test.htm -----
<html>
<head>
<title>Test af css fra eksetern fil</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<a href="link.asp">Linket</a>
</body>
</html>
----- test.htm -----

----- style.css -----
a {text-decoration:none;}
a:hover {color:#00D400;}
----- style.css -----
Avatar billede lun Nybegynder
10. marts 2003 - 16:51 #6
nu tester jeg på http://www.kaninbjerget.dk/html/csstest.htm
jeg kan ikke få det til at virke, men jeg har fattet princippet, og det ser ret enkelt ud. Alligevel virker det ikke på min side, ÆV.
Avatar billede keysersoze Ekspert
10. marts 2003 - 16:56 #7
http://www.kaninbjerget.dk/html/style.css - her skulle din css-fil ligge ud fra hvad du har skrevet i din kode, men det gør den ikke... DERFOR virker det ikke
Avatar billede lun Nybegynder
10. marts 2003 - 16:57 #8
Jo, det gør den nu, men det virker stadig ikke
Avatar billede keysersoze Ekspert
10. marts 2003 - 17:04 #9
Så har du IKKE fattet princippet i styles - en css-fil må KUN indeholde style-elementer og ikke en masse html-kode som din gør;

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

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Ny side 1</title>
<meta name="Microsoft Border" content="none">
</head>

<body>

<font SIZE="1">
<p>a {text-decoration:none;}<br>
a:hover {color:#00D400;}</p>
</font>

</body>

</html>

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

En css-fil skal se fx sådan ud;

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

.GronKant {
    border: 1px solid #2F6D39;
}

.MenuNed {
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.spaces {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    color: #000000;
    font-weight: normal;
}

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

Og INTET andet - ingen html-tags, ingen script-tags... intet andet end styles
Avatar billede lun Nybegynder
10. marts 2003 - 17:06 #10
FP2000 har nu ændret i min css fil, TYPISK FP, ikke?
Når jeg vil gemme rettelser, lukker programmet med fejlmeddelelse-
efter at jeg flyttede filen fra html/style/style.css til html/style-css

Hvad er det for noget?
Avatar billede lun Nybegynder
10. marts 2003 - 17:07 #11
: keysersoze
Det er FP der har ændret den!
Avatar billede lun Nybegynder
10. marts 2003 - 17:25 #12
Er det ok hvis jeg flyttet spm over i FP kategorien?
Avatar billede lun Nybegynder
10. marts 2003 - 17:34 #13
FP kategorien viser ikke teksten, så det vil jeg ikke.
Avatar billede unknown_someone Juniormester
10. marts 2003 - 20:11 #14
så gem det i notepad i stedet - frontpage kan ikke andet end fucke kode op.
Avatar billede lun Nybegynder
10. marts 2003 - 20:13 #15
hej someone
ja, men det skal jo ligge på serveren på mit webhotel, ikke?
Avatar billede Slettet bruger
10. marts 2003 - 20:15 #16
unknown_someone>> notepad er jo slet ikke geret til at kode i, hvis det drejer sig op størrer projekter.

vil hellere anbefale ham at prøve Adobe GoLive 6.0 som er en udemærket editor, med samme funktion som fra frontpage nemlig at kunne vise resultat, hvis dette skulle være nødvendigt. Endvidere fucker den ikke din kode fuldstændig af :)
Avatar billede unknown_someone Juniormester
10. marts 2003 - 20:20 #17
golive er nok lidt svær at få fat på kl 8 om aftenen - og får at lave et rimelig simpelt css burde notepad da være alt rigeligt.

man er vel ikke en rigtig koder uden at kunne lave noget uafhængigt af wysiwyg - alt skal håndkodes ;)

Jo - det skal ligge på serveren. Copy/paste din css-kode ind i notepad og gem det som ditstyle.css og upload det
Avatar billede Slettet bruger
10. marts 2003 - 20:23 #18
unknown_someone>> til din opbservation, håndkoder jeg også alt mit, dog er det rart at kunne se resultatet uden at skule gemme og gøre ved og åbne det i en browser, her kommer de fine programmer ind i billedet... dvs. ikke Frontpage, da den har en mani med at rode i koden, som du selv er inde på.... dette kan jeg så sige at GoLive ligsom har afhjulpet.....
Avatar billede lun Nybegynder
10. marts 2003 - 20:31 #19
Jeg har haft en style.css liggende med den rigtige kode. Men FP laver head osv på den hver gang jeg starter programmet op igen. Så nytter det jo ikke at lave den i det ene eller det andet program. Det er FP der sutter r**...

Og det er ikke noget projekt, kun to linjer (til en start)
fx
a {text-decoration:none;}
a:hover {color:#00D400;}



VH lun (Sofie)
www.kaninbjerget.dk
Avatar billede lun Nybegynder
11. marts 2003 - 17:14 #20
Jeg er bestemt ikke tilfreds med svarene, men lukker nu.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
14/0910:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
13/0912:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »