CSS på tabel elementer

Du skal angive en border-bredde:

<td style="border:1px solid black;">

-- og jeg forkortede, da du har den samme style hele vejen rundt, så der ikke er grund til at differentiere ...

K...

Så CSS-filen kommer til at se sådan ud:

td {
border: 1px solid #000000;
}

Eller hva'???

/MiReiGi

Det gjorde den ja... :D

/MiReiGi

Kom lige i tanke om, hvad gør jeg, når jeg skal angive 2 forskellige baggrundsfarver for <td> ???

Så layoutet bliver:

Farve 1
Farve 2
Farve 1
Farve 2
osv...
osv...

/MiReiGi

Du bliver du nød til at benytte klasser.. eks:

TD { }      <-- generelt
TD.navn1 { } <-- eksempel 1
TD.navn2 { } <-- eksempel 2

Og hvis du så skal benytte eksempel 1 og 2.. så gør du følgende:
<td class="navn1"> og <td class="navn2">

f.eks:

TD.navn1
{
  bgcolor: #223344;
}

TD.navn2
{
  bgcolor: #223344;
}

skulle nok have været en anden farve i eksempel 2.. men.. så længe du forstår det

<style type="text/css">
table{border-collapse:collapse;}
td{border:1px solid black;}
.tr1{background:purple;}
.tr2{background:pink;}
</style>

<table>
  <tr class="tr1">
    <td>1. række</td>
    <td>1. række</td>
    <td>1. række</td>
  </tr>
  <tr class="tr2">
    <td>2. række</td>
    <td>2. række</td>
    <td>2. række</td>
  </tr>
  <tr class="tr1">
    <td>3. række</td>
    <td>3. række</td>
    <td>3. række</td>
  </tr>
  <tr class="tr2">
    <td>4. række</td>
    <td>4. række</td>
    <td>4. række</td>
  </tr>
  <tr class="tr1">
    <td>5. række</td>
    <td>5. række</td>
    <td>5. række</td>
  </tr>
</table>

Ok... Takker... Har lige et par spm. mere...

Hvorfor er der forskel i kant-tykkelsen på disse 2???

<table border="1">

og

table {
border: 1px solid #000000
}

/MiReiGi

Sikkert fordi at Internet Explorer definerer border=1 anderledes end den style du har valgt. border=1 bliver nødvendigvis ikke vist på samme måde i alle browsere, hvorimod at den anden burde blive vist ens.

-- og mit eksempel bliver tydeligere med:

.tr1{background:purple;color:white;}

Ok... Hvordan skal jeg så lave det i CSS for at få samme kant-tykkelse som med border="1" ???

/MiReiGi

roenving... Det virker ikke...

Her er CSS-filen:

td {
border: 1px solid #000000;
}

.tr1 {
background: #FFFFFF;
}

.tr2 {
background: #8BB4F2;

table {
border: 1px #000000;
width: 100%;
}

Og her er <tr> + <td>:

<tr class="tr1">
    <td width="20%">Navn</td>
    <td width="559"><%=RS("Navn")%></td>
  </tr>
  <tr class="tr2">
    <td width="20%">Adresse</td>
    <td width="559"><%=RS("Adresse")%></td>
  </tr>

De er ikke i hver sin farve som de burde være...

/MiReiGi

-- du har glemt at lukke tr2-klassen:

.tr2 {
background: #8BB4F2;
}

Har lige prøvet det... Ingen ændring...

/MiReiGi

Virker helt uden problemer her ...

-- sæt også denne på table:

border-collapse:collapse;

Ok... Nu virker det også her... Skulle bare lige slette mine "Midlertidige Filer"...

/MiReiGi

Velbekomme '-)

Smider i lige et svar hver??? Fik svar på de spm. jeg havde...

/MiReiGi

Du er jo langt foran mig roenving... Er du synsk eller leger du bare lige gud???

/MiReiGi

*lol*

-- næh, men jeg synes at det er en naturlig reaktion på dit: Nu virker det !-)

-- og tak for point ;~}

Kom lige til at se... Der er et lille problem...

I én af cellerne står der ikke noget, hvilket betyder at der ikke bliver dannet en ramme/kant omkring cellen... Hvordan kan jeg "tvinge" den til at vise en ramme/kant alligevel???

/MiReiGi

<ole>

Der står _altid_ noget i en celle. Gør der ikke det, sørger koderen for, der skrives et '&nbsp;'  ;o)

/mvh
</bole>

PS: Jeg håber, Hans Hellighed tillader, jeg blander mig i besvarelsen .... Amen!  ;D

olebole -> Hmmm... Nu hentes dataene til cellerne fra en database, og der er der nogle tomme felter i... Når disse felter så udskrives, bliver cellens indhold "", hvilket betyder at rammen/kanten ikke dannes...

/MiReiGi

Nej, du skal validere det, der hentes. Hvis det er en tom streng, skal du skrive et nobreaking-space. Du _skal_ have indhold i alle tabelceller  :)
/mvh

Så må du lave en erstatning af "" med: "&nbsp;" ...

Der er altså ingen måder hvorpå man kan tvinge en helt tom celle til at danne en ramme/kant???

Øv... Havde ellers lige håbet at ASP-delen af den side var færdig, men åbenbart ikke...

/MiReiGi

27/04-2004 00:10:05
27/04-2004 00:13:31 (olebole)
27/04-2004 00:13:31 (roenving)

...må vi nok se i øjnene, bør tolkes som et 'nej'  ;o)
/mvh

-- ja det er jo f****** som du er microtime foran mig *lol*

Hmmmm... Mon ikke dette vil virke:

table {
border: 1px solid #000000;
width: 100%;
empty-cells: show;
}

Bare en tanke... Fandt den ligei WebWriter's CSS-bibliotek...

/MiReiGi

Ok... Det virker så ikke... Lidt underligt... Det burde det jo netop gøre...

/MiReiGi

Ok... Har lige et sidste spm. inden jeg forlader jer...

Hvordan skrives <td colspan="2"> som CSS???

/MiReiGi

Det kan det ikke !-)

Øv... Colspan er da ellers layout, og CSS er da beregnet til layout... Eller hva???

Eller har det igen noget at gøre med W3C's regler, og derfor indgår det ikke i CSS???

/MiReiGi

-- og empty-cells virker fint, hvis browseren har den del af css2 implementeret:

http://blooberry.com/indexdot/css/properties/table/emptycell.htm

Ok... Dvs. at IE6.0 _ikke_ har den del implementeret... Hvordan fixer man det???

/MiReiGi

27/04-2004 00:18:10 ,-|

-- og et forsøg på at forklare colspan-delen er, at du faktisk har fat i det, som css kun kan opfatte som to forskellige elementer, dvs. du skulle bede to forskellige html-elementer om at blive lagt sammen ...

-- et billede, jeg før har brugt er, at du sagtens ved hjælp af lidt maling kan få en væg til at se ud, som om den ikke er der, men der skal voldsommere ting end maling til, for at fjerne den !-)

Ok... Så vil jeg lige komme med et (forhåbentlig) sidste spm. til dig roenving...

Hvordan laver man så alt indhold i en celle bliver skrevet som om det var et "input-felt" af typen "password"... I øjeblikket bruger jeg nedenstående løsning, men den er ikke optimal:

<input type="password" value="<%=RS("Password")%>" style="border-style: solid; border-width: 0">

Jeg tror at det skal/kan løses med JavaScript, men er ikke sikker... Vil derfor gerne lige høre din mening om emnet først... Har hørt at du er lidt af en haj til JS...

/MiReiGi

Til din sidste kommentar -> Er Colspan tilladt ifølge W3C???

/MiReiGi

Han har zq ret meget med !-)

http://blooberry.com/indexdot/html/tagpages/t/thtd.htm

Ok... Kan ikke lige umiddelbart se noget der automatisk erstatter al tekst med ét specifikt tegn i en bestemt celle... Kan du evt. uddybe dit link lidt, eller skrive en kode???

/MiReiGi

Du erstatter bare tegnene i ASP-delen og skriver dem ud efterfølgende .... easy as that  :)
/mvh