Søg
Avatar billede soerenlyn Nybegynder
01. november 2007 - 16:40 Der er 17 kommentarer og
1 løsning

css på en speciel kolonne i table

Hej Eksperter.

Hvis man har en table:

<table>
    <tr>
        <td>Kol1</td>
        <td>Kol2</td>
    </tr>
    <tr>
        <td>Kol1</td>
        <td>Kol2</td>
    </tr>
</table>

Er det muligt på en smart måde med css, at angive css for den først td i hver tr, altså dem hvor der står Kol1 ?

Man kunne putte en class på alle de første td'ere i hver tr, men det virker som en lalle-løsning. Kan man i css skrive noget i retningen af:

table tr td1{
  font-weight:bold;
}

??
Avatar billede fennec Nybegynder
01. november 2007 - 16:43 #1
Nej. Du skal smide en class på de specifikke TD'er.
Avatar billede roenving Novice
01. november 2007 - 16:45 #2
Tjah, tjoh, det kan man faktisk ...

-- men der mangler li'som noget understøttelse i visse browsere, blandt andet en næsten ukendt fra M$, Internet Explorer ...

Se http://www.w3.org/TR/REC-CSS2/selector.html :

table tr td:first-child{}
Avatar billede soerenlyn Nybegynder
01. november 2007 - 17:46 #3
Okay - det virker ikke i IE?
Fedt ellers. Kan man gøre det på en anden smart måde der understøttes ?
Avatar billede w13 Novice
01. november 2007 - 18:00 #4
Hvad skal det bruges til? =)
Avatar billede soerenlyn Nybegynder
01. november 2007 - 19:46 #5
Bare til at style det i Kol1 på den ene måde og det i Kol2 på en den anden ..
Avatar billede fennec Nybegynder
02. november 2007 - 09:06 #6
Du kan gøre det via JS. Noget i denne stil (ikke testet):

<body onload="findFirstTd();">
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function findFirstTd()
{
    tr = document.getElementsByTagName("tr")
    for(f=0;f<tr.length;f++)
    {
        tr[f].firstChild.className = "firstTd"
    }
}
//-->
</SCRIPT>
<table width="100%" border="1" cellspacing="0" cellpadding="2">
<tr>
    <td>hejsa</td>
    <td>hejsa</td>
</tr>
<tr>
    <td>hejsa</td>
    <td>hejsa</td>
</tr>
</table>
Avatar billede fennec Nybegynder
02. november 2007 - 09:09 #7
Men hvorfor ikke bare sætte klassen fra starten?? Evt kan du bare lave en søg/erstat på <tr><td> / <tr><td class="firstTd"> i din kode...
Avatar billede dkfire Nybegynder
02. november 2007 - 18:13 #8
Er det ikke lidt overkill at bruge javascript til noget så simpelt.

Du kan sagtens gøre det via html og css.

<table>
    <col class="et-eller-andet">
    <col>
    <tr>
        <td>Kol1</td>
        <td>Kol2</td>
    </tr>
    <tr>
        <td>Kol1</td>
        <td>Kol2</td>
    </tr>
</table>
Avatar billede dkfire Nybegynder
02. november 2007 - 18:14 #9
Og så lige til lidt læsning:
http://www.w3.org/TR/html401/struct/tables.html#edef-COL
Avatar billede soerenlyn Nybegynder
02. november 2007 - 18:24 #10
Er det "korrekt" at putte de der <col> ind ? For det er da det smarteste ! :)
Avatar billede dkfire Nybegynder
02. november 2007 - 18:27 #11
Jeg tror nok egentlig det skal gøres lidt anderledes.
<table>
    <COLGROUP class="et-eller-andet"></COLGROUP>
    <COLGROUP></COLGROUP>
    <tr>
        <td>Kol1</td>
        <td>Kol2</td>
    </tr>
    <tr>
        <td>Kol1</td>
        <td>Kol2</td>
    </tr>
</table>

Men ja dette et helt valid html. Ellers læs det link jeg også skrev.
Avatar billede soerenlyn Nybegynder
02. november 2007 - 18:57 #12
Jep ... Tusind tak - smid et svar :)
Avatar billede dkfire Nybegynder
03. november 2007 - 12:56 #13
Svar :-)
Avatar billede soerenlyn Nybegynder
03. november 2007 - 14:48 #14
Det skal så lige være "Svar" og ikke "Kommentar" :P
Avatar billede fennec Nybegynder
05. november 2007 - 08:20 #15
dkfire >>
Det der er konge smart. Tak for oplysningen. Så har jeg også lært noget i dag :o)
Avatar billede dkfire Nybegynder
07. november 2007 - 13:47 #16
Ja okay 10 dummeslag til mig ;-)
Avatar billede dkfire Nybegynder
07. november 2007 - 13:48 #17
Og flere dummeslag til mig
Avatar billede dkfire Nybegynder
07. november 2007 - 17:23 #18
Takker for point.

Jeg så faktisk COLGROUP forklaret med et periodisk system, med forskellige farver. MEn jeg kan selvfølgelig ikke lige finde ud af hvor det lige var jeg så det henne.
Det var ellers et rigtig godt eksempel.

... Kunne selvfølgelig være jeg selv kan lave det eksempel en dag.
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
IT-JOB

Dalmatic TNV A/S

Dygtig svagstrømsingeniør

KMD A/S

Technical Solutions Architect

Politiets Efterretningstjeneste

SOC-analytikere i PET

Netcompany A/S

IT Manager

Forsvarsministeriets Materiel- og Indkøbsstyrelse

IT-supporterelev til Lokal IT Servicecenter ved Personelkommadoen i Ballerup
Seneste spørgsmål Seneste aktivitet
I går 13:36 godt råd søges Alternativ styresystem på Mac pc Af luffe1955 i Andre styresystemer
I går 11:32 Hjælp til kontrol af sygefravær Af Maja i Excel
27/0113:59 2 skærme til en stationær computer Af BIRGER i Skærme
26/0119:26 Opstart af ny computer Af Bent i Windows
25/0120:06 Hjemmeside der virker både på mobil og computer Af Strawberry i PHP
White papers
Flere white papers »