Forum Mjukvara Programmering och digitalt skapande Tråd

Problem med en Table och CSS

1
Skriv svar
Permalänk
Medlem
●

Problem med en Table och CSS

Tjena!

Sitter här på söndagen och kodar lite men får fan inte en sak att fungera.

Vill åstadkomma en tabell med en "header" i blå gradient och sedan de underliggande
raderna i varannan ljusblå och varannan blå. UTAN någon border!

Allting fungera perfekt tills jag använder mig av antingen "id" eller "class" i "<tr>" taggen..
Hur jag än gör, får jag inte bort min border... varesig skriven direkt i HTML eller i CSS ingen
skillnad om jag använder none/0/0px eller så.

Snälla nån skön kille som kan hjälpa och förklara varför det inte fungerar...

HTML:

<html>
<head>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen></head>
<body>
<table>
  <tr id="JsTableHeading">
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr class="JsTr2">
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>


</body>
</html>

CSS:

table, tr, td{
	border:0px;

}

table{
	width:895px;
 	border:0;
}

#JsTableHeading{
background-image: -moz-linear-gradient(top, #1a65a8, #004c8f);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #1a65a8), color-stop(1.0, #004c8f));
background-color: #1a65a8;	
}

tr{
	background-color: #b2cbe2;	
}

.JsTr2{
	background-color: #e5eef5;	

}
Redigera
Citera flera Citera
Permalänk
Inaktiv
●

1. Använd endast småbokstäver... snälla.
2. Använd inte  

Om du nu ändå använder gradients kan du lika bra använda de nya css selektorn nth-child() med parametern odd:

tr {
  color: #fff;
}
tr:nth-child(odd) {
  color: #000;
}

Sen hoppas jag att tabellen ska användas för att presentera data.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tack för tipset om tr:nth-child!
Gjorde det hela mycket skönare.

Men tyvärr kvarstår problemet med att jag har en border

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av JonasOlaussen:

Tack för tipset om tr:nth-child!
Gjorde det hela mycket skönare.

Men tyvärr kvarstår problemet med att jag har en border

Gå till inlägget

Ta en titt på tabelldelen av CSS2, speciellt egenskapen border-collapse.

Visa signatur

Blogg. Webboken. Pinboard, Last.fm, Facebook, Kongregate. W3fools.
Validera din HTML, men skryt inte om att du gör det.
Använd HTML5 och kom ihåg semantiken!

Redigera
Citera flera Citera
Permalänk
Medlem
●

Underbart,

Tackar verkligen för hjälpen!

Redigera
Citera flera Citera
Permalänk
Testpilot ★
●

För rubriker/header i tabeller kan (bör) man använda th istället för td, då slipper du specificera ett id för raden.
http://w3schools.com/html/tryit.asp?filename=tryhtml_table_he...

Visa signatur

Kolla gärna in min RGB-LED-ljusstake i galleriet
[Gigabyte GA-Z97MX-Gaming 5][Intel Core i5 4690K][Corsair XMS3 16GB][Asus GeForce RTX 2060 Super Dual Evo OC]

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara