Søg
Avatar billede Six Nybegynder
19. september 2005 - 00:57 Der er 15 kommentarer og
1 løsning

CSS: At selecte child med css.

Hej eksperter.

Jeg sidder og leger lidt med nedarvning i css tror jeg det er ;D

hvis jeg har følgende:

<table class="container">
  <tr>
    <td class="content">&nbsp;</td>
  </tr>
  <tr>
    <td class="content">&nbsp;</td>
  </tr>
  <tr>
    <td class="content">&nbsp;</td>
  </tr>
</table>

Hvordan kan jeg så nøjes med at tilføje styles til nr 3 td ? og KUN den ?

Problemet er at jeg skal style noget, som er et output fra et cms system, og dermed kan jeg ikke rette i noget somhelst udover at komme udenom det med css.

Håber der er nogle der kan hjælpe.
På forhånd tak. :D
Avatar billede jarner Nybegynder
19. september 2005 - 01:34 #1
Har du prøvet med, forudsat at du godt kan rette i din tabel...

Ændrer den tedje til
    <td class="content2">&nbsp;</td>

og så tilføje følgende med div style i dit stylesheet

td.content2 {  }

Hvis ikke det virker kan du evt. sætte en ny tabel ind i den tredje td..
Avatar billede Six Nybegynder
19. september 2005 - 08:46 #2
Hej jarner.

Det er desværre ikke muligt at gøre som du skriver.
Avatar billede softspot Forsker
19. september 2005 - 10:22 #3
jarner >> jeg tror desværre heller ikke det er muligt at gøre som du ønsker. har du evt. mulighed for at skyde noget javascript ind (når nu du har mulighed for at rette i stylesheetet, kunne det jo være at der også var et javascript du kunne rette i)?
Avatar billede softspot Forsker
19. september 2005 - 10:23 #4
sorry, det VAR faktisk til fjappe... :)
Avatar billede olebole Juniormester
19. september 2005 - 16:17 #5
<ole>

Der må være et sted, hvor CMS'et styrer elementerne - der må det være muligt at lave noget ekstra formatering.
På den anden side er de fleste CMS'er så kluntede og ufleksible, at de minder om noget fra industrialiseringens begyndelse ... så man kan aldrig være sikker  :)

/mvh
</bole>
Avatar billede Six Nybegynder
19. september 2005 - 20:45 #6
Jeg bruger mambo cms til det. Men har til min store fortvivlelse fundet ud af at css child ikke er understøttet af internet explorer, hvilket har gjort at jeg er gået andre veje.

Jeg vil gerne takke jer for jeres interesse :D
Avatar billede Six Nybegynder
19. september 2005 - 20:45 #7
- lukket -
Avatar billede olebole Juniormester
19. september 2005 - 21:00 #8
tjaaa ... når jeg prøver at kikke på:
    http://www.mamboserver.com/
- kan jeg jo se, at de væsentligste dele af CSS er disabled i IE p.gr.a. dårlig kode. Hvis din kode ser ligesådan ud - og det er der jo en vis fare for - kan det såmænd være mere eller mindre ligegyldigt, hvad IE understøtter  :)

Nu er der tilfældigvis ikke de store forskelle på visningen i FF og IE, men det er tydeligt at se, de to opfatter bl.a. borders forskelligt, da IE mistolker CSS' box-model fuldstændig  ;o)
Avatar billede olebole Juniormester
19. september 2005 - 21:03 #9
Du kan selv teste om et dokument, der er loaded i browseren, understøtter CSS. Skriv:
    java script:alert(document.compatMode)

Returneres 'CSS1Compat', understøttes CSS - returneres derimod 'BackCompat', er væsentlige dele af CSS disabled
Avatar billede olebole Juniormester
19. september 2005 - 21:09 #10
Har du i Mambo mulighed for at fravælge XHTML, vil jeg afgjort råde dig til det - for koderne bag CMS'et aner tydeligvis ikke det første om den teknologi. Resultatet er en kode, der skodder ganske voldsomt  :o|
Avatar billede Six Nybegynder
19. september 2005 - 21:12 #11
Hej olebole - jeg aner faktisk ikke om man i mambo kan slå xhtml fra. Jeg er pretty much nybegynder i det. Men man starter jo altid et sted. :)
Avatar billede Six Nybegynder
19. september 2005 - 21:12 #12
Tak for javascript tricket i øvrigt :D
Avatar billede olebole Juniormester
19. september 2005 - 21:26 #13
- anytime, hombre  ;o)

Til det første skal jeg lige pege på denne side:
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp

- kik under The DocType Switch.

Faktisk handler det ikke kun om DTD og URL i DTD'en. Bare en kommentar før DTD'en er nok til at få IE til at gå i quirks-mode (læs artiklen, så forstår du, hvad jeg skriver).
Avatar billede olebole Juniormester
19. september 2005 - 21:34 #14
- hehe ... han er zq da ikke til at drukne, ham olebole  :D

Du kan prøve dette dokument, der opfører sig, som det skal ifølge CSS ... border skal lægges udenom elementet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
div {
    width: 200px;
    height: 200px;
    background-color: yellow;
}
.withBorders {
    border: 50px solid red;
}
</style>
</head>
<body>

<div>&nbsp;</div>
<div class="withBorders">&nbsp;</div>

</body>
</html>

- så prøv at skrive en HTML-kommentar før DTD'en:

<!-- Sikke en LorteBruser ...! -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
... osv, osv ...

- og se den i IE  :o|
Du kan også prøve med:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
... osv, osv ...

- som er det, der diskuteres i artiklen.

Problemet på mamboserver.com er XML-prologen før XHTML-DTD'en. Læs evt:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

- og nu skal jeg nok holde kæft!  :D
Avatar billede Six Nybegynder
19. september 2005 - 21:39 #15
Hej ole - jamen hehe tak for dine indslag, jeg vil kigge dem igennem når jeg lige får tid til det, jeg burde jo nok få sat mig mere igennem med css end det jeg kan nu.

F.eks. har jeg først lige fundet ud af nu at man kan lave .class[type="radio"] {} - for at tilføje css KUN på radio buttons hehe.

Så det er jo lækkert.
Avatar billede olebole Juniormester
19. september 2005 - 21:44 #16
yups ... men det kommer først til at fungere i IE7. Version 6 er desværre ved at være et gammelt svin - der allerede i udgangspunktet manglede understøttelse af det seneste CSS.
På den anden side, er det MS og IE, vi har at takke for indførelsen af CSS (og meget andet godt og skidt). Sådan zig-zag'er det lidt frem og tilbage  ;o)
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
49 min siden Gemme største værdi Af Lemming@privat.dk i Excel
I dag 21:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
White papers
Flere white papers »