WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Posizionamento cornice scrittura  it

Autore: Luigi Dell'aquila
Visite 622, Followers 2, Condiviso 0  

Ciao a tutti

Vorrei inserire il codice in calce che crea una cornice colorata.

Inserendolo in html funziona, la cornice si vede si posiziona a sinistra della pagina e fin qui va tutto bene. Quello che non mi riesce è inserire due cornice una accanto all'altra oppure una sola cornice, ma centrata nella pagina oppure a destra.

Avete la soluzione?

Grazie

div style="margin: 30px; padding: 5px 15px; border-radius: 20px; border: 5px solid green; width: 40%; text-align: center; box-shadow: 10px 10px 1px #dedede;">qui c'è il testo </div

Postato il
12 RISPOSTE - 1 CORRETTO
Claudio D.
Claudio D.
Moderator
Utente del mese IT

non so il risultato e lo scopo ...che vuoi ottenere , sarebbe da vedere una schermata o un link online ...

...ma perchè non usi lo stile cella ?

Leggi di più
Postato il da Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

Perchè lo devo usare in un file html che creo da me per poi visualizzarlo in un iframe inserito nel sito

Leggi di più
Postato il da Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Utente del mese IT

...e non ti funziona mettendo lo stile alla cella ?

Leggi di più
Postato il da Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

Se uso website va bene perchè posso inserire due oggetti testo, li affianco e uso lo stile cella.

Ma come ho detto il codice lo devo inserire in un file html che creo io da zero ad esempio 1.html che devo richiamare in un iframe del sito creato con website.

Quindi creo il file 1.html inserendo a mano tutto il codice:

!DOCTYPE html
html lang="it"  head

ecc. ecc.

Leggi di più
Postato il da Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Utente del mese IT

...si quello lo avevo capito...

ma poi lo inserisci in website con l'iframe , quindi in oggetto html ?

metti lo stile cella con la cornice all'oggetto html ...

se non ho capito sarebbe meglio postare un'immagine...

per vedere il risultato di quello che vuoi ottenere ...

Leggi di più
Postato il da Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

Qui ho postato l'esempio. Io vorrei sia affiancare le due celle verdi (uno accanto all'altra) che metterne una a sinistra e di default ci sono e un'altra a destra.

Ho provato con l'attributo absolute right e ci va a destra ma resta fisso in alto.

http://www.luigidellaquila.it/1/1.html

Leggi di più
Postato il da Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Utente del mese IT

...ah ecco, ... tu ti riferisci ad un file html esterno non di un qualcosa dentro website !

...avevi detto che poi lo incorporavi con iframe ...

ma perchè non fai fuori solo i testi e poi li metti in iframe in website con la cornice stile cella ?

Leggi di più
Postato il da Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

Si è un file esterno creato da me che poi viene visualizzato, non incorporato, in un iframe di website.

Utilizzo un file esterno perchè ne ho moltissimi e quindi così facendo è molto comodo.

Leggi di più
Postato il da Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Utente del mese IT

scusa se insisto ...ma se lo inserisci nel sito per visualizzarlo perchè non puoi mettere li lo stile all'iframe in website ?

perchè altrimenti dovrai modificare tutti i file esterni ,... e incorporarli in quel modo a mio parere , poi nella versione responsive viene un gran pasticcio...

Leggi di più
Postato il da Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

come faccio a visualizzare due cornici nel file 1.html? se utilizzo lo stile all'iframe in website,  il testo  sarà sempre visualizzato in una sola cornice,  mentre a me serve visualizzarlo in più cornici. 

La cornice è comunque responsive e quindi si adatterebbe

Leggi di più
Postato il da Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Utente del mese IT

prova a cambiarlo così:

 <div style="float:left; padding: 5px 15px; border-radius: 20px;
    border: 5px solid green; width: 40%;     text-align: center; box-shadow: 10px 10px 1px #dedede;">
      qui c'è il testo </div>
    <div style="float:left; padding: 5px 15px; border-radius: 20px;
    border: 5px solid green; width: 40%;     text-align: center; box-shadow: 10px 10px 1px #dedede;">
      qui c'è il testo </div>

Leggi di più
Postato il da Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autore

Perfetto! è quello che cercavo

Per una sola cornice centrata ho dovuto inserire  margin-left: auto; margin-right: auto;

per una cornice tutta a sinistra e l'altra tutta a destra ho inserito nella prima float:left; e nella seconda float:right;

Grazie

Leggi di più
Postato il da Luigi Dell'aquila