WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Posizionamento cornice scrittura  it

Auteur : Luigi Dell'aquila
Visité 676, Followers 2, Partagé 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

Posté le
12 RéPONSES - 1 CORRECT
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois 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 ?

Lire plus
Posté le de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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

Lire plus
Posté le de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

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

Lire plus
Posté le de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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.

Lire plus
Posté le de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois 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 ...

Lire plus
Posté le de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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

Lire plus
Posté le de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois 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 ?

Lire plus
Posté le de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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.

Lire plus
Posté le de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois 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...

Lire plus
Posté le de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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

Lire plus
Posté le de Luigi Dell'aquila
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois 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>

Lire plus
Posté le de Claudio D.
Luigi Dell'aquila
Luigi Dell'aquila
User
Auteur

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

Lire plus
Posté le de Luigi Dell'aquila