WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Posizionamento cornice scrittura  it

Autor: Luigi Dell'aquila
Visitado 672, Followers 2, Compartido 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

Publicado en
12 RESPUESTAS - 1 CORRECTO
Claudio D.
Claudio D.
Moderator
Usuario del mes 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 ?

Leer más
Publicado en de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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

Leer más
Publicado en de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Usuario del mes IT

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

Leer más
Publicado en de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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.

Leer más
Publicado en de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Usuario del mes 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 ...

Leer más
Publicado en de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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

Leer más
Publicado en de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Usuario del mes 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 ?

Leer más
Publicado en de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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.

Leer más
Publicado en de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Usuario del mes 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...

Leer más
Publicado en de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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

Leer más
Publicado en de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Usuario del mes 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>

Leer más
Publicado en de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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

Leer más
Publicado en de Luigi Dell'aquila