Bottoni squadrati

[yurill]

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;
}

 

[lukeonweb]

Ciao.

Per favore fai un print screen dei due effetti sui bottoni: cosi, su due piedi, non capisco

 

[yurill]

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

 

[yurill]

Ragazziiii, perche non mi risponde + nessuno? Il quesito è troppo difficile?

O ho scritto male qualcosa?

Rispondetemi vi prego! Graziee...

 

[lukeonweb]

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]

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]

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]

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:

 

[lukeonweb]

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]

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