Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj > Web dizajn

Web dizajn Saveti u vezi dizajna sajtova

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 28.10.2013, 13:23   #1
beliorao
Novi član
 
Član od: 4.9.2009.
Poruke: 19
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Tabela u boji

Pozdrav svima, treba mi jedan savet
Imam ovaj kod:


Kod:
<!DOCTYPE html>
  <html>
  <head>
  <style>
  #customers
  {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
  }
  #customers td, #customers th 
  {
  font-size:1em;
  border:1px solid #98bf21;
  padding:3px 7px 2px 7px;
  }
  #customers th 
  {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  background-color:#A7C942;
  color:#ffffff;
  }
  #customers tr.alt td 
  {
  color:#000000;
  background-color:#EAF2D3;
  }
  </style>
  </head>
   
  <body>
  <table id="customers">
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
  <td>Alfreds Futterkiste</td>
  <td>Maria Anders</td>
  <td>Germany</td>
  </tr>
  <tr class="alt">
  <td>Berglunds snabbköp</td>
  <td>Christina Berglund</td>
  <td>Sweden</td>
  </tr>
  <tr>
  <td>Centro comercial Moctezuma</td>
  <td>Francisco Chang</td>
  <td>Mexico</td>
  </tr>
  <tr class="alt">
  <td>Ernst Handel</td>
  <td>Roland Mendel</td>
  <td>Austria</td>
  </tr>
  <tr>
  <td>Island Trading</td>
  <td>Helen Bennett</td>
  <td>UK</td>
  </tr>
  <tr class="alt">
  <td>Königlich Essen</td>
  <td>Philip Cramer</td>
  <td>Germany</td>
  </tr>
  <tr>
  <td>Laughing Bacchus Winecellars</td>
  <td>Yoshi Tannamuri</td>
  <td>Canada</td>
  </tr>
  <tr class="alt">
  <td>Magazzini Alimentari Riuniti</td>
  <td>Giovanni Rovelli</td>
  <td>Italy</td>
  </tr>
  <tr>
  <td>North/South</td>
  <td>Simon Crowther</td>
  <td>UK</td>
  </tr>
  <tr class="alt">
  <td>Paris spécialités</td>
  <td>Marie Bertrand</td>
  <td>France</td>
  </tr>
  </table>
  </body>
  </html>
evo linka odakle sam preuzeo kod: http://www.w3schools.com/css/tryit.a...ss_table_fancy

Pitanje glasi:
kako najlakse mogu da promenim redosled boje u dokumentu, tj. kako da red


Kod:
<tr>
  <td>Alfreds Futterkiste</td>
  <td>Maria Anders</td>
  <td>Germany</td>
  </tr>

I ostale bele redove obojim u zeleno ,a oni redovi koji su zeleni da postanu beli, da li to moze da se uradi automatski da ne moram rucno sve da ispravljam, ova tabela nije velika pa nije problem rucno odraditi posao,ali kad je u pitanju velika tabela to je veliki poduhvat.

Poslednja ispravka: hacker_aca (28.10.2013 u 19:45) Razlog: malo uređivanje poruke
beliorao je offline   Odgovor sa citatom ove poruke
Stara 28.10.2013, 13:43   #2
doctor
Deo inventara foruma
 
Član od: 14.3.2008.
Lokacija: EHCPCGG
Poruke: 12.110
Zahvalnice: 4.319
Zahvaljeno 3.295 puta na 2.274 poruka
Određen forumom Re: Tabela u boji

Za klasu "alt" podesi svojstvo background-color na belu boju a za sve ostale td-ove podesi u CSS-u background-color na zelenu (prekopiraj RGB vrednost iz trenutnog koda koji imaš).

Ili, modifikuj HTML tako da klasi "alt" pripadaju elementi koji joj trenutno ne pripadaju a atribut class obriši iz elemenata koji trenutno pripadaju toj klasi.

Ako želiš gotov kod... Pa, recimo da ne vidim svrhu davanja gotovog koda ako trenutno učiš HTML i CSS.
doctor je offline   Odgovor sa citatom ove poruke
Stara 28.10.2013, 16:47   #3
beliorao
Novi član
 
Član od: 4.9.2009.
Poruke: 19
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Re: Tabela u boji

hvala, na odgovoru.
pocetnik sam.
pravim telefonski imenik,ali povrmeno ubacujem nove brojeve ili izbacujem stare koji nisu potrebni pa mi se tom prilikom menja struktura tabele u viuelnom smislu cesto mi budu spojena dva obojena ili bela reda.
beliorao je offline   Odgovor sa citatom ove poruke
Stara 28.10.2013, 20:08   #4
dare023
Veteran
 
Član od: 30.6.2006.
Lokacija: Bečkerek
Poruke: 722
Zahvalnice: 46
Zahvaljeno 133 puta na 122 poruka
Određen forumom Re: Tabela u boji

Onda ti treba da obojiš parne i neparne redove - ovako

Kod:
table tr:nth-child(odd) {
background-color:#A7C942;
}
table tr:nth-child(even) {
background-color:#EAF2D3;
}
Prekopirao sam vrednosti iz tvog koda, ti postavi kako treba da bude, ovako i kad ubrišeš red ostaje različita boja.
dare023 je offline   Odgovor sa citatom ove poruke
Stara 28.10.2013, 23:47   #5
beliorao
Novi član
 
Član od: 4.9.2009.
Poruke: 19
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Re: Tabela u boji

da to je to , ubacio sam kod u html i radi, mogu samo da kazem dare care

posto sam pocetnik i tek pocinjem da se upoznajem sa css-om,jel mozes da mi pojasnis sta znace oznake

nth-child

(odd)

i

(even)
beliorao je offline   Odgovor sa citatom ove poruke
Stara 29.10.2013, 9:20   #6
beliorao
Novi član
 
Član od: 4.9.2009.
Poruke: 19
Zahvalnice: 0
Zahvaljeno 0 puta na 0 poruka
Određen forumom Re: Tabela u boji

nasao sam odgovor na svoje pitanje, pa evo da okacim, moze da koristi jos nekom ko je pocetnik.

https://developer.mozilla.org/en-US/...CSS/:nth-child
beliorao je offline   Odgovor sa citatom ove poruke
Odgovor

Bookmarks sajtovi

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno


Slične teme
tema temu započeo forum Odgovora Poslednja poruka
Beli laptop ili u boji do 50000 mocica ŠDK - Prenosni računari 76 21.11.2013 9:24
Hp Officejet 4355 series all i one stapmac(fax) ne stampa u boji? stanislav ivanovic Ostale komponente 0 1.3.2013 19:25
MS Access i importovanje tabela iz Excela Demosten Programiranje 3 1.2.2008 15:24
Da li je bolje skup štampač u boji ili jeftin laserski crno-beli? Longhorn Ostale komponente 25 30.9.2007 11:12
Laserski stampac u boji Sale Pavlovic ŠDK - Ostale komponente 8 13.4.2006 20:47


Sva vremena su po Griniču +2 h. Sada je 1:12.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com