Søg
Avatar billede lakana Nybegynder
05. marts 2006 - 12:45 Der er 10 kommentarer

a[href] og >

Med firefox kan jeg skrive: a[href ^="http://"]{} for at give links der starter med "http://" en speciel formatering.

Dette er bare ikke tilfældet for Internet explorer. Hvordan kan jeg få det til at virke i IE?


Desuden vil jeg gerne vide hvornår man bruger > (html > body osv.)?
Avatar billede apo Praktikant
05. marts 2006 - 13:26 #1
Det første kan jeg ikke svare dig på (Det er ikke noget man kan med CSS).

Men et typisk HTML-dokument har følgende struktur med grundelementerne placeret således:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Nyt dokument</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">

</head>

<body>
<!-- HER SKAL DIN HTML-KODE PLACERES -->
</body>
</html>

Læs mere om HTML-strukturen her: http://www.w3.org/TR/html401/struct/global.html
Avatar billede lakana Nybegynder
05. marts 2006 - 13:48 #2
jo tak, apo - jeg ved udemærket godt hvordan man bygger et html-dokument.

jeg mente følgende struktur:

html > body {
    margin: 0;
}


den kode virker i firefox, men ikke internet explorer - så ville jeg blot høre hvordan den burde bruges korrekt.

- og jo! det første er CSS.
Avatar billede apo Praktikant
05. marts 2006 - 13:54 #3
Ah, så er jeg med. Det skal være et ',' og ikke et '>':

html,body {margin:0;}

Dette: a[href ^="http://"]{} ligner mere noget Reg.Exp (f.eks. javascript) end CSS?
Avatar billede milandt Nybegynder
05. marts 2006 - 22:32 #4
apo du er ikke helt med på hvad lakana taler om.

lakana, de eksempler du kommer med der virker forskelligt i IE og Firefox skyldes at IE ikke forstår alle de css selectors der er defineret i css. Det er selvføgelig ærgeligt, men der er ikke så meget at gøre ved det.

der er mange ting der ville være lettere når alle selectors understøttes.

css selectors (hvis bare alting var som w3c siger): http://www.w3.org/TR/REC-CSS2/selector.html#q1
Avatar billede apo Praktikant
06. marts 2006 - 17:51 #5
milandt > Muligvis ikke. Men måske kan du hjælpe mig med at blive klogere ved, at forklare hvad der menes? Det er jo altid rart at lære noget nyt :-)
Avatar billede milandt Nybegynder
07. marts 2006 - 17:50 #6
apo - hvis du læser linket vil du se at:

html > body
betyder det første body element inden i et html element.. i praksis bliver denne metode brugt til at skrive css som IE skal ignorere, idet den ikke forstår denne type selector, og idet html > body #myDiv i andre browsere vil gælde alle forekomster af #myDiv så længe de ligger inde i et body element der er et child af et html element.

brug ovenstående link som udgangspunk for at læse om hver type selector og se eksempler på dem. vi er mange der glæder os til at IE understøtter dem alle sammen. det ville f.eks. gøre det muligt med css at gøre forskel på checkbokse og tekst-input felter uden at skulle sætte en klasse på sine input elementer.

hvis jeg f.eks. gerne vil have en bestemt style på mine tekst-input felter, skal jeg i dag gøre sådan:

html:
<input type="text" class="myTxt">
og css:
input.myTxt {background:red}

hvis IE havde understøttet selector på attributter kunne jeg gøre sådan

html:
<input type="text"> <input type="checkbox">
css:
E[type="text"] {background:red}
E[type="checkbox"] {background:blue}

get the point?

vi har vænnet os til ikke at bruge disse selectors idet IE ikke understøtter dem, og de fleste bruges i forskellige css hacks fordi det nogen gange kan være rart at skrive css der bliver målrettet bestemte browsere og forbigået af andre
Avatar billede milandt Nybegynder
07. marts 2006 - 17:51 #7
det jeg skrev i tredie linie er selvfølgelig forkert.

html > body betyder et hvilket som helst body element der er et child af html, ikke nødvendigvis det første.

i så fald skal man bruge
html + body

eller i en situation hvor det vil give endnu mere mening
tr + td {background:red}

vil sætte rød baggrund på den første td i hver række
Avatar billede apo Praktikant
07. marts 2006 - 22:27 #8
milandt > Takker. Det vil jeg læse lidt mere om :-)
Avatar billede milandt Nybegynder
08. marts 2006 - 10:37 #9
lakana > har du kunne bruge alt dette her til noget?
Avatar billede lakana Nybegynder
09. august 2011 - 12:14 #10
ja. skriv et svar milandt
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 »