+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 5 su 5

più pulsanti con foglio di style css

  1. #1
    carmine48 non è in linea Novello
    Sono un principiante con i css e mi sto cimentando con i pulsanti.

    Quesito, ho un foglio di style separato con il codice css per un pulsante.
    Questo è il codice css.

    codice HTML:
    .pulsante1 {
    height: 30px;
    width: 10em;
    cursor: pointer;
    display: inline-block;
    background-color: #431cd1;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -webkit-linear-gradient(top, #00adee, #0078a5);
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    background: -ms-linear-gradient(top, #00adee, #0078a5);
    background: -o-linear-gradient(top, #00adee, #0078a5);
    color: white;
    text-align: center;
    padding: .1em .5em;
    margin: auto;
    line-height: 25px;
    text-align: center;
    font-family: 'Belleza', arial, sans-serif;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px white, -1px -1px 1px black, 3px 3px 1px #C4C4C4,3px -3px 1px rgba(136, 136, 136, 0.7), -3px 3px 1px #BBB, -3px -3px 1px #888, 0px 0px 15px black;
    position: absolute;
    left: 60px;
    top:450px;}
    questo è il codice di chiamata html.

    codice HTML:
    <a class="pulsante1" href="Pagina2.html">Pagina 2</a>
    Il pulsante compare correttamente a video posizionato come da position: absolute. e fa il suo lavoro.

    Desidero creare più pulsanti uguali ma cambiando la posizione.
    Ho capito che nel css position dovrebbe passare da absolute a relative ma non so come dichiarare nella chiamata html le varie posizioni.

    Un grazie anticipato a chi mi da uno spunto utile.
    Ultima modifica di TheTruster; 23-05-2021 13:24 

  2. #2
    L'avatar di Brontolo
    Brontolo non è in linea Very Important Person
    Per favore, quando posti del codice, racchiudilo tra gli appositi tag che ne migliorano la lettura. Inoltre, sempre per facilitare chi legge, è meglio se limiti il codice alle parti inerenti il problema.

    Venendo alla tua domanda, non ho capito come dovrebbe essere determinata la posizione dei pulsanti successivi al primo: devono avere una posizione diversa ma prestabilita o devono posizionarsi a una certa distanza da qualche altra cosa, per esempio il pulsante precedente?
    ℹ️ Leggi di più su Brontolo ...

  3. #3
    carmine48 non è in linea Novello
    Ti ringrazio dei consigli sulla presentazione del quesito. E' la prima volta che lo faccio come argomento html. I pulsanti li dovrei mettere in colonna. Es. 5 pulsanti in colonna. il primo pulsante con posizione assoluta e gli altri sotto. stessa posizione da sinistra e in colonna distanziati gli altri. Spero che la spiegazione sia stata sufficiente. Ringrazio ancora.

  4. #4
    L'avatar di Brontolo
    Brontolo non è in linea Very Important Person
    Non è l'unica soluzione, ma potresti racchiudere tutti i pulsanti all'interno di una <div> di larghezza leggermente superiore a quella dei pulsanti stessi; in questo modo andranno automaticamente in colonna ed eventualmente potrai regolare la distanza con margin.
    ℹ️ Leggi di più su Brontolo ...

  5. #5
    carmine48 non è in linea Novello
    Ti ringrazio del consiglio che ho applicato e funziona.

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. combobox proprietà Style
    Da sal21 nel forum Visual Basic 6
    Risposte: 1
    Ultimo Post: 27-01-2017, 15:16
  2. [vb.net 2015] Metro Style
    Da cyclope05 nel forum Visual Basic .Net
    Risposte: 1
    Ultimo Post: 22-07-2015, 17:29
  3. Immagini nei CMD (XP Style)
    Da StegcO nel forum Visual Basic 6
    Risposte: 2
    Ultimo Post: 09-10-2009, 10:57
  4. commandButton style XP
    Da piratabobo nel forum Visual Basic 6
    Risposte: 22
    Ultimo Post: 25-09-2006, 16:45