Back to top

Autore Topic: [RISOLTO]CSS border color  (Letto 1511 volte)

Offline peppeirace

  • Abituale
  • ****
  • Post: 1157
  • Guardare l'acqua non fa passare la sete
    • Mostra profilo
[RISOLTO]CSS border color
« il: 17 Mag 2014, 13:01:58 »
Salve
devo modificare lo sfondo dell'articolo che ha fondo bianco e bordo di 30px solid bianco

ho modificato il fondo rendendolo bianco trasparente con la proprietà
none repeat scroll 0 0 padding-box rgba(238, 234, 234, 0.63) e fin qui tutto bene

vorrei ora rendere il bordo dello stesso colore ho provato diversi modi ma non ci sto riuscendoma non ci sto riuscendo

qui sotto il CSS, qualche suggerimento?
grazie a tutti

{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 padding-box rgba(238, 234, 234, 0.63);
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 30px;
    padding: 0;
    position: relative;
}
« Ultima modifica: 17 Mag 2014, 15:30:45 da peppeirace »

adottauncane

  • Visitatore
Re:CSS border color
« Risposta #1 il: 17 Mag 2014, 13:53:28 »
Ciao peppeirace,
non sono sicura di aver capito il problema, se puoi mettere il link al sito sarebbe meglio, ma hai un border-color:#FFF; dopo il css none,; quindi di sicuro lo vedi bianco. Prova a toglierlo.

Offline peppeirace

  • Abituale
  • ****
  • Post: 1157
  • Guardare l'acqua non fa passare la sete
    • Mostra profilo
Re:CSS border color
« Risposta #2 il: 17 Mag 2014, 14:21:06 »
speravo che mi rispondessi tu
ho provato a modificare il colore fff ma senza risultato

il link
http://www.zumzumibooks.com/

grazie


Offline Parossismo

  • Appassionato
  • ***
  • Post: 242
    • Mostra profilo
Re:CSS border color
« Risposta #3 il: 17 Mag 2014, 14:53:28 »
Puoi togliere il bordo
Codice: [Seleziona]
border: 0px none;

e poi usare un margine come distanziatore, che per definizione è trasparente, quindi fa trasparire lo sfondo che hai impostato per la pagina. Oppure se preferisci un padding (che fa rientrare il testo invece che espandere il box.

Codice: [Seleziona]
margin: 30px;

Se il problema è che non riesci a sovrascrivere una classe CSS che è superiore come gerarchia, specifica meglio la classe gerarchicamente inferiore (a volte un .classesuperiore div.classeinferiore è meglio di solo .classeinferiore). Oppure imponi priorità al codice CSS con !important, tipo ad esempio:

Codice: [Seleziona]
margin: 30px !important;

che ha priorità rispetto a tutti i margin senza !important, da qualunque parte provengano (tipicamente twitter bootstrap framework)
« Ultima modifica: 17 Mag 2014, 14:57:40 da Parossismo »

adottauncane

  • Visitatore
Re:CSS border color
« Risposta #4 il: 17 Mag 2014, 14:56:48 »
Sei off line... :)

Offline peppeirace

  • Abituale
  • ****
  • Post: 1157
  • Guardare l'acqua non fa passare la sete
    • Mostra profilo
Re:CSS border color
« Risposta #5 il: 17 Mag 2014, 15:30:18 »
risolto in questo modo
era:
border 30px
padding 10

ho messo:
border 0px
padding 30

se c'è un modo più pulito accetto suggerimenti

grazie a tutti
peppeirace

Offline Parossismo

  • Appassionato
  • ***
  • Post: 242
    • Mostra profilo
Re:[RISOLTO]CSS border color
« Risposta #6 il: 17 Mag 2014, 15:33:12 »
Adesso però siamo curiosi di vederlo online sto sito........
:)

Offline peppeirace

  • Abituale
  • ****
  • Post: 1157
  • Guardare l'acqua non fa passare la sete
    • Mostra profilo
Re:[RISOLTO]CSS border color
« Risposta #7 il: 17 Mag 2014, 15:49:06 »
...è appena all'inizio :)
cmq
http://www.zumzumibooks.com/

adottauncane

  • Visitatore
Re:[RISOLTO]CSS border color
« Risposta #8 il: 17 Mag 2014, 15:56:49 »
Direi che va benissimo. Puoi eventualmente aggiungere il padding alla riga 59 invece di ripetere il css. Credo che possa essere un errore ripetere due volte la stessa classe.

Offline peppeirace

  • Abituale
  • ****
  • Post: 1157
  • Guardare l'acqua non fa passare la sete
    • Mostra profilo
Re:[RISOLTO]CSS border color
« Risposta #9 il: 17 Mag 2014, 16:00:39 »
i css li sto modificando aggiungendo le regole al file custom.css
come dovrei fare per seguire il tuo consiglio

grazie

adottauncane

  • Visitatore
Re:[RISOLTO]CSS border color
« Risposta #10 il: 17 Mag 2014, 16:46:09 »
Lo aggiungi qui:

Codice: [Seleziona]
.uk-article {    background: none repeat scroll 0 0 padding-box rgba(238, 234, 234, 0.63);    border: 0 solid #FFFFFF;    position: relative;}riga 59 e lo togli dalla riga 56


Offline peppeirace

  • Abituale
  • ****
  • Post: 1157
  • Guardare l'acqua non fa passare la sete
    • Mostra profilo
Re:[RISOLTO]CSS border color
« Risposta #11 il: 17 Mag 2014, 18:43:22 »
...hai ragione
è che lo avevo provato ma avevo scritto male il padding e allora non ottenendo risultati avevo messo quello  a riga 56. ora l'ho eliminato e scritto correttamente

grazie
se sempre gentilissima

peppeirace

Offline Parossismo

  • Appassionato
  • ***
  • Post: 242
    • Mostra profilo
Re:[RISOLTO]CSS border color
« Risposta #12 il: 17 Mag 2014, 19:16:33 »
Great!  8)

 



Web Design Bolzano Kreatif