[ Mirjana21 @ 17.01.2010. 21:39 ] @
Kako da promenim izgled tabele koja se nalazi u head-u pod var porudzbina? Radi samo border, kada dodam color ili font family, ili bilo šta slično, ne prihvata. Takođe, zanima me da li u toj tabeli mogu dodati još jednu kolonu "Izbriši" čiji će redovi biti checkbox, odnosno označavaće se da li korisnik želi brisati neke već poručene proizvode ili ne. Evo koda: Code: <html> <style type="text/css"> a.meni1{display:inline; margin-right:10px; background:silver; padding:2px 2px 2px 2px; color:black;font-weight:bold; text-decoration:none; border:2px black inset; font-size:12px} a.meni1:hover{background:silver; border:2px black outset} a.meni{margin-top:20px; margin-left:10px; width:80%; display:block; margin-bottom:10px; background:silver; padding:1px 1px 1px 1px;color:black;font-weight:bold; text-decoration:none; border:2px silver inset; font-size:12px} a.meni:hover{background:silver; border:2px black outset} table{margin-top:-570px; font-family:Verdana; font-size:14px; color:silver; width:700px; background-color:black; border-spacing: 4px;} h1{font-family:Verdana; font-size:16px; color:silver} .navigacija1-1{height:9%; float:left; margin-bottom:5px; background-color:black; width:80%; margin-top:40px} .navigacija2{margin-top:20px; width:100%; height:65%; margin-bottom:100px} .navigacija1{font-family:Verdana; width:70%; height:50%; margin-top:18px; margin-left:270px; text-align:center} .proizvodi {font-family:Verdana; margin-top:150px; margin-left:20px; height:90%; background-color:black; width:20%; text-align:center} .tabela{height:80%; float:left; background-color:black; margin-left:240px; margin-top:70px; width:700px} .sivo{height:20%; float:left; background-color:silver; margin-top:4px; width:700px; color:black} .crno{height:20%; float:left; background-color:black; margin-top:4px; width:700px; color:silver} .container{border:solid 8px #999;} input{margin-left:400px} </style> <head> <title>Tastature</title> <script language="JavaScript"> function odgovor(){ var racun=0 var porudzbina="<center>Naručili ste:"+"<br></br>"+ "<center><table border=2><tr><th>Proizvod</th><th>Cena</th></tr>" if(document.obrazac.check1.checked==true){ racun+=804; porudzbina+="<tr><td>Gigabyte GKM-KM5000/YU/PS2</td><td>804,00 din</td></tr>" } if(document.obrazac.check2.checked==true){ racun+=1071 porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/</td><td>1.071,00 din</td></tr>" } if(document.obrazac.check3.checked==true){ racun+=1071 porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/US/Black/USB</td><td>1.071,00 din</td></tr>" } if(document.obrazac.check4.checked==true){ racun+=1071 porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black, USB</td><td>1.071,00 din</td></tr>" } if(document.obrazac.check5.checked==true){ racun+=1071 porudzbina+="<tr><td>Logitech /OEM/Deluxe 250/YU/Black/</td><td>1.071,00 din</td></tr>" } if(document.obrazac.check6.checked==true){ racun+=1071 porudzbina+="<tr><td>Logitech Cordless Wave Crna USB</td><td>1.071,00 din</td></tr>" } porudzbina+="<tr><th>Ukupno</th><th>"+racun+" dinara</th></tr></table></center><br>" { document.write(porudzbina) }//end else }//end funkcija </script> </head> <body bgcolor=black> <div class="container"> <div class="navigacija1-1"> <div class="navigacija1"> <a href="Pocetna.html" class="meni1"> POČETNA </a> <a href="Cenovnik.html" class="meni1"> CENOVNIK </a> <a href="O nama.html" class="meni1"> O NAMA </a> <a href="Kontakt.html" class="meni1"> KONTAKT </a> </div> </div> <div class="proizvodi"> <h1> Proizvodi </h1> <div class="navigacija2"> <a href="Miševi, tastature.html" class="meni"> Tastature, miševi </a> <a href="Monitori, TFT monitori.html" class="meni"> Monitori - TFT monitori </a> <a href="Web kamere.html" class="meni"> Web kamere </a> <a href="Digitalni foto aparati, digitalne kamere.html" class="meni"> Digitalni foto aparati, digitalne kamere </a> <a href="Notebook, Desktop Računari.html" class="meni"> Notebook, Desktop Računari </a> </div> </div> <div class="tabela"> <form name="obrazac"> <table> <tr class="sivo"> <th align="left">Tastature</th> </tr> <tr class="crno"> <td align="left">Gigabyte GKM-KM5000/YU/PS2///</td> <td align="right"><input type="checkbox" name="check1" value="on">Naruči</td> </tr> <tr class="sivo"> <td align="left">Logitech /OEM/Deluxe 250/US/Black/</td> <td align="right"><input type="checkbox" name="check2" value="on">Naruči</td> </tr> <tr class="crno"> <td align="left">Logitech /OEM/Deluxe 250/US/Black/USB</td> <td align="right"><input type="checkbox" name="check3" value="on">Naruči</td> </tr> <tr class="sivo"> <td align="left">Logitech /OEM/Deluxe 250/YU/Black, USB</td> <td align="right"><input type="checkbox" name="check4" value="on">Naruči</td> </tr> <tr class="crno"> <td align="left">Logitech /OEM/Deluxe 250/YU/Black/</td> <td align="right"><input type="checkbox" name="check5" value="on">Naruči</td> </tr> <tr class="sivo"> <td align="left">Logitech Cordless Wave Crna USB</td> <td align="right"><input type="checkbox" name="check6" value="on">Naruči</td> </tr> <tr></tr> <tr> <td align="right"><input type="submit" value="Naruči" onClick="odgovor(obrazac)"></td> </tr> </table> </div> </div> </body> </html> |