sostituire i button type="submit" con class .button

[Phebo]

Ciao a tutti.
Sono un utilizzatore del forum Vanilla.
Sto cercando di modificare i pulsanti submit del mio forum con la classe button ma non ci riesco.
Ho seguito la guida http://css.html.it/articoli/leggi/22...-flessibili/1/ di HTML.it copiando ed incollando il codice riportato ma senza successo.
Come prova sto cercando di modificare il bottone di una estensione prima di imbattermi nella modifica dei bottoni di tutto il forum ma in mezzo a tutte le chiamate php non so dove mettere le mani.
Nella pagina php dell'estensione vedo che compare questa stringa:

    [*]                         <button type="submit">This is a shiny button</button> 

e sebbene la sostituisca con quella della guida e poi nel foglio di stile vada ad inserire il codice della stessa... non cambia nulla.

Potrebbe essere dovuto magari al path dell'immagine? Oppure a qualcos'altro?
Grazie.

[ricman]

Non hai spiegato niente... e non ho il tempo di leggere anche link esterni ... però nel titolo scrivi "class .button" quindi mi aspettavo, nel codice del pulsante che ci mostri, di vedere un class="button" ... potrebbe essere quello?

[Phebo]

Ciao... e scusate se sono stato troppo impreciso.
Dopo un lungo lavoro sono riuscito a modificare il codice e ad ottenere il pulsante nella posizione che mi interessa usando questo codice:

echo '<div id="Session">';    if ($this->Context->Session->UserID > 0) {       echo str_replace('//1',          $this->Context->Session->User->Name,          $this->Context->GetDefinition('SignedInAsX')).' ([url="'.$this->Context->Configuration['SIGNOUT_URL'].'"]<span>'.$this->Context->GetDefinition('SignOut').'</span>[/url])';    } else {       echo $this->Context->GetDefinition('NotSignedIn').'                 [url="'.AppendUrlParameters($this->Context->Configuration['SIGNIN_URL'], 'ReturnUrl='.GetRequestUri()).'"]<span>'.$this->Context->GetDefinition('log-in please').'</span>         [/url]       '; 

ossia ho inserito la chiamata php nello span.
Poi ho specificato nel css che immagine doveva caricare e le proprietà di stile del bottone (div button) così:

#Session {     width:100%;     position: absolute;     height: 35px;     top:20px;     right:140px;     padding-left: 18px;     text-align:right;     //font: bold 150%/35px "Trebuchet MS",Arial,sans-serif;     font-size:22px;     /*background: url(bottone.png) no-repeat top left;*/     text-decoration: none;     color: #286C98     }     #Session a span {     text-align:center;     padding-top: 5px;     padding-bottom: 12px;     padding-right: 18px;     background: url(bottone.png) no-repeat top left     }      /*#Session a:hover{     background-position: bottom left;     color: #6B9828     }*/ #Session a:hover span{     background-position: bottom right     }   div.button-cont{     position: absolute;     width: 100%;margin: 1.5em 0} 

solo che adesso mi si presenta un problema: e cioè che l'iimagine prende le misure esatte del testo e della stessa, che vedete in allegato, mi appare solo la parte sinistra; non si strecha.
Avete un'idea?
Grazie.

[ricman]

Originariamente inviato da Phebo
Avete un'idea?

Si... che devi postare html e css, NON il php... rallenti la lettura da parte di chi ti potrebbe aiutare...
Controlla bene le misure... il 100% ...di cosa?

[Phebo]

Io ti chiedo sinceramente scusa... non sono pratico del forum... ci passo raramente... e quindi capisco che ad esperto come te possa dare anche fastidio l'aver a che fare con un imbranato come me...
Ti chiedo quindi come fare per inserire il codice sottoforma di html: magari con ?

[ricman]

Puoi far vedere anche il disegno di come ti viene e di come vorresti che fosse?

[Phebo]

Certamente...
Ecco in allegato lo vedi come lo vedo io adesso... in alto a dx vedi il bottone: se noti riesci a scorgere solo il bordo arrotondato di sinistra mentre l'immagine rimane tagliata a dx.
L'immagine che vorrei vedere è quella mostrata qualche post più sù dove l'immagine, larga c.a. 300px, dovrebbe allungarsi o accorciarsi centralmente a seconda delle necessità.

[ricman]

Se l'immagine "stondata rettangolare" la usi come sfondo non puoi ridimensionarla. Si ridimensionano solo i tag <img>, non gli sfondi.
Quindi o fai la foto più corta o fai il pulsante (che la contiene) più lungo