collegare button a una pagina php

23-08-2015, 14.31.10

Salve a tutti,

Ho un piccolo problemino con i button in css3. Ho creato un bottone preso da uno dei tanti esempi che si trovano su internet. Però non so come collegarlo alle pagine php e non html. Mi sapreste aiutare ???? Inoltre devo mettere 4 bottoni uno a fianco all'altro con poca distanza. Questo è quello che sono riuscito a fare.

bottone:

Codice PHP:




<!DOCTYPE html>



<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

                <link rel="stylesheet" href="aggiungi.css">

 <style type="text/css">

#intestazione{

 width:100%;

 height:100px;

 position:absolute;

 font-family: Comic Sans MS;

 top:0px;

 left:0px;

 text-align: center;

}

 #divhr {

    

position:absolute;

top: 105px;    

font-family:Comic Sans MS;

}





        #footer

{

    position: fixed;

    bottom: 0;

    left: 0;

    text-align: center;

    background: white;

    color: black;

    font-family: Comic Sans MS;

    font-size: 15px;

    width: 100%;

   /* padding: 5px 0;*/

    opacity: 0.9;

    -moz-opacity: 0.9;

    filter: alpha(opacity=90);

}



/* Aggiungi*/



.bottone {

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    

    -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);

    -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);

    box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);

    

    border: 1px solid;

    padding: 8px 12px;

    

    color: #fff;

    font-family: "Myriad Pro", Arial, Tahoma, sans-serif;

    font-size: 1.4em;

    font-weight: bold;

    text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);

    white-space: nowrap;

    

    background: #777;

    border-color: #777;

    

    text-decoration: none;

    font-style: normal;

    text-transform: none;

    

    

}

.bottone:hover,

.bottone:focus {

    position: relative;

    bottom: 1px;



    -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);

    -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);

    box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);

}    



</style>

   <body> 

        

 <form action= 'aggiungi.php' method="POST">



   <div id ="divhr">

       

        <div id="container">





 <a href="#" class="bottone orange">Aggiungi</a>





        </div> </div>

        

        <footer>

            <div id ="footer">

                <hr>

                <h1>Questa è una prova del footer fondo pagina</h1>

                </hr>

            </div>

        </div>

        </footer>

        <?php

        require_once "connetti.php";         carica la pagina per la connessione al db

        require_once "data.php";               visualizza la data

        echo "</hr>";

        ?>

    </body>

</form>

</html>

23-08-2015, 16.48.01

Ehh non puoi mettere così? :)
Per display uno a fianco all'altro nei css usa display inline e metti i bottoni dentro un div e il div lo metti display inline...Ciao

Codice HTML:

 <a href="TUAPAGINA.php" class="bottone orange">Aggiungi</a>

css inline

.ClasseDelDiv{
display:inline;
margin : 0.5%;
}

Così guarda.....

Codice HTML:

<div class="divBottoni">
 <button onclick="window.location.href='tuaPagina1.php'" class="bottone">Aggiungi1</button> 	
 <button onclick="window.location.href='tuaPagina2.php'" class="bottone">Aggiungi2</button>
 <button onclick="window.location.href='tuaPagina3.php'" class="bottone">Aggiungi3</button>
 <button onclick="window.location.href='tuaPagina4.php'" class="bottone">Aggiungi4</button>
</div>

<style>
  .divBottoni button{
	display:inline;
	margin : 0.1%;  	
  }

</style>

Se invece vuoi aprire in una nuova finestra invece che window.location parapi parapò usa window.open('tuaPagina.php')....altrimenti se rimani con i tag A userai href="tuapagina.php" target="_blank"....un pò come ne hai voglia ciao....

Ps:Ahhh un'ultima cosa perchè nn usi BOOTSTRAP? Così va bene anche per mobile e fai una bella grafica, non è difficile da usare poi lo puoi personalizzare come vuoi...

http://getbootstrap.com/getting-started/

L'unica cosa se usi bootstrap ed usi anche Jquery c'è un piccolo conflitto con i bottoni dentro le dialog di Jquery e le tooltip ma che puoi risolvere tranquillamente aggiungendo questo nella pagina html dove usi sia bootstrap che Jquery dentro i tag script...

Codice:

	var bootstrapButton = $.fn.button.noConflict();
	$.fn.bootstrapBtn = bootstrapButton;
	
	var bootstrapTooltip = $.fn.tooltip.noConflict();
	$.fn.bootstrapTlp = bootstrapTooltip;

23-08-2015, 17.23.43

Ciao fractalcosmo,

Non uso BOOTSTRAP per il semplice fatto che il programma che sto facendo gira solo in localo con xamppp e non necessita di vederlo sul cell. Grazie del tuo consiglio.

23-08-2015, 19.37.27

Ciao fractalcosmo,

Il tuo codice funziona alla grande. Volevo sapere perchè non me li mette al centro tutti quanti ??? ho messo all'inizio un:

Ma sono rimasti fermi dove erano :(

23-08-2015, 19.52.28

Ciao Fabio, puoi cambiare i margini oppure metti un div prima del divBottoni cioè :

Codice HTML:

<div align="center">	
<div class="divBottoni">
 <button onclick="window.location.href='tuaPagina1.php'" class="bottone">Aggiungi1</button> 	
 <button onclick="window.location.href='tuaPagina2.php'" class="bottone">Aggiungi2</button>
 <button onclick="window.location.href='tuaPagina3.php'" class="bottone">Aggiungi3</button>
 <button onclick="window.location.href='tuaPagina4.php'" class="bottone">Aggiungi4</button>
</div>
</div>
<style>
  .divBottoni button{
	display:inline;
	margin : 0.1%;  	
  }

</style>

Però mi sono permesso di mettere un pò di ordine al tuo codice, spero che non ti dispiaccia, cioè la form si chiude prima della chiusura del body manca la fine della chiusura dell'HEAD e poi rimanendo con la form method="post" ho aggiustato il codice del button, cioè se metti una form method post allora dovrai mettere un button submit per aprire la pagina della action della form...Ho messo un pò di ordine...Il require sarebbe opportuno metterlo all'inizio del file, lo style sarebbe meglio alla fine oppure meglio ancora un file .css incluso dentro i tag head...Ciao

Codice PHP:



    <?php
    require_once "connetti.php";        // carica la pagina per la connessione al db
    require_once "data.php";            //   visualizza la data
    ?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title> </title>
        <link rel="stylesheet" href="aggiungi.css">
   </head>
<body>
            
<form action= 'aggiungi.php' method="post">
   <div id ="divhr">
    <div id="container">
        <button type="submit" class="bottone orange">Aggiungi</button>
    </div> 
   </div>
</form> 

<footer>
    <div id="footer">
        <h1>Questa è una prova del footer fondo pagina</h1>
    </div>
</footer>

</body>
</html>

<style type="text/css">
    #intestazione{
     width:100%;
     height:100px;
     position:absolute;
     font-family: Comic Sans MS;
     top:0px;
     left:0px;
     text-align: center;
    }
    
    #divhr{
        
    position:absolute;
    top: 105px;    
    font-family:Comic Sans MS;
    }
    
    
    #footer{
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        background: white;
        color: black;
        font-family: Comic Sans MS;
        font-size: 15px;
        width: 100%;
       /* padding: 5px 0;*/
        opacity: 0.9;
        -moz-opacity: 0.9;
        filter: alpha(opacity=90);
    }
    
    /* Aggiungi*/
    
    .bottone {
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        
        -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
        
        border: 1px solid;
        padding: 8px 12px;
        
        color: #fff;
        font-family: "Myriad Pro", Arial, Tahoma, sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);
        white-space: nowrap;
        
        background: #777;
        border-color: #777;
        
        text-decoration: none;
        font-style: normal;
        text-transform: none;
        
        
    }
    .bottone:hover,
    .bottone:focus {
        position: relative;
        bottom: 1px;
    
        -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
    }    

</style>

Però fondamentalmente se metti una form la logica presuppone che invii dei dati alla pagina PHP, cioè di solito questo è l'utilizzo della form(infatti il button type submit non è molto elegante....almeno in questo caso, presuppongo che non devi inviare dati, almeno dal codice che hai postato non ci sono input di inserimento dati, scritto così non è del tutto elegante, se usi <a href> sarebbe opportuno togliere la form, se invece hai bisogno di inviare dati toglierai l'a href ed userai la form con un input type submit o button submit dipende dalle esigenze), per una semplice apertura di pagina dal bottone senza inviare dati dall'HTML al PHP non hai bisogno della form...Ciao spero ti sia utile.

Puoi leggere anche qui:

http://www.html.it/pag/16695/le-variabili-get-e-post/

oppure qui

http://www.html.it/pag/16072/i-botto...-button-image/

23-08-2015, 20.06.34

Ciao fractalcosmo,

Mi potresti aiutare a dividere lo schermo in tre colonne ?? Non ci sono riuscito. considera che deve partire dall'attaccatura della rica che separa i tasti. ti mando un'immagine.

http://s28.postimg.org/cti9wp07x/bot..._che_vorre.png

Mi potresti dare una mano per favore. Grazie.

23-08-2015, 20.09.57

Ciao fractalcosmo,

Grazie delle dritte domani provo la sistemazione della pagina modificata e ordinata. Ti ho mandato un post se mi potevi aiutare a diviere lo schermo in tre colonne. Ah una cosa, Devo inviare i dati ad un db chiamato achdvd altro non è che la lettura del contenuto dei dvd e momorizzarla nel db mensionato prima. Questo è lo scopo del progamma. ovviamente tutto in locale. Ossia sul mio pc.

23-08-2015, 20.26.47

Perdonami,

Ma ho rimesso quello che avevo precedentemente perchè mi si è rivoluzionato il tasto aggiungi che era troppo grosso rispetto agli altro.

Ma c'è un modo per metterli al centro ????

23-08-2015, 20.50.15

Ehh per questo ti avevo consigliato di usare bootstrap, però forse se inizi adesso sarebbe meglio che fai da solo effettivamente poi userai bootstrap, se usi un framework ti semplifica molto la vita altrimenti devi crearti tu il layout...
Esempio come vedi in questa guida:

http://www.html.it/pag/45422/layout-...ap-la-griglia/

La logica è usare comunque dei DIV di inclusione della tua grafica, come vedi anche dal link tu hai differenti div con differenti css ogni div ha il suo layout se vuoi un div a sinistra userai un float left o destra un float right in centro un align center, però se usi bootstrap viene bene ed hai già molte cose che puoi utilizzare...Esempio senza bootstrap

Codice HTML:

<html>
<body>
<div id="contieni">
    <div id="colonnaDestra">  
        <p>Ciao1</p>   
    </div>
    <div id="colonnaCentrale">    
        <p>Ciao2</p>   
    </div>
    <div id="colonnaSinistra">
        <p>Ciao3</p>   
    </div>
</div>

<footer>
    <div id="footer">
        <h1>Questa è una prova del footer fondo pagina</h1>
    </div>
</footer>

</body>
</html>

<style type="text/css">
    html,body{
        height:100%;
        margin:0;
    }

    body>#contieni{
        padding: 0.5%;
        height:100%;
    }
    #colonnaDestra{
        float:left;
        border:1px solid #000;
        width: 33%;
        display: inline-block;
        height:100%;
    }
    #colonnaSinistra{
        float:right;
        border:1px solid #000;
        width: 33%; 
        display: inline-block;
        height:100%;
    }
    #colonnaCentrale{
        border:1px solid #000;
        width: 33.65%; 
        display: inline-block;
        overflow: hidden;
        height:100%;
    }

</style>

:) va behh ho scritto colonnaDestra e poi ho messo float left che è sinistra nel css Ahahahahaha....va behh comunque è uguale.... LOL

Ps:per metterli al centro guarda l'esempio che ti ho fatto prima con il div align center....

23-08-2015, 21.17.56

Ok. Per le colonne come posso fare ???

23-08-2015, 23.03.20

Scusa però sembra che non leggi le risposte che ti invio e non testi il codice che ti mando...Per le colonne ti ho già mandato del codice..

24-08-2015, 00.36.46

Perdonami ma mi devo essere perso qualche email di avviso. Domani guardo più attentamente e ti facci sapere. Per ora grazie e buona notte

24-08-2015, 10.45.35

Ciao fractalcosmo,

Ho visto solo ora che avevi già fatto il codice delle tre colonne perdonami ma ieri non c'avevo fatto caso. Qual'è quello che tira in giù le righe verticali ?????

24-08-2015, 11.21.35

Ciao fractalcosmo,

Ho visto solo ora che avevi già fatto il codice delle tre colonne perdonami ma ieri non c'avevo fatto caso. Qual'è quello che tira in giù le righe verticali ????? L'esempio che hai fatto va bene ma mi serve di capire come toglire i bordi ed avere solo le righe. Allora ho fatto uno screenshots e vorrei capire come togliere quello cancellato in azzurro.

http://s28.postimg.org/oqgnqqwod/divisioneatre.png

Non badare ma non sono bravo a disegnare e a cancellare :P

24-08-2015, 12.07.13

Ciao fractalcosmo,

Scusami se ti rirompo di nuovo. Il problema è che vorrei centrare i bottoni dalla posizione in cui stanno. Ma ho prato di tutto senza alcun risulta. Non si muovono. Questa è l'immagine attuale, li vorrei mettere prima dela srcitta "gestione iscrizione prova" coprendo poi per finire alla "a" di prova. per rendere più chiaro quello che vorrei ottenere ho tracciato due righe da dove dovrebbero partire. Questa è l'immagine.

http://s29.postimg.org/3y45nosyf/bot...a_centrare.png

Se mi spieghi come fare sennò ogni volta debbo richiedere. Invece vorrei imparare. Grazie.

24-08-2015, 22.07.02

Però un pò devi leggerti di CSS e fare un pò di esperimenti altrimenti non impari mai...Per mettere i bottoni al centro devi includere tutti e 4 i bottoni dentro un <div align=center> come ti avevo mostrato in precedenza, cioè così:

BOTTONI AL CENTRO

Codice HTML:

<div align="center">	
<div class="divBottoni">
 <button onclick="window.location.href='tuaPagina1.php'" class="bottone">Aggiungi1</button> 	
 <button onclick="window.location.href='tuaPagina2.php'" class="bottone">Aggiungi2</button>
 <button onclick="window.location.href='tuaPagina3.php'" class="bottone">Aggiungi3</button>
 <button onclick="window.location.href='tuaPagina4.php'" class="bottone">Aggiungi4</button>
</div>
</div>

Per la seconda domanda invece:
Se vuoi cancellare il bordo e mettere solo bordo a sinistra o destra del div invece di usare, nel css, nel mio esempio:

border:1px solid #000; CHE CREA TUTTO IL BORDO

Dovrai usare border-right:1px solid #000; CHE CREERA' UN BORDO A DESTRA NERO oppure border-left:1px solid #000; CHE CREERA' UN BORDO A SINISTRA ma non in alto o in basso....
Ciao ;) buon proseguimento...

24-08-2015, 22.15.05

Ciao,

Grazie della risposta. Io avevo messo
<div align="center">

Ma sicuramente dopo la classe e non prima. Domani provo e ti saprò dire. Per adesso ti auguro una buona serata e una buona notte. Grazie ancora dell'aiuto che mi stai dando.

25-08-2015, 12.00.28

Codice PHP:




<div id ="divhr">



         <div align="center">    

<div class="divBottoni">





<a href="aggiungi.php" class="bottone orange">Aggiungi</a>

<a href="cancella.php" class="bottone orange">Cancella</a>

 <a href="modifica.php" class="bottone orange">Modifica</a>

 <a href="riccerca.php" class="bottone orange">Ricerca</a>



        </div> </div>

Però non va al centro :(

**alemoppo** · 25-08-2015, 12.32.34

Codice HTML:

<div class="divBottoni"> 
	<a href="aggiungi.php" class="bottone orange">Aggiungi</a> 
	<a href="cancella.php" class="bottone orange">Cancella</a> 
	<a href="modifica.php" class="bottone orange">Modifica</a> 
	<a href="riccerca.php" class="bottone orange">Ricerca</a> 
</div>

Codice:

.divBottoni
{
	text-align:center;
}

Puoi visualizzarlo qui.

MAI utilizzare le vecchissime proprietà html tipo "align": oltre a non esser più supportate (html 5) è anche sbagliato semanticamente perché l'html non deve in nessun modo settare il comportamento/stile degli elementi html.

Ciao!

25-08-2015, 13.01.18

Ciao alemoppo,

Sapevo che ancora era valido. Grazie lo provo ssubito e ti dico se funziona :P

28-08-2015, 00.50.14

Sono cazzate, perchè è supportato tranquillamente con il DOCTYPE...fidati...

Esempio di template base html5 in eclipse php-aptana studio creato da default da ide, usando div align center....puoi vederlo qui

http://fractalcosmo.altervista.org/MvcWebLog/prova.html

questo è il codice....Comunque se non funziona prova con la soluzione di Alemoppo, io i template li creo in base alle esigenze dal php con le classi template quindi è tutta una struttura diversa....però forse se hai settaggi particolari non so non riconoscerà l'align center...

Codice HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>prova</title>
  <meta name="description" content="">
  <meta name="author" content="Utente">

  <meta name="viewport" content="width=device-width; initial-scale=1.0">

  <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
</head>

<body>
  <div>
    <header>
      <h1>prova</h1>
    </header>
    <div align="center">
    <nav>
      <p><a href="/">Home</a></p>
      <p><a href="/contact">Contact</a></p>
    </nav>
    </div>

    <footer>
     <p>&copy; Copyright  by Utente</p>
    </footer>
  </div>
</body>
</html>

Ho provato anche a vedere con il portatile dove ho IE9 per lavoro ed è centrato, mozilla e IE9 è ok poi con altri browser non so...Dai Fabio su allinea sto DIV, possiamo mica stare qui a perdere tempo per allineare in centro pagina un div.... :) Scherzo...Ciao

28-08-2015, 08.34.42

Grazie della risposta. Comunque spero di risolvere con l'esempio che mi hai postato. Ti farò sapere.

28-08-2015, 13.43.52

Ciao fractalcosmo,

Finalmente ho partorito. Non so se è giusto o sbagliato però c'è l'ho fatta. Questo è il codice risolutivo:

Codice PHP:




<!DOCTYPE html>



<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

         <style type="text/css">

             

#intestazione{

width:100%;

height:100px;

position:absolute;

top:0px;

left:0px;

text-align: center;

font-family: Comic Sans MS;

font-size: 100%

}    



 

#divhr{

position:absolute;

top: 125px;

font-family: Comic Sans MS;

font-size: 100%;

display: block;

}

 /* Aggiungi*/



.bottone {



    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    

    -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);

    -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);

    box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);

    

    border: 1px solid;

    padding: 8px 12px;

    

    color: #fff;

    font-family: "Comic Sans MS";

    font-size: 1.4em;

    font-weight: bold;

    text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);

    white-space: nowrap;

    

    background: #777;

    border-color: #777;

    

    text-decoration: none;

    font-style: normal;

    text-transform: none;

    

    

}

.bottone:hover,

.bottone:focus {

    position: relative;

    bottom: 1px;



    -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);

    -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);

    box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);

}    



.ClasseDelDiv{

display:inline;

margin : 398px;



}





</style>

        

    </head>

    

    <header>

         <div id ="intestazione">

            

            <h1>Benvenuto nella pagina di prova </h1>

            

            <hr>

        </div>

        </Header>      

    <body>

        

        <div id ="divhr">

            

    <div class ="ClasseDelDiv">

     

<a href="aggiungi.php" class="bottone orange">Aggiungi</a>

<a href="cancella.php" class="bottone orange">Cancella</a>

 <a href="modifica.php" class="bottone orange">Modifica</a>

 <a href="riccerca.php" class="bottone orange">Ricerca</a>

        </div> </div>

        

        <?php

        require_once "connetti.php";

        require_once "data.php";

        echo "</hr>";

        

        ?>

    </body>

</html>

non so se è ordinato o meno però ho ottenuto il risultato che volevo dovo duecentomila prove che ho fatto. Sono soddisfatto.

28-08-2015, 17.43.10

Si è un pò particolare, funziona(adesso sono al lavoro e i bottoni li vedo un pò spostati a sinistra rispetto la scritta centrata) ma è un css un pò improprio , la margin è usata impropriamente perchè la proprietà margin, sarebbe margin alto destra sotto sinistra....se tu scrivi margin 10px è come se gli dai 10px in alto se scrivi margin 10px 20px 30px 40px vuol dire 10 alto 20 destra 30 dal basso e 40 da sinistra.
margin è un'abbreviazione invece di usare margin-top margin-left margin-right e margin-bottom
Comunque l'unico consiglio che ti do è quello di usare per questo tipo di cose non i px ma il % perchè non tutti hanno lo schermo con gli stessi tuoi pixel, nei responsive css di solito i pixel sono usati in basso e in alto mentre a sinistra e destra si usa il %.
Prova a commentare il tuo css e sostituisci questo che ti ho un pò guardato io, vedi se sono centrati, poi con il tempo imparerai anche a farlo responsive cioè quando clicchi il pulsantino di resize del browser gli elementi si devono comunque adattare alle nuove impostazioni di larghezza e altezza della finestra.....poi quando ti ci sai muovere abbastanza bene con i css usi bootstrap che è comodo ed è fatto apposta per risparmiare tempo e tu userai i css solo per personalizzazioni particolari sul framework ;) però i css li saprai già usare, almeno per le cose pi importanti...Ciao

Codice HTML:

<style type="text/css">
#intestazione{
	max-width: 100%;
	height: auto;
    text-align: center;
    font-family: Comic Sans MS;
    font-size: 100%
}    

 
#divhr{
    width: 30%;
    margin: 0 auto;
	height: auto;
    font-family: Comic Sans MS;
    font-size: 100%;
}
 /* Aggiungi*/

.bottone {

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    
    -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2);
    
    border: 1px solid;
    padding: 8px 12px;
    
    color: #fff;
    font-family: "Comic Sans MS";
    font-size: 1.4em;
    font-weight: bold;
    text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75);
    white-space: nowrap;
    
    background: #777;
    border-color: #777;
    
    text-decoration: none;
    font-style: normal;
    text-transform: none;
    
}
.bottone:hover,
.bottone:focus {
    position: relative;
    bottom: 1px;

    -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2);
}    

.ClasseDelDiv{
	width:auto;
    display: inline;
}
</style>

Io dal lavoro lo vedo centrato, a casa ci do un'occhiata con l'altro schermo a 24 pollici :) l'esempio del css sopra lo puoi vedere qui

http://fractalcosmo.altervista.org/MvcWebLog/prove.html

28-08-2015, 17.55.42

Ciao fractalcosmo,

Considera che è un archivio mio personale e non va online rimmarà su xampp. Ora il monitor che sto adoperando non so di qaunti pollici sia ma dovrò vedere pure io come si vede con il monitor a casa che è il doppio di questo mi sembra un 24" anche il mio se non erro. Ma a casa ci andrò a settembre inoltrato. Per ora mi accontento così. Grazie dei consigli. A proposito sul margin se metto la percentuale non ottengo lo stesso risulta con cui ottengo con i px non so il perchè.

28-08-2015, 19.40.00

Ciao fractalcosmo,

Scusa se ti disturbo ma non riesco a settare il charset su phpmyadmin e nemmeno a questo punto sul codice php. Mi da a posto degli accenti e degli apostrofi caratteri di altro tipo. Mi sapresti dare una mano per favore ????

28-08-2015, 20.02.16

Da dove ti dà gli accenti se inserisci dal PHP al DB o se modifichi o inserisci un record direttamente dal DB?Hai impostato utf8-general CI?

28-08-2015, 20.14.43

No. Quella che mi da di default phpmyadmin che ora non ricordo cone si chiama e su php ho settato Iso quello italiano

28-08-2015, 20.19.40

Si ma tu sei in locale, prova a mettere tutto UTf8-generalCI in phpmyadmin, ma nel php quindi hai cambiato in config.php o hai lasciato quello di default?
Ora però scappo a dopo...ciao

29-08-2015, 10.47.07

Allora il mio conifg.php è il seguente:

Codice PHP:




<?php

/*

 * Generated configuration file

 * Generated by: phpMyAdmin 4.4.12 setup script

 * Date: Fri, 28 Aug 2015 17:30:42 +0200

 */



$cfg['DefaultLang'] = 'it';

$cfg['ServerDefault'] = 1;

$cfg['DisplayServersList'] = true;

$cfg['ShowPhpInfo'] = true;

$cfg['UploadDir'] = '';

$cfg['SaveDir'] = '';

$cfg['DefaultCharset'] = 'iso-8859-1';    <--- Questo è la riga che ho messo 

?>

Ma non va comunque, invece nel php ho messo la seguente riga:

Codice PHP:




<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

Nel phmyadmin è questa di default: utf8mb4_bin Se cambio con utf8_bin si rimette nella posizione indicata di default. pensi che ne riusciremo a venirne a capo ???? Per adesso grazie.

Discussione: collegare button a una pagina php

LinkBack

Strumenti discussione

Display

collegare button a una pagina php

collegare i bottini con le sole pagine php e non html

collegare i bottini con le sole pagine php e non html

collegare button a una pagina php

collegare i bottini con le sole pagine php e non html

Regole di scrittura