Søg
Avatar billede edron Nybegynder
10. marts 2006 - 00:31 Der er 12 kommentarer og
1 løsning

Lokalt stylesheets?

Hej
Jeg har brug for et lokalt stylesheets, som har over-hiraki i forhold til overordnede stylesheets. Jeg kan bare ikke huske hvordan man skriver et lokalt over-hirakisk stylesheet?

Det er vist noget med:  style: osv. og .....et eller andet, tuborg parentes??
Avatar billede laustdeleuran Nybegynder
10. marts 2006 - 00:40 #1
Hvis du mener et stylesheet i din HTML-fil (eller hvilken filtype du nu bruger) så skal det se f.eks. sådan her ud:

<style>
body {
  back-ground:<URL>;
}
a {
  color:#FF0000;
}
</style>

Det skal så placeres inden i din <head></head> - du kan evt. definere dit styletag med nogen attributter, såsom type og language, men jeg kan sq ikke lige huske dem helt. Jeg mener at det er:

<style type="css/stylesheet" language="text/css">

men jeg er ikke sikker.

Håber det hjalp.

vh. Laust Deleuran
Avatar billede edron Nybegynder
10. marts 2006 - 00:50 #2
Ja, men det er nede i <body> sektionen jeg skal bruge en lokal css. som har "overherdømme" i forhold til den css. , der er skrevet i <head> sektionen. Og det kan jeg ikke huske syntaksen for??
Avatar billede laustdeleuran Nybegynder
10. marts 2006 - 01:09 #3
Hvis det er på tekst el. lign. kan du jo bare bruge en class fra dit CSS. Det defineres i <style></style>-sektionen ved et punktum. Så kalder du bare den klasse på dit givne element som et attribut senere, såsom f.eks.:

<style>
a {
  color:red;
}

a.ekspertendk {
  color:blue;
}
</style>
<a href="http://ljd.dk">normalt link</a>
<a href="http://eksperten.dk" class="ekspertendk">class link</a>

Det første "normale" link vil her være rødt, det klassedefinerede rødt.
Du kan også definere CSS direkte på enkelte elementer, såsom <div> og <span>. detter dog mest velegnet til tekst. Det gøres således:

<span style="color:red; font-weight:bold;">testtekst</span>

nemt, ikk? Igen håber jeg det hjalp.
vh. Laust
ljd.dk
Avatar billede laustdeleuran Nybegynder
10. marts 2006 - 01:29 #4
Virker det??
Avatar billede ladyhawke Novice
10. marts 2006 - 08:01 #5
Jeg vil anbefale at du kigger forbi www.w3schools.com's CSS sektion, der er en masse guf at hente!
Avatar billede marz* Nybegynder
10. marts 2006 - 11:16 #6
ex.

<td style="border:1px solid #ff0000; padding:10px;">TEXT</td>

<a href="" style="color:#00ff00;">link</a>
Avatar billede marz* Nybegynder
10. marts 2006 - 11:18 #7
hov for mange """" i sidste linie

<a href=" style=color:#00ff00; ">link</a>
Avatar billede ladyhawke Novice
10. marts 2006 - 11:44 #8
marz*> øhm det link su har skrevet i sidte linie, virker det? (du forsøger at linke til en style?!?)

Mon ikke det her var hvad du mente:
<a href="<dit link target>" style="color:#00ff00;">link</a>
Avatar billede johan.o Nybegynder
10. marts 2006 - 12:08 #9
Hm, jeg er ikke hundrede på jeg forstår hvad du (edron) leder efter men måske dette kan hjælpe.

Du kan lave inline påvirkninger af et element ved at tilføje en style attribut til elementet. F.eks.:

<table style="width: 200px;">

Du kan også definere en style i dit head tag og så 'aktivere' den ved f.eks. at sætte class attributen. F.eks.:

<head>
<style>
.oSty {
width: 200px; }
</style>
</head>

...

<table class="oSty">

Dernæst kan du også definere dine style's i et selvstændigt stylesheet som du så importere via et link tag. F.eks.:

oSty.css -->

.oSty {
width: 200px; }

<--

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

..

<table class="oSty">

Prøv så at se på dette :

oSty.css -->
.oSty {
width: 200px; }
<--

<head>
<link rel='stylesheet' href='oSty.css' type='text/css'>
<style type='text/css'>
.oSty {
  width: 300px; }
</style>
</head>

..

<table class="oSty" style="width: 400px;">

Her vil slutresultatet være at tabellen vil være 400px bred. Men først blev bredden sat til 200 af det 'overordnede' stylesheet, dernæst blev den sat til 300px af det 'lokale' stylesheet for så til sidst at blive sat til 400px af inline style attributten.

Håber det hjælper.

Mvh. Johan
Avatar billede laustdeleuran Nybegynder
10. marts 2006 - 12:16 #10
Ja, johan, det var jo lige det vi stort set har sagt, men noget mere udførligt og pædagogisk - godt arbejde, og præcist :P
Avatar billede edron Nybegynder
11. marts 2006 - 01:22 #11
Ja, det virker. Tak skal du have laustdeleuran. Du har givet en del fif jeg kan have glæde af. mvh edron
ps. du har ikke markeret i 'svar'?
Avatar billede edron Nybegynder
11. marts 2006 - 01:26 #12
Jeg havde brug for denne:

<p style="text-align:center;">
Avatar billede laustdeleuran Nybegynder
11. marts 2006 - 02:35 #13
Det var godt at du kunne bruge det :P

Held og lykke (her er dit 'svar')

vh. Laust
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 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I går 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »