/ 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
rækkefølge på styles
Fra : Paul S


Dato : 02-05-09 09:05


Hej
Hvorledes fungere overskrivning af styles

Jeg har følgende i mit stylesheet

ul {list-style-type:disc;}

længere nede har jeg

#SubNavi ul {
margin: 0;
padding: 0;
list-style-type: none;
}

Det til trods er der en prik ud fra hvert af mine punkter i min
SubNavi list. Hvad har jeg misforstået ?

Paul S

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

 
 
Kim Schmidt Wind (02-05-2009)
Kommentar
Fra : Kim Schmidt Wind


Dato : 02-05-09 16:34

Paul S wrote in dk.edb.internet.webdesign.html:
> Hej
> Hvorledes fungere overskrivning af styles
>
> Jeg har følgende i mit stylesheet
>
> ul {list-style-type:disc;}
>
> længere nede har jeg
>
> #SubNavi ul {
> margin: 0;
> padding: 0;
> list-style-type: none;
> }
>
> Det til trods er der en prik ud fra hvert af mine punkter i min
> SubNavi list. Hvad har jeg misforstået ?
>
> Paul S
>


Har du prøv med at skriv:
#SubNavi ul {
list-style: none;
margin: 0;
padding: 0;
}
i stedet for

Kim

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

Erik Ginnerskov (02-05-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 02-05-09 17:32

Kim Schmidt Wind wrote:

>> #SubNavi ul {
>> margin: 0;
>> padding: 0;
>> list-style-type: none;
>> }

> Har du prøv med at skriv:
> #SubNavi ul {
> list-style: none;
> margin: 0;
> padding: 0;
> }
> i stedet for

Hvad forskel skulle det gøre? Rækkefølgen på de forskellige definitioner for
et givet element er lugegyldig.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk


Erik Ginnerskov (02-05-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 02-05-09 17:34

Paul S wrote:

> Det til trods er der en prik ud fra hvert af mine punkter i min
> SubNavi list. Hvad har jeg misforstået ?

Ud fra den smule, du har refereret, skulle du få din vilje, så vi bliver
nødt til at se helheden for at kunne se, hvorfor det ikke fungerer.

Læg html og css på nettet og kom med et link.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk


Paul S (02-05-2009)
Kommentar
Fra : Paul S


Dato : 02-05-09 19:37

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Paul S wrote:
>
> > Det til trods er der en prik ud fra hvert af mine punkter i min
> > SubNavi list. Hvad har jeg misforstået ?
>
> Ud fra den smule, du har refereret, skulle du få din vilje, så vi bliver
> nødt til at se helheden for at kunne se, hvorfor det ikke fungerer.
>
> Læg html og css på nettet og kom med et link.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://ginnerskov.dk
> http://vestfynswebdesign.dk - http://html-faq.dk
>

Dette er mit arbejds site
http://paulsweb.dk/banen.aspx

Paul S



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

Jørgen Farum Jensen (02-05-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 02-05-09 20:23

Paul S skrev:

>
> Dette er mit arbejds site
> http://paulsweb.dk/banen.aspx
>
> Paul S

Du har
#SubNavi ul {
margin: 0;
padding: 0;
list-style-type: none; }

der matcher en ul i et element med en
id #SubNavi. Det du efterspørger er

ul#SubNavi{
margin: 0;
padding: 0;
list-style-type: none; }

der matcher det element du faktisk har på din
side.

Jeg mener at huske at have læst noget om brugen af
store og små bogstaver i selektorer,respektive
element klasse- og id-navne. Er vi 100 porcent sikre
på at

#SubNavi

matcher både

id="SubNavi",
id="subnavi",
id="Subnavi" etc.

i alle browsere?
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

Birger Sørensen (03-05-2009)
Kommentar
Fra : Birger Sørensen


Dato : 03-05-09 10:45

Jørgen Farum Jensen skrev:
> Paul S skrev:
> .. 8X .. Er vi 100 porcent sikre
> på at
>
> #SubNavi
>
> matcher både
>
> id="SubNavi",
> id="subnavi",
> id="Subnavi" etc.
>
> i alle browsere?

Eftersom id'er er case-sensitive, kan #SubNavi _kun_ matche
id="SubNavi".
Men det er anderledes med tags - det er ligegyldigt om man skriver h1
eller H1..

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Jørgen Farum Jensen (03-05-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 03-05-09 17:15

Birger Sørensen skrev:
> Jørgen Farum Jensen skrev:
>> Paul S skrev:
>> .. 8X .. Er vi 100 porcent sikre
>> på at
>>
>> #SubNavi
>>
>> matcher både
>>
>> id="SubNavi",
>> id="subnavi",
>> id="Subnavi" etc.
>>
>> i alle browsere?
>
> Eftersom id'er er case-sensitive, kan #SubNavi _kun_ matche id="SubNavi".
> Men det er anderledes med tags - det er ligegyldigt om man skriver h1
> eller H1..

Jege r lige så sikker som det, når det drejer sig om
JavaScript, men mindre sikker, når det drejer sig om CSS
matching. Men det kan jo komme an på en prøve, lisså
snart jeg er kommet af med min spørgsmål i dag.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Birger Sørensen (03-05-2009)
Kommentar
Fra : Birger Sørensen


Dato : 03-05-09 20:26

Efter mange tanker skrev Jørgen Farum Jensen:
>
> Jege r lige så sikker som det, når det drejer sig om JavaScript, men mindre
> sikker, når det drejer sig om CSS
> matching. Men det kan jo komme an på en prøve, lisså
> snart jeg er kommet af med min spørgsmål i dag.

HTML definerer id'er som case-sensitive.
CSS siger at
"The ID attribute of a document language allows authors to assign an
identifier to one element instance in the document tree. CSS ID
selectors match an element instance based on its identifier."
Altså er den også nødt til at være case sensitive i css (i hvert fald
når vi taler HTML og id bruges som "identifier" for elementet)..

javascript...
Her går jeg ud fra at du tænker på funktioner som getElementByID() etc.
De er faktisk defineret for elementer i DOM - og er egentlig ikke
javascript, men funktioner i DOM objekter, der blot kaldes fra
javascript. (De skal også kaldes med objektet - f.eks.
document.getElementById( 'MitElement')).
JScript (IE), kan identificere objekter direkte fra id'et - men
Javascript bruger vist ikke elementernes id, andet end til kald til
DOM.

Har set din tilbagemelding - og at det er som jeg sagde... B-)
Syntes bare jeg ville melde tilbage, at det faktisk står i standarden -
omend ikke specielt tydeligt..

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Jørgen Farum Jensen (03-05-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 03-05-09 18:22

Birger Sørensen skrev:


>
> Eftersom id'er er case-sensitive, kan #SubNavi _kun_ matche id="SubNavi".
> Men det er anderledes med tags - det er ligegyldigt om man skriver h1
> eller H1..

Case closed: #banner matcher /ikke/
<div id="banner">
....
</div>

Så du har ganske ret. Så meget des
mindre er der at holde styr på, hvis
man altid og overalt bruger små
bogstaver...

--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

Erik Ginnerskov (03-05-2009)
Kommentar
Fra : Erik Ginnerskov


Dato : 03-05-09 18:32

Jørgen Farum Jensen wrote:

> Case closed: #banner matcher /ikke/
> <div id="banner">
> ...
> </div>

Det mener du forhåbentlig ikke?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk


Jørgen Farum Jensen (03-05-2009)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 03-05-09 18:47

Erik Ginnerskov skrev:
> Jørgen Farum Jensen wrote:
>
>> Case closed: #banner matcher /ikke/
>> <div id="banner">
>> ...
>> </div>
>
> Det mener du forhåbentlig ikke?
>
UPS!

HTML-koden skulle sæføli være
<div id="Banner">
....
</div>

--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

Paul S (04-05-2009)
Kommentar
Fra : Paul S


Dato : 04-05-09 09:26

Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Erik Ginnerskov skrev:
> > Jørgen Farum Jensen wrote:
> >
> >> Case closed: #banner matcher /ikke/
> >> <div id="banner">
> >> ...
> >> </div>
> >
> > Det mener du forhåbentlig ikke?
> >
> UPS!
>
> HTML-koden skulle sæføli være
> <div id="Banner">
> ....
> </div>
>
> --
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/

Mange tak for svarene - og debatten
Jeg lærer en masse når I øser af jeres viden

Tak
Paul S

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

Søg
Reklame
Statistik
Spørgsmål : 177580
Tips : 31968
Nyheder : 719565
Indlæg : 6409084
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste