/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
css dokument
Fra : Ljunggren


Dato : 29-01-07 17:19

Hej
Hvordan opretter jeg et externt dokment (*.css) og et link på
alle mine sider så jeg opnår dette:

<style type="text/css">
<!--
A:link {text-decoration: none}
A:link {color: #732442}
A:visited {text-decoration: none}
A:visited {color: #732442}
A:active {text-decoration: none}
A:hover {text-decoration: none}
A:hover {color: #0000a0}
-->
</style>

...på alle mine sider?

Jeg har forsøgt, men det jeg laver har ikke noget effekt så der
må være en syntaksfejl.

Jeg har en folder i mit web der hedder style og idet et dokument
der hedder style.css.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Bertel Lund Hansen (29-01-2007)
Kommentar
Fra : Bertel Lund Hansen


Dato : 29-01-07 18:04

Ljunggren skrev:

> Hvordan opretter jeg et externt dokment (*.css) og et link på
> alle mine sider så jeg opnår dette:

Du har en fil der ligger/hedder style/style.css. Det er fint nok.
Indholdet af den skal være:

   a:link {text-decoration: none}
   a:link {color: #732442}
   a:visited {text-decoration: none}
   a:visited {color: #732442}
   a:hover {text-decoration: none}
   a:hover {color: #0000a0}
   a:active {text-decoration: none}

Væn dig til at bruge små bogstaver i HTML-tags og CSS (selv om
det virker med store). Det er stilen i dag, og det fylder mindre
på skærmen.

I din HTML skal du have en linje i head-sektionen der ser sådan
ud:

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

Man kan godt bruge " i stedet for '. Det er ligegyldigt.

> ..på alle mine sider?

Så skal du have den linje i alle filerne hvis du ikke har
dynamiske sider.

Her er en forenklet CSS-opskrift der gør det samme som din:

   a{text-decoration: none}
   a:link, a:visited {color: #732442}
   a:hover {color: #0000a0}

Første linje fjerner understregning fra alle links uanset
tilstand.

:active er en kedelig ting at justere på. Der er ingen der
opdager hvad der sker alligevel. Det er den tilstand der opstår
fra man trykker museknappen ned til man slipper den.

Rækkefølgen for link, visited, hover, active er vigtig og kan
huskes med LoVeHAte. Men den har du stort set rigtig.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

Ljunggren (29-01-2007)
Kommentar
Fra : Ljunggren


Dato : 29-01-07 18:47

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Ljunggren skrev:
>
> > Hvordan opretter jeg et externt dokment (*.css) og et link på
> > alle mine sider så jeg opnår dette:
>
> Du har en fil der ligger/hedder style/style.css. Det er fint nok.
> Indholdet af den skal være:
>
>    a:link {text-decoration: none}
>    a:link {color: #732442}
>    a:visited {text-decoration: none}
>    a:visited {color: #732442}
>    a:hover {text-decoration: none}
>    a:hover {color: #0000a0}
>    a:active {text-decoration: none}
>
> Væn dig til at bruge små bogstaver i HTML-tags og CSS (selv om
> det virker med store). Det er stilen i dag, og det fylder mindre
> på skærmen.
>
> I din HTML skal du have en linje i head-sektionen der ser sådan
> ud:
>
>    <link rel='stylesheet' type='text/css' href='style/style.css'>
>
> Man kan godt bruge " i stedet for '. Det er ligegyldigt.
>
> > ..på alle mine sider?
>
> Så skal du have den linje i alle filerne hvis du ikke har
> dynamiske sider.
>
> Her er en forenklet CSS-opskrift der gør det samme som din:
>
>    a{text-decoration: none}
>    a:link, a:visited {color: #732442}
>    a:hover {color: #0000a0}
>
> Første linje fjerner understregning fra alle links uanset
> tilstand.
>
> :active er en kedelig ting at justere på. Der er ingen der
> opdager hvad der sker alligevel. Det er den tilstand der opstår
> fra man trykker museknappen ned til man slipper den.
>
> Rækkefølgen for link, visited, hover, active er vigtig og kan
> huskes med LoVeHAte. Men den har du stort set rigtig.
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/

Mange tak for hjælpen det virker fint.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Reichstein Nie~ (29-01-2007)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 29-01-07 18:59

Bertel Lund Hansen <unospamo@lundhansen.dk> writes:

> Ljunggren skrev:

>    a:link {text-decoration: none}
>    a:link {color: #732442}
>    a:visited {text-decoration: none}
>    a:visited {color: #732442}
>    a:hover {text-decoration: none}
>    a:hover {color: #0000a0}
>    a:active {text-decoration: none}
.....
> Her er en forenklet CSS-opskrift der gør det samme som din:
>
>    a{text-decoration: none}
>    a:link, a:visited {color: #732442}
>    a:hover {color: #0000a0}

Helt pedantisk, så gør den ikke det samme, da "a" også matcher
<a name="foo">lala</a>
og fjerner text-decoration fra denne. I praksis er der næppe nogen
forskel, da der default på det element ikke er nogen tekst-dekoration.

> Første linje fjerner understregning fra alle links uanset
> tilstand.

.... alle "a"-elementer :)

Ellers intet at indvende.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Ukendt (29-01-2007)
Kommentar
Fra : Ukendt


Dato : 29-01-07 18:03


"Ljunggren" <rene@blacksee.dk> skrev i en meddelelse
news:45be1e77$0$49203$14726298@news.sunsite.dk...
> Hej
> Hvordan opretter jeg et externt dokment (*.css) og et link på
> alle mine sider så jeg opnår dette:

Du skal have en henvisning til dine css ark mellem <head> og </head>

En henvisning kan se sådan her ud:
<link rel="stylesheet" type="text/css" href="din-style.css">

> A:link {text-decoration: none}
> A:link {color: #732442}
> A:visited {text-decoration: none}
> A:visited {color: #732442}
> A:active {text-decoration: none}
> A:hover {text-decoration: none}
> A:hover {color: #0000a0}

Du placerer så ovenstående i css-filen

se også
http://html-faq.dk/2010.asp


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste