Oggetto Contenuto dinamico: testo attaccato alla foto e 2 oggetti affiancati 
Autore: Walter B.
Visite 1718,
Followers 3,
Condiviso 0
1) Ho letto le risposte di Giuseppe Guida (link thread) sul Contenuto dinamico e ho provato nella sua pagina http://www.bozzasito12.altervista.org/oggettodinamico/ a modificare la foto in "oggetto dinamico 1" col testo a destra: tutto OK
A me invece il testo viene completamente attaccato alla foto anziché con uno spazio come in quello di Giuseppe, e non è bello a vedersi...
Ecco cosa mi viene fuori (potete modificare se volete): Sito prova oggetto Contenuto dinamico
2) Come fare per avere 2 contenuti dinamici affiancati senza avere la barra di scorrimento? Giuseppe dice di aver inserito un codice extra...
Postato il
Walter il codice divrebbe essere questo:
<style>div[id^="dynObj_"], img{padding-right: 10px; !important;}</style>
... guardando la tua pagina così com'è potresti provare anche con:
1) - Proprietà Pagina | Esperto | codice personalizzato > prima della chiusura del tag HEAD, incollare:
<style>#imCell_2 img{padding-right: 20px}</style>
2) - c'è solo un Oggetto Dinamico, (!) quindi non si può valutare; ...lo SCROLL attuale è relativo al contenuto della pagina; ...devi sistemare l'intestazione nei vari breakpoint inferiori in quanto c'è il pulsante HOME PAGE che esce a destra fuori dal layout...
.
Autore
Allora... ho messo un po' a posto il sito di prova: ho tolto i breakpoint ed ora è un desktop.
Ho creato 3 pagine: 2 con altezza 500, una col codice di KolAsim e 1 con quello di Giancarlo B., e 1 con altezza 250.
Codice Giancarlo B.: lo spazio foto-testo è ok e non crea la barra verticale se metto 2 dinamici affiancati.
Codice KolAsim: nel CONTENUTO DINAMICO 1 è perfetto lo spazio foto-testo, nel CONTENUTO DINAMICO 2 manca lo spazio foto-testo ma non crea barra verticale, nel CONTENUTO DINAMICO 3 manca lo spazio foto-testo.
Altezza 250: pur spuntando ABILITA ALTEZZA AUTOMATICA, se non lo faccio più alto non adatta un bel niente, a meno che si intenda che lo accorcia se è troppo alto (ma non mi sembra lo faccia).
Il sito è sempre qui: Sito prova oggetto Contenuto dinamico
Testato con Firefox e Chrome.
Certo che nella preview sembra tutto comunque sballato, bisogna caricarlo online per capire.
... come avevo detto prima, mi riferivo alla "tua pagina così com'è" e quindi il codice era relativo a quella;
... il p.2) come detto non si poteva valutare mancando il secondo oggetto...
... quindi, per l'attuale pagina KolAsim, per "così com'è":
<style> img{padding-right: 20px}</style>
.
... ...
Altezza 250: pur spuntando ABILITA ALTEZZA AUTOMATICA, se non lo faccio più alto non adatta un bel niente, a meno che si intenda che lo accorcia se è troppo alto (ma non mi sembra lo faccia). ... ...
... invece, in riferimento alla tua attuale pagina Altezza250 e sempre per "così com'è":
<style>
img {padding-right:10px; !important;}
#imContent,#imContent div {height:auto !important;}
</style>
.
Autore
Grazie KolAsim, sono perfetti i 2 codici!
Ho ricaricato il sito di prova se vuoi vedere.
... visto, funzionano...
... per completezza forse dovresti fare la prova anche in responsive per valutare la pagina 250 ...
.
ciao
Autore
OK, sto iniziando un sito responsive, faccio la prova