/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
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
type="text/css"
Fra : k_m_s
Vist : 669 gange
300 point
Dato : 10-06-15 11:27

Hej alle.

Kan jeg i min <head> på min php side, både have et link til mit stylesheet (External style sheet) og også lave en class der kun skal bruges på den side i et Internal style sheet? I den nævnte rækkefølge.

Sådan:
<head>
..
..

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

<style type="text/css">
.abc{
Width..
..
..
}

.abc:hover{
background-image.......
}

</style>
</head>


Hilsen
Kim






 
 
Accepteret svar
Fra : molokyle

Modtaget 300 point
Dato : 10-06-15 13:22

JA... og det interne stylesheet vil ALTID overtrumfe det externe. Local before global ..

Inkluderer du et externt stylesheet ..vil et internt defineret stylesheet gælde i aktuelle dokument.

Vil du også 'overrule' dette? Så bruger du style selektoren direkte i (X-)HTML elementet.

Altså en internal eks.:
Kode
<img src="smiley.gif" alt="Smiley face" height="42" width="42" style="position:fixed;top:64px;left:64px;">


http://www.w3schools.com/css/css_howto.asp

Således:
Citat
Cascading order
What style will be used when there is more than one style specified for an HTML element?

Generally speaking we can say that all the styles will "cascade" into a new "virtual" style sheet by the following rules, where number three has the highest priority:

Browser default
External and internal style sheets (in the head section)
Inline style (inside an HTML element)
Try it yourself »
So, an inline style (inside an HTML element) has the highest priority, which means that it will override a style defined inside the <head> tag, or in an external style sheet, or in a browser (a default value).

;- </MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 10-06-15 13:30

Ps. Iøvrigt bør du angive dine stier rodrelativt .. i stedet for biblioteksrelativt, som i dit eksempel:
Kode
href="../../style.css"


Det gør det nemlig meget nemmere at flytte kode rundt mellem sider på samme site:

http://www.motive.co.nz/glossary/linking.php?ref

Det har dog den hage, at du ikke kan teste koden lokalt på pc'en (..medmindre du driver din egen Internetserver?); (X-)HTML koden skal derfor uploades til hosten ..og du skal teste online derfra !
Du får så også fordelen af hurtigere svartider på dit site
</MOLOKYLE>

Godkendelse af svar
Fra : k_m_s


Dato : 10-06-15 17:49

Mange tak for svaret molokyle.

Ja det er netop derfor linkene ikke er rodrelative.
Jeg koder i phpDesigner og jeg mener at jeg kan sætte den op som lokal server, men om jeg så kunne linke rodrelativt ved jeg ikke. Når jeg får et par dage hvor jeg ikke ved hvad jeg skal lave, vil jeg se om jeg kan få det til at virke

Hilsen
Kim


Kommentar
Fra : EXTERMINATOR


Dato : 10-06-15 18:29

Citat
Det har dog den hage, at du ikke kan teste koden lokalt på pc'en

Jo, det kan du da sagtens, ret din HOSTS fil så din computer tror at http://molokyle.dk befinder sig på 127.0.0.1
http://helpdeskgeek.com/windows-7/windows-7-hosts-file/

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177409
Tips : 31962
Nyheder : 719565
Indlæg : 6407777
Brugere : 218874

Månedens bedste
Årets bedste
Sidste års bedste