Avatar billede Joachim Wahl Nybegynder
09. januar 2003 - 14:52 Der er 11 kommentarer og
2 løsninger

Stylesheet i tabeller

Jeg ønsker at have en tabel, hvor første linie skal have en farve. Dernæst skal de følgende rækker skifte mellem to andre farver.(Dette er i sig selv ikke svært).

Problemet er for mig, at hvis man skal kunne slette en af linierne, og at hver anden linie stadigvæk skal have den samme farve, så er jeg ude på dybt vand. Hvad gør jeg.

Tabellen er inde i en tabel, hvilket for mig gør det endnu mere indvinklet!

Kan man løse dette problem med stylesheets eller er der en anden måde?
Avatar billede monstersurf Praktikant
09. januar 2003 - 14:55 #1
kan man godt, på en måde, du ska bare bruge classes :)
Avatar billede jakobclausen Nybegynder
09. januar 2003 - 14:59 #2
I css:

.farve1{
color:ffff00;
}

.farve2{
color:ffffff;
}

.farve3{
color:262626;
}

i html:

<div class="farve1">Tekst 1</div>  - det samme med de andre tekster bare med class="farve2/farve3"
Avatar billede olebole Juniormester
09. januar 2003 - 18:42 #3
<ole>

jakobclausen >> Det har ikke noget med CSS-syntaks at gøre. Du mangler hashmark (#) og man kan ikke sætte tekst-farven uden at sætte baggrundsfarven.

Derudover er det jo i øvrigt tekstfarven, du prøver at sætte. Mon ikke det er baggrundsfarven, han ønsker ændret?  :)
Sådan:

.farve1{
  color: #000000;
  background-color: #ff0000;
}

.farve2{
  color: #000000;
  background-color: #ffff00;
}

.farve3{
  color: #000000;
  background-color: #dedede;
}

/mvh
</bole>
Avatar billede wiscalico Nybegynder
10. januar 2003 - 12:40 #4
Hvordan sletter du en af rækkerne i tabellen?
Er det en statisk html side for så tror jeg desværre du bliver nød til at opdatere rækkernes baggrundsfarve/class hver gang du sletter en række.

Hvis din tabel bliver genereret af et serverside script (php eller noget andet) eller af et javascript kan du komme uden om det problem meget let. Men løsningen ligger ikke i css.
Avatar billede olebole Juniormester
10. januar 2003 - 22:32 #5
wahlpaper >> Lad os høre, hvordan siden kommer til verden og hvad du mener med, at en række bliver slettet. Sker det 'i din hånd', i et server-script eller på klientens maskine?
/mvh
Avatar billede callesen Praktikant
11. januar 2003 - 23:41 #6
Hvis du vil ha' en 'håndsrække' med stor hjælp fra olebole:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>Ole Boles hjælp rækker rigeligt</TITLE>
<STYLE TYPE="text/css">
TABLE, TD {
border:1px solid #333333;
table-layout:fixed;
}
TD {
border:1px solid #333333;
width:100px;
height:30px;
}
</STYLE>
<SCRIPT LANGUAGE="javascript">
function setBGColor() {
    var rowArr = document.getElementById('tbl').getElementsByTagName("TR");
    for ( i=0; i<rowArr.length; i++ ) {
        rowArr[i].style.backgroundColor = (i%2)? "#ffff00" : "#ff0000";
    }
}
</SCRIPT>
</HEAD>
<BODY onload="setBGColor()">
<table STYLE="width:100%;height:100%;">
<tr>
<td>
<TABLE ID="tbl">
<TH STYLE="background-color:#aaaaaa;height:50px;width:100%;" COLSPAN="3">
<TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
</TR>
<TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
</TR>
<TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
</TR>
<TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
</TR>
<TR>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
    <TD>&nbsp;</TD>
</TR>
</TABLE>
</td>
</tr>
</table>
</BODY>
</HTML>
Avatar billede olebole Juniormester
11. januar 2003 - 23:55 #7
Eneste detalje, jeg gerne ser rettet, da jeg optræder i løsningen er:
  <SCRIPT LANGUAGE="javascript">
rettes til:
  <SCRIPT type="text/javascript">

Og callesen >> læg et svar, så vi kan dele ... jeg har jo allerede lige fået 60 points for svaret  ;o)
( http://www.eksperten.dk/spm/304005 )
/mvh
Avatar billede callesen Praktikant
12. januar 2003 - 00:09 #8
Jamen olebole dog - vi har da allerede delt på bedste måde - jeg har fået noget mere viden og du har den stadig.
- og så ved vi jo stadig ikke om wahlpaper sidder fast mellem væggen og tapetet.
Avatar billede olebole Juniormester
12. januar 2003 - 00:14 #9
*ROTFL*  Så må vi jo have gang i damp og spartel  :D

Du tog initiativet her - og det kostede dig 60 points at skaffe Polyfilla til dette spm, så det er mere end rimeligt at dele her  ;o)
/mvh
Avatar billede callesen Praktikant
12. januar 2003 - 09:07 #10
OK, olebole - Så kan wahlpaper dele ud efter fortjeneste - hvis han/hun kommer fri.
Avatar billede Joachim Wahl Nybegynder
12. januar 2003 - 10:05 #11
Undskyld min sene udmelding, men jeg har vitterlig siddet fast mellem væggen og tapetet!

Jeg har forsøgt, det som Callesen foreslog, og der er ikke en finger at sætte på det. Det var absolut en super god "aha" oplevelse, hvilket jeg sætter stor pris på.

Det tyder på, at Callesen og Olebole har aftalt, hvorledes pointene skal fordeles, og det er fint med mig.

Mvh Joachim
Avatar billede olebole Juniormester
12. januar 2003 - 19:11 #12
Jamen, jeg takker glad og er mere end tilfreds  ;o)
/mvh
Avatar billede callesen Praktikant
13. januar 2003 - 07:45 #13
Jamen, jeg takker glad, klipper, klistrer og er mere end tilfreds  ;o)
/mvh
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester