{"id":1177,"date":"2013-01-10T20:15:40","date_gmt":"2013-01-11T03:15:40","guid":{"rendered":"http:\/\/wptest.io\/demo\/?p=903"},"modified":"2013-01-10T20:15:40","modified_gmt":"2013-01-11T03:15:40","slug":"markup-image-alignment","status":"publish","type":"post","link":"https:\/\/expertocrede.eu\/it\/allineamento-dellimmagine-di-markup\/","title":{"rendered":"Markup: Allineamento delle immagini"},"content":{"rendered":"

Benvenuti all'allineamento delle immagini! Il modo migliore per dimostrare il flusso e il riflusso delle varie opzioni di posizionamento delle immagini \u00e8 annidarle comodamente in un oceano di parole. Prendete una pagaia e iniziamo.<\/p>\n

Per quanto riguarda l'allineamento, va notato che gli utenti possono scegliere tra le opzioni di\u00a0Nessuno<\/em>,\u00a0A sinistra<\/em>,\u00a0Giusto, <\/em>e\u00a0Centro<\/em>. Inoltre, hanno anche la possibilit\u00e0 di\u00a0Miniatura<\/em>,\u00a0Medio<\/em>,\u00a0Grande<\/em>\u00a0&\u00a0Dimensioni complete<\/em>.<\/p>\n

\"Allineamento<\/p>\n

Si d\u00e0 il caso che l'immagine qui sopra sia\u00a0centrato<\/strong><\/em>.<\/p>\n

\"Allineamento<\/strong>Il resto di questo paragrafo \u00e8 un riempitivo per vedere il testo che si avvolge intorno all'immagine 150\u00d7150, che \u00e8 allineato a sinistra<\/strong><\/em>.<\/p>\n

Come si pu\u00f2 vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non \u00e8 corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuit\u00e0. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!<\/p>\n

E ora per un immagine di grandi dimensioni<\/strong><\/em>. Ha anche nessun allineamento<\/strong><\/em>.<\/p>\n

\"Allineamento<\/p>\n

L'immagine qui sopra, sebbene sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.<\/p>\n

\"Allineamento<\/p>\n

E ora ci spostiamo sul tema della allineamento corretto<\/strong><\/em>. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo l\u00ec... Ehi, ragazzo! Il lato destro \u00e8 perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.<\/p>\n

Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. S\u00ec... proprio cos\u00ec. Non \u00e8 mai stato cos\u00ec bello essere nel giusto.<\/p>\n

E proprio quando pensavate che avessimo finito, li rifaremo tutti con le didascalie!<\/p>\n

\"Allineamento
Guardate 580\u00d7300 per ottenere un po' di didascalia<\/a> amore.<\/figcaption><\/figure>\n

Si d\u00e0 il caso che l'immagine qui sopra sia\u00a0centrato<\/strong><\/em>. La didascalia contiene anche un link, per vedere se fa qualcosa di strano.<\/p>\n

\"Allineamento
Didascalia minuscola.<\/figcaption><\/figure>\n

Il resto di questo paragrafo \u00e8 un riempitivo per vedere il testo che si avvolge intorno all'immagine 150\u00d7150, che \u00e8 allineato a sinistra<\/strong><\/em>.<\/p>\n

Come si pu\u00f2 vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non \u00e8 corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuit\u00e0. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!<\/p>\n

E ora per un immagine di grandi dimensioni<\/strong><\/em>. Ha anche nessun allineamento<\/strong><\/em>.<\/p>\n

\"Allineamento
Un commento massiccio alle immagini per i vostri occhi.<\/figcaption><\/figure>\n

L'immagine qui sopra, sebbene sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.<\/p>\n

\"Allineamento
\u00c8 bello avere sempre ragione.<\/figcaption><\/figure>\n

E ora ci spostiamo sul tema della allineamento corretto<\/strong><\/em>. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo l\u00ec... Ehi, ragazzo! Il lato destro \u00e8 perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.<\/p>\n

Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. S\u00ec... proprio cos\u00ec. Non \u00e8 mai stato cos\u00ec bello essere nel giusto.<\/p>\n

E questo \u00e8 tutto, yo! Sei sopravvissuto alle acque tumultuose dell'allineamento. Risultato dell'allineamento dell'immagine sbloccato!<\/p>","protected":false},"excerpt":{"rendered":"

Benvenuti all'allineamento delle immagini! Il modo migliore per dimostrare il flusso e il riflusso delle varie opzioni di posizionamento delle immagini \u00e8 annidarle comodamente in un oceano di parole. Prendete ...<\/p>","protected":false},"author":2,"featured_media":36,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,10],"tags":[12,14,15,17,18,19,20],"class_list":["post-1177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-markup","category-responsive","tag-alignment","tag-captions-2","tag-content","tag-css","tag-export","tag-image","tag-markup"],"yoast_head":"\nMarkup: Image Alignment - Transport, Spedycja, Logistyka<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/expertocrede.eu\/it\/markup-image-alignment\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Markup: Image Alignment - Transport, Spedycja, Logistyka\" \/>\n<meta property=\"og:description\" content=\"Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/expertocrede.eu\/it\/markup-image-alignment\/\" \/>\n<meta property=\"og:site_name\" content=\"Transport, Spedycja, Logistyka\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-11T03:15:40+00:00\" \/>\n<meta name=\"author\" content=\"FameThemes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"FameThemes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/\"},\"author\":{\"name\":\"FameThemes\",\"@id\":\"https:\/\/expertocrede.eu\/#\/schema\/person\/44dc3e073456ad3750ee4105526d4ea0\"},\"headline\":\"Markup: Image Alignment\",\"datePublished\":\"2013-01-11T03:15:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/\"},\"wordCount\":708,\"publisher\":{\"@id\":\"https:\/\/expertocrede.eu\/#organization\"},\"image\":{\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"alignment\",\"captions\",\"content\",\"css\",\"export\",\"image\",\"markup\"],\"articleSection\":[\"Markup\",\"Responsive\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/\",\"url\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/\",\"name\":\"Markup: Image Alignment - Transport, Spedycja, Logistyka\",\"isPartOf\":{\"@id\":\"https:\/\/expertocrede.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2013-01-11T03:15:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/expertocrede.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Markup: Image Alignment\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/expertocrede.eu\/#website\",\"url\":\"https:\/\/expertocrede.eu\/\",\"name\":\"Transport, Spedycja, Logistyka\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/expertocrede.eu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/expertocrede.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/expertocrede.eu\/#organization\",\"name\":\"Transport, Spedycja, Logistyka\",\"url\":\"https:\/\/expertocrede.eu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/expertocrede.eu\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/expertocrede.eu\/wp-content\/uploads\/2023\/11\/cropped-ec_male.png\",\"contentUrl\":\"https:\/\/expertocrede.eu\/wp-content\/uploads\/2023\/11\/cropped-ec_male.png\",\"width\":192,\"height\":80,\"caption\":\"Transport, Spedycja, Logistyka\"},\"image\":{\"@id\":\"https:\/\/expertocrede.eu\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/expertocrede.eu\/#\/schema\/person\/44dc3e073456ad3750ee4105526d4ea0\",\"name\":\"FameThemes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/expertocrede.eu\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c2c273c5028d645b37ea6b75e089b20fcfbcb940bff39ce353b8ab24164b6344?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c2c273c5028d645b37ea6b75e089b20fcfbcb940bff39ce353b8ab24164b6344?s=96&d=mm&r=g\",\"caption\":\"FameThemes\"},\"description\":\"This user is created while installing demo content. You should delete or modify this user’s information now.\",\"url\":\"https:\/\/expertocrede.eu\/it\/author\/famedemo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Markup: Allineamento delle immagini - Trasporto, spedizione, logistica","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/expertocrede.eu\/it\/markup-image-alignment\/","og_locale":"it_IT","og_type":"article","og_title":"Markup: Image Alignment - Transport, Spedycja, Logistyka","og_description":"Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab ...","og_url":"https:\/\/expertocrede.eu\/it\/markup-image-alignment\/","og_site_name":"Transport, Spedycja, Logistyka","article_published_time":"2013-01-11T03:15:40+00:00","author":"FameThemes","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"FameThemes","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#article","isPartOf":{"@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/"},"author":{"name":"FameThemes","@id":"https:\/\/expertocrede.eu\/#\/schema\/person\/44dc3e073456ad3750ee4105526d4ea0"},"headline":"Markup: Image Alignment","datePublished":"2013-01-11T03:15:40+00:00","mainEntityOfPage":{"@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/"},"wordCount":708,"publisher":{"@id":"https:\/\/expertocrede.eu\/#organization"},"image":{"@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage"},"thumbnailUrl":"","keywords":["alignment","captions","content","css","export","image","markup"],"articleSection":["Markup","Responsive"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/","url":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/","name":"Markup: Allineamento delle immagini - Trasporto, spedizione, logistica","isPartOf":{"@id":"https:\/\/expertocrede.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage"},"image":{"@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage"},"thumbnailUrl":"","datePublished":"2013-01-11T03:15:40+00:00","breadcrumb":{"@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/expertocrede.eu\/en\/markup-image-alignment\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/expertocrede.eu\/en\/markup-image-alignment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/expertocrede.eu\/"},{"@type":"ListItem","position":2,"name":"Markup: Image Alignment"}]},{"@type":"WebSite","@id":"https:\/\/expertocrede.eu\/#website","url":"https:\/\/expertocrede.eu\/","name":"Trasporti, spedizioni, logistica","description":"","publisher":{"@id":"https:\/\/expertocrede.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/expertocrede.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/expertocrede.eu\/#organization","name":"Trasporti, spedizioni, logistica","url":"https:\/\/expertocrede.eu\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/expertocrede.eu\/#\/schema\/logo\/image\/","url":"https:\/\/expertocrede.eu\/wp-content\/uploads\/2023\/11\/cropped-ec_male.png","contentUrl":"https:\/\/expertocrede.eu\/wp-content\/uploads\/2023\/11\/cropped-ec_male.png","width":192,"height":80,"caption":"Transport, Spedycja, Logistyka"},"image":{"@id":"https:\/\/expertocrede.eu\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/expertocrede.eu\/#\/schema\/person\/44dc3e073456ad3750ee4105526d4ea0","name":"FameThemes","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/expertocrede.eu\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c2c273c5028d645b37ea6b75e089b20fcfbcb940bff39ce353b8ab24164b6344?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2c273c5028d645b37ea6b75e089b20fcfbcb940bff39ce353b8ab24164b6344?s=96&d=mm&r=g","caption":"FameThemes"},"description":"Questo utente \u00e8 stato creato durante l'installazione del contenuto demo. \u00c8 necessario eliminare o modificare le informazioni di questo utente.","url":"https:\/\/expertocrede.eu\/it\/author\/famedemo\/"}]}},"_links":{"self":[{"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/posts\/1177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/comments?post=1177"}],"version-history":[{"count":0,"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/posts\/1177\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/expertocrede.eu\/it\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/media?parent=1177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/categories?post=1177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expertocrede.eu\/it\/wp-json\/wp\/v2\/tags?post=1177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}