Bosna i Hercegovina



#1 21.03.2018-13:50
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Kako razvuci dugme na cijelu celiju table
imamo button i stavimo ga u jednu celiju table , ali kako ga razvuci na cijelu tablu?



Prilozi:
Informacije o fajlu: rar  proba.rar
Preuzimanja: 10
Veličina: 2.30 KB


...
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 21.03.2018-13:51 od strane Avko. ↑  ↓

#2 21.03.2018-14:45
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
da nisi mislio ovako
<tr><td class="button"><a href="proba.html" target="main" >PROBA</a></td></tr>
Pozdrav
↑  ↓

#3 21.03.2018-16:05
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
DownloadIzvorni kod (HTML):
  1. <title>nav</title>
  2. .button {
  3.     background-color: #4CAF50;
  4.     border: none;
  5.     color: white;
  6.     width: 100%;
  7.         hight: 50%;
  8.     text-align: center;
  9.     text-decoration: none;
  10.     display: inline-block;
  11.     font-size: 16px;
  12.     margin: 4px 2px;
  13.     cursor: pointer;
  14. }
  15. table td form button{
  16.   width: 100%;
  17.   height: 100%;
  18. }
  19. </head>
  20.  
  21. <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
  22.  
  23. <tr><td></td></tr> <!-- kolona -->
  24. <tr><td><a href="proba.html" target="main" class="button">PROBA</a></td></tr>
  25. <tr><td><a href="about.html" target="main" class="button">ABOUT</a></td></tr>
  26. <tr><td><a href="courses.html" target="main" class="button">COURSES</a></td></tr>
  27. <tr><td><a href="department.html" target="main" class="button">DEPARTMENT</a></td></tr>
  28. <tr><td>Gallery</td></tr>
  29. <tr><td><a href="contact.html" target="main" class="button">CONTACT US</a></td></tr>
  30. <tr><td class="button"><a href="proba.html" target="main" >zxz</a></td></tr>
  31. <tr><td>
  32.         <form action="proba.html" target="main" method="get">
  33.                 <!-- First name: <input type="text" name="fname"><br> -->
  34.                 <!-- Last name: <input type="text" name="lname"><br> -->
  35.                 <button type="submit" >PROBA</button>
  36.                 <!-- <button type="submit" formtarget="_blank">Submit to a new window</button> -->
  37.         </form>
  38. </td></tr>
  39. </body>
  40. </html>

nece


...
↑  ↓

#4 21.03.2018-16:54
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
Nemoze biti.
Mozda nisi napravio refresh sa f5.
Upravo je tako kako si objasnio.
<tr><td class="button"><a href="proba.html" target="main" >PROBA</a></td></tr>

vidis da je cijela kao klasa.
Pozdrav
↑  ↓

#5 21.03.2018-18:28
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
je stavio sam na krivo mjesto.



No pojavio se novi problem, Morat cu sa formom jer zelim poslati neke varijable na tu drugu stranu, moja proba nije kao ono tvoje



ustvari svasta sam napisao pod style, a nisam bas u tome da se snalazim. evo i kod:

DownloadIzvorni kod (HTML):
  1.  
  2. <title>nav</title>
  3. table {
  4.         width: 100%;
  5.                 height: 100%;
  6.                 border: 10;
  7.                 cellspacing: 0;
  8.                 cellpadding: 0;
  9.     }
  10.  
  11.     .width-20 td {
  12.         width: 20%;
  13.     }
  14.  
  15.     .width-25 td {
  16.         width: 50%;
  17.     }
  18.  
  19.     .buttons {
  20.         text-align: center;
  21.         font-size: 1.0em;
  22.         font-weight: bold;
  23.         line-height: 200%;
  24.     }
  25.     .buttons a {
  26.         display: inline-block;
  27.         height: 100%;
  28.         width: 100%;
  29.         margin-bottom: 0.5em;
  30.         padding-top: .6em;
  31.         padding-bottom: .6em;
  32.         color: #fff;
  33.         background-color: #aaabbb;
  34.         border-radius: 5px;
  35.         border: solid #cccccc 1px;
  36.         box-shadow: 2px 2px 1px #888888;
  37.     }
  38.     .buttons a:active {
  39.         box-shadow: 1px 1px 0px #888888;
  40.     }
  41.         .buttons form button{
  42.         display: inline-block;
  43.         height: 100%;
  44.         width: 100%;
  45.         margin-bottom: 0.5em;
  46.         padding-top: .6em;
  47.         padding-bottom: .6em;
  48.         color: #fff;
  49.         background-color: #aaabbb;
  50.         border-radius: 5px;
  51.         border: solid #cccccc 1px;
  52.         box-shadow: 2px 2px 1px #888888;
  53.     }
  54. </head>
  55.  
  56.  
  57. <table class="buttons width-25">
  58.  
  59. <tr><td></td></tr> <!-- kolona -->
  60.  
  61. <tr><td class="button"><a href="proba.html" target="main" >ZXZ</a></td></tr>
  62.  
  63. <tr><td><a href="proba.html" target="main" class="button">PROBA</a></td></tr>
  64.  
  65. <tr><td><a href="about.html" target="main" class="button">ABOUT</a></td></tr>
  66.  
  67. <tr><td><a href="courses.html" target="main" class="button">COURSES</a></td></tr>
  68.  
  69. <tr><td><a href="department.html" target="main" class="button">DEPARTMENT</a></td></tr>
  70.  
  71. <tr><td><a href="contact.html" target="main" class="button">CONTACT US</a></td></tr>
  72.  
  73. <tr><td>
  74.         <form class="buttons width-25" action="proba.html" target="main" method="POST">
  75.                 <!-- First name: <input type="text" name="fname"><br> -->
  76.                 <!-- Last name: <input type="text" name="lname"><br> -->
  77.                 <input type="hidden" name="varname" value="12345" />
  78.                 <button type="submit">PROBA</button>
  79.                 <!-- <button type="submit" formtarget="_blank">Submit to a new window</button> -->
  80.         </form>
  81. </td></tr>
  82. </body>
  83. </html>

...
↑  ↓

#6 21.03.2018-22:21
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
.buttons a
to je tvoj za ovj tater.
Pozdrav
↑  ↓

#7 22.03.2018-15:03
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
evo izludio sam više, nemogu pa nemogu ga razvuci a neznam dali je to i moguce. Procitao preko 100 stranica interneta od jue do danas



evo i kod:

DownloadIzvorni kod (HTML):
  1. </head>
  2.         table {
  3.         width: 100%;
  4.                 height: 100%;
  5.                 border: 10;
  6.                 background-color: #1fd100;
  7.                 cellspacing: 0;
  8.                 cellpadding: 0;
  9.     }
  10.    
  11.         .width-25 td {
  12.         width: 100%;
  13.     }
  14.    
  15.     /** ovo sam dodao **/
  16.     .buttons{
  17.         text-align: center;
  18.         font-size: 1.0em;
  19.         font-weight: bold;
  20.         line-height: 0;
  21.     }
  22.     button{
  23.         margin-top: 0;
  24.         margin-bottom: 0;
  25.         padding-top: 50%;
  26.         padding-bottom: 50%;
  27.         color: #000;
  28.         background-color: #1fd100;
  29.         border-radius: 0;
  30.         border: solid #cccccc 1px;
  31.         box-shadow: 2px 2px 1px #888888;
  32.     }
  33.    
  34.    
  35.  
  36.  
  37. <table class="buttons width-25" border="10">
  38.  
  39. <tr><td>
  40.         <form action="button_1.php" target="main" method="POST">
  41.                 <input type="hidden" name="korisnik" value="12345" />
  42.                 <button type="submit">BUTTON 1</button>
  43.         </form>
  44. </td></tr>
  45.  
  46. <tr><td>
  47.         <form action="button_2.php" target="main" method="POST">
  48.                 <input type="hidden" name="korisnik" value="12345" />
  49.                 <button type="submit">BUTTON 2</button>
  50.         </form>
  51. </td></tr>
  52.  
  53. </body>
  54. </html>

Ima li tko?
...
↑  ↓

#8 22.03.2018-16:31
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
Probaj ovako:
Upotrijebi klasu
DownloadIzvorni kod (HTML):
  1. </head>
  2.         table {
  3.         width: 100%;
  4.                 height: 100%;
  5.                 border: 10;
  6.                 background-color: #1fd100;
  7.                 cellspacing: 0;
  8.                 cellpadding: 0;
  9.     }
  10.  
  11.         .width-25 td {
  12.         width: 100%;
  13.     }
  14.  
  15.     /** ovo sam dodao **/
  16.     .buttons{
  17.         text-align: center;
  18.         font-size: 1.0em;
  19.         font-weight: bold;
  20.         line-height: 0;
  21.     }
  22.  .button{
  23.         margin-top: 0;
  24.         margin-bottom: 0;
  25.         width: 400px;
  26.         height: 100px;
  27.         padding-bottom: 50%;
  28.         color: #000;
  29.         background-color: #1fd100;
  30.         border-radius: 0;
  31.         border: solid #cccccc 1px;
  32.         box-shadow: 2px 2px 1px #888888;
  33.     }
  34.  
  35.  
  36.  
  37.  
  38. <table class="buttons width-25" border="10">
  39.  
  40. <tr><td>
  41.         <form  target="main" method="POST">
  42.                 <input type="hidden" name="korisnik" value="12345" />
  43.                 <button type="submit" class=button>BUTTON 1</button>
  44.         </form>
  45. </td></tr>
  46.  
  47. <tr><td>
  48.         <form action="button_2.php" target="main" method="POST">
  49.                 <input type="hidden" name="korisnik" value="12345" />
  50.                 <button type="submit">BUTTON 2</button>
  51.         </form>
  52. </td></tr>
  53.  
  54. </body>
  55. </html>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 22.03.2018-16:37 od strane Avko. ↑  ↓

#9 22.03.2018-16:51
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
sa ovime

...

width: 400px;
height: 100px;

odu buttoni van,

a mislim treba biti <button type="submit" class="button">BUTTON 1</button>
navodnici na button
...
↑  ↓

#10 22.03.2018-16:57
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
na main frame se ucita dobro, dok na ovom ljevo nije dobro


...
↑  ↓

#11 22.03.2018-17:50
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
mozes ti klasu i ovako napisati.
.button input[type=submit]
ja sam samo stavio vrijednosti da vidis da se moze siriti a ti se sad pati sam.
Pozdrav
↑  ↓

#12 22.03.2018-17:55
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
hvala ti lijepo
...
↑  ↓

#13 22.03.2018-19:51
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
evo jedan dio kako ja pravim.
DownloadIzvorni kod (HTML):
  1. .forma {
  2.         float: left;
  3.         border-radius: 10px;
  4.         width: 320px;
  5.     background-color: #f2f2f2;
  6.     padding: 25px 15px 25px 25px;
  7. }
  8.  
  9.  
  10. .forma input[type=text],.forma input[type=date],.forma select{
  11.     width: 90%;
  12.     padding: 12px 20px;
  13.     margin: 8px 0;
  14.     display: inline-block;
  15.     border: 1px solid #ccc;
  16.     border-radius: 5px;
  17.     box-sizing: border-box;
  18. }
  19. .forma button, .forma input[type=submit], .forma input[type=reset] {
  20.     width: 90%;
  21.     background-color: #4CAF50;
  22.     border: none;
  23.     color: white;
  24.     border-radius: 5px;
  25.     padding: 17px 32px;
  26.     text-decoration: none;
  27.     margin: 4px 2px;
  28.     cursor: pointer;
  29. }
  30.  
  31.  
  32.  <form  method="post">
  33.             <div class="forma">
  34.                     <input type="text" name="ime" placeholder="<?php echo $lang->parse('ime_klijenta');?>">
  35.                     <span class="err">*</span>
  36.                     <input type="text"  name="prezime" placeholder="<?php echo $lang->parse('prezime_klijenta');?>">
  37.                     <span class="err">*</span>
  38.                     <input type="text"  name="mjesto" placeholder="<?php echo $lang->parse('mjesto_klijenta');?>">
  39.                     <input type="text"  name="posta" placeholder="<?php echo $lang->parse('posta_klijenta'); ?>">
  40.                     <input type="text"  name="zemlja" placeholder="<?php echo $lang->parse('zemlja_klijenta');?>">
  41.                     <input type="text"  name="telefon" placeholder="<?php echo $lang->parse('telefon_klijenta');?>">
  42.                     <input type="text"  name="fax" placeholder="<?php echo $lang->parse('fax_klijenta'); ?>">
  43.             </div>
  44.                         <div class="forma">
  45.                     <input type="text"  name="e_mail" placeholder="<?php echo $lang->parse('e_mail_klijenta');?>">
  46.                     <input type="text"  name="www" placeholder="<?php echo $lang->parse('www_klijenta'); ?>">
  47.                     <input type="text"  name="trans_racun1" placeholder="<?php echo $lang->parse('racun_klijenta');?>">
  48.                     <input type="text"  name="maticni_br" placeholder="<?php echo $lang->parse('maticni_broj_klijenta');?>">
  49.                     <input type="text"  name="br_pasosa" placeholder="<?php echo $lang->parse('br_pasosa_klijenta'); ?>">
  50.                     <span class="err">*</span>
  51.                     <input type="text"  name="poreski_br" placeholder="<?php echo $lang->parse('poreski_br_klijenta');?>">
  52.                     <button type="submit" name="save" ><?php echo $lang->parse('zapisi');?></button>
  53.               </div>
  54.             </form>

Pozdrav
Ovaj komentar je mijenjan 2 puta. zadnja izmjena 23.03.2018-09:32 od strane Avko. ↑  ↓

#14 23.03.2018-09:56
Avko Offline
Administrator
Registrovan/a od: 28.05.2014-09:21
Komentari: 3,074


Subject: Re: Kako razvuci dugme na cijelu celiju table
jeli treba pisati u kucicama ovo sto pise ili je to greska neka?



ili si mi samo htio pokazati u stylu kako se to pise?
...
↑  ↓

#15 23.03.2018-10:34
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 9,626


Subject: Re: Kako razvuci dugme na cijelu celiju table
Ovdje ima fajl u kome se nalazi naziv na odredjenom jeziku.
tako je kad se pravi visejezicki.
posto sam ti poslao samo dio onda ne radi jer toga nema.
Pozdrav
↑  ↓

Stranice (1): 1


All times are GMT +01:00. Current time: 19.04.2018-18:31.