WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Posizionamento cornice scrittura  it

Author: Luigi Dell'aquila
Visited 673, Followers 2, Shared 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

Posted on the
12 ANSWERS - 1 CORRECT
Claudio D.
Claudio D.
Moderator
Best User of the month 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 ?

Read more
Posted on the from Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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

Read more
Posted on the from Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Best User of the month IT

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

Read more
Posted on the from Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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.

Read more
Posted on the from Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Best User of the month 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 ...

Read more
Posted on the from Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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

Read more
Posted on the from Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Best User of the month 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 ?

Read more
Posted on the from Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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.

Read more
Posted on the from Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Best User of the month 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...

Read more
Posted on the from Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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

Read more
Posted on the from Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Best User of the month 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>

Read more
Posted on the from Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Author

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

Read more
Posted on the from Luigi Dell'aquila