Bottoni squadrati

yurill

Nuovo Utente
12 Feb 2008
8
0
0
Ciao a tutti!
Volevo chiedervi perche mettendo un background-color a un submit il bottone mi diventa squadrato e non mettendolo è classico e tondeggiante?
Come posso rendere i 2 bottoni uguali a meno del grassetto e dello sfondo arancio?

ecco il mio codice:
jsp:
<c:choose>
<c:when test="${! empty messaggio.commentoFile}">
<c:set var="style" scope="page">CBld</c:set>
</c:when>
<c: otherwise>
<c:set var="style" scope="page">btn</c:set>
</c: otherwise>
</c:choose>

<form action="<%=request.getContextPath()%>/postinoMessaggiCommento.do" method="post" class="<c: out value="${style}"/>">
<input type="submit" value="Nota" class="<c: out value="${style}"/>" >
</form>

css:
.CBld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
font:bold;
color: black;
width: 50px;
bottom: 0em;
border-spacing: 0em;
margin: 0em;
background-color: rgb(255,153,0);
}
.btn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
font:normal;
color: black;
width: 50px;
bottom: 0em;
border-spacing: 0em;
margin: 0em;
}
 
Ultima modifica:

yurill

Nuovo Utente
12 Feb 2008
8
0
0
ho allegato una bmp dove puoi notare le differenze, le uniche differenze vorrei che fossero solo il grassetto (bold) del testo e lo sfondo del bottone!
Forma e tutto il resto del bottone dovrebbero essere uguali!
Ho notato inoltre che il problema nasce per IE 6 e il 7 perche fino al 5 i bottoni erano tutti squadrati come quello sfondato arancio in figura!
non so se sono stato chiaro! cmq grazie :D
 

Allegati

  • bottoni.bmp
    24,4 KB · Visite: 235

yurill

Nuovo Utente
12 Feb 2008
8
0
0
Ragazziiii, perche non mi risponde + nessuno? Il quesito è troppo difficile?

O ho scritto male qualcosa?

Rispondetemi vi prego! Graziee...
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
Ciao!

Da quel che vedo pare che i bottoni non arancioni siano dello stile di default del tuo browser, mentre quello con la classe CSS che lo stilizza assume un effetto differente.

Per caso usi XP e tieni le impostazioni grafiche di default?
 

yurill

Nuovo Utente
12 Feb 2008
8
0
0
A questo punto credo proprio di si! Sai dove posso modificare queste impostazioni grafiche di cui parli? finora sei l'unico che mi sta indicando qualche possibile soluzione! grazie!
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
Mah, guarda, il tutto dipende da chi visualizza il sito: non puoi di certo modificare le impostazioni di sistema dei tuoi utenti :)

Di certo, però, se hai creato una classe CSS per il bottone "evidenziato", puoi crearne una anche per quelli "non evidenziati", tutto qui :)

Se vuoi cambiare le tue impostazioni di visualizzazione di XP per renderlo graficamente simile a 2000,per intenderci, fai cosi:

Tasto destro sul desktop / Proprietà

Acceddi alla scheda Aspetto. Trovi la voce "Finestre e pulsanti"; scegli l'opzione "Stile Windows classico".

Applica, [OK], tutto qui ;)
 

yurill

Nuovo Utente
12 Feb 2008
8
0
0
Hai ragione, il mio intento iniziale era di avere tutti bottoni smussati come vuole lo stile win xp! Ma a quanto pare non posso avere bottoni in stile win xp con background! Inoltre credevo che con i css avssi qualche potenzialita in piu in tal senso!

cmq finalmente abbiamo chiarito l'arcano! Non "abbiamo", ma "hai" :)

Un commento personale? i bottoni stile classico so proprio brutti!
anche perche altrimenti non mi sarei dedicato a sta cosa!
cmq grazie 1000! ti va se ti aggiungo tra la lista amici? (non so nemmeno se lo posso fa visto che sei un moderatore, giusto?) grazie di nuovo!

ciao, e al prossomo bottone! :fonzie:
 
Ultima modifica:

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
Ciao, è stato un piacere aiutarti :)

Hai pensato di utilizzare delle immagini al posto dei bottoni? In questo modo te li stilizzi come vuoi e non hai problemai di incompatibilità stilistica.

Poi, se i bottoni HTML ti servono a fini applicativi (è in JSP lo script, vero?) allora ti resta solo la soluzione CSS.

Ciao ;)
 

yurill

Nuovo Utente
12 Feb 2008
8
0
0
Si ho provato anche con il background-image ma non era la stessa cosa! Cmq si il bottone mi serve a fini applicativi, sta in una jsp e linkerà a una action come mi pare si possa capire dal codice sopra!

la soluzione delle immagini ti consente anche tramite css di linkare l'immagine a una url, ma questa strada è stata abbandonata!

grazie! bye bye
 
Discussioni simili
Autore Titolo Forum Risposte Data
A Tabella con bottoni per aggiornamento record PHP 6
bianca_dimulescu [Javascript] Disabilitare due bottoni di submit in base al radiobutton selezionato Javascript 1
localhost.nicola [Javascript] JS non esegue funzioni su bottoni stampati da chiamata AJAX Javascript 1
F background a tutto schermo e bottoni HTML e CSS 5
P mettere al centro i bottoni HTML e CSS 10
M Android Studio, bottoni e linguaggiio Java Sviluppo app per Android 10
P i bottoni in AS3 Flash 2
P Problema ancore e bottoni che NON rispondono al click su IPad e Iphone HTML e CSS 1
G Collegamento tra pagine jsp tramite 2 bottoni diversi Java 1
E Creare elementi (link,bottoni) che rispondano al passaggio mouse Javascript 1
Web Designer Bottoni AquaLight per MyBB in italiano CMS (Content Management System) 0
Web Designer Inserire Bottoni Social Sharing in MyBB CMS (Content Management System) 0
C problema bottoni coin slider jQuery 1
MarcoGrazia [CSS3] Bottoni arrotondati e non con gradiente HTML e CSS 0
Z [Flash As3] Problema con bottoni - Error #1009 Flash 1
V Problema movie clip dinamici e bottoni Flash 0
M flash cs3 as 2.0 disattivare bottoni durante il caricamento di un swf esterno Flash 3
D bottoni incompatibili Flash 0
V Passare da una pagina all altra tramite bottoni Flash 47
S ASP.NET 2.0 Wizard e accesso ai bottoni predefiniti ASP.NET 1
C aumento e diminuzione di un numero con bottoni Javascript 0
C bottoni javascript immagine Javascript 7
M creare dei bottoni in flash Flash 0
Maverick1000tt Bottoni messanger. Discussioni Varie 0
T aiuto! bottoni in flash importati da fireworks Flash 1
M problemi con bottoni di Swishmax Flash 0
M problemi con bottoni di Swishmax Flash 0
L Bottoni con scritte che compaiono Flash 9
D priorità bottoni con invio HTML e CSS 1
P Arrotondamento Bottoni Script Javascript 2
L Bottoni con Flash Flash 5
N bottoni in flash Flash 0
G Bottoni in flash! Flash 1
A Clip-bottoni Flash 4

Discussioni simili