ปัญหาหนึ่งที่ผู้ใช้ภาพลอยหลายคนประสบได้แก่การที่ภาพหลายภาพบางทีซ้อนกันตามแนวตั้ง โดยเฉพาะอย่างยิ่งสำหรับจอภาพใหญ่และภาพกว้าง ตัวอย่างเช่น ในหลายเบราว์เซอร์ สองภาพด้านขวามือของข้อความนี้จะซ้อนกันดูเทอะทะ

วิกิพีตังธงชาติสกอตแลนด์

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

ทางแก้ดีที่สุดบ่อยครั้งได้แก่การเพิ่มข้อความให้มากขึ้น ดังตัวอย่างข้างล่าง แต่บางทีก็ไม่สามารถทำได้ ส่วนย่อยต่อไปนี้แสดงทางแก้อื่นของปัญหานี้

วิกิพีตัง

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.

ธงชาติสกอตแลนด์

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

สลับซ้ายขวา

บางทีวิธีการง่ายที่สุดในการจัดการกับภาพลอยหลายภาพคือการสลับซ้ายกับขวา หรือขวากับซ้าย ซึ่งจะทำให้ภาพไม่มาติดกัน และไม่สามารถซ้อนกันแบบไม่สวยได้ ทว่า แบบนี้มีข้อเสียคือ บุคคลที่มีความละเอียดจอภาพต่ำ อาจพบว่าผลลัพธ์ดูเทอะทะเช่นกัน แม้จะพออ่านได้

วิกิพีตัง

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

ธงชาติสกอตแลนด์

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.

การจัดเรียงร่วมกัน

การมีสองภาพที่ตามตรรกะควรจัดกลุ่มร่วมกันเป็นเรื่องปกติ แม่แบบ {{multiple image}} เป็นทางแก้ปัญหาอย่างหนึ่ง ตัวอย่างเช่น

{{multiple image | width = 80 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้ | image1 = Yellow card.svg | alt1 = คาร์ทูชสีเหลือง | caption1 = เตือน | image2 = Red card.svg | alt2 = คาร์ทูชสีแดง | caption2 = ไล่ออก}}

แม่แบบเดียวกันนี้ยังสามารถใช้จัดเรียงภาพในแนวตั้ง ดังนี้

 {{multiple image | direction = vertical | width = 80 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้ | image1 = Yellow card.svg | alt1 = คาร์ทูชสีเหลือง | caption1 = เตือน | image2 = Red card.svg | alt2 = คาร์ทูชสีแดง | caption2 = ไล่ออก}}

แกลอรี

แกลอรีแสดงหลายภาพเป็นแถวลำดับหรือผังคล้ายกัน โดยทั่วไปไม่ควรเพิ่มแกลอรีหากมีที่ว่างพอสำหรับให้แสดงผลภาพอย่างมีประสิทธิภาพติดกับข้อความ

ในทางเทคนิค สามารถสร้างแกลอรีได้หลายทาง วิธีหนึ่งที่ง่ายและยืดหยุ่นได้แก่วากยสัมพันธ์ตาราง ตัวอย่างเช่น

{|style="margin: 0 auto;"| [[File:Philipp Veit 008.jpg|thumb|upright|alt=Robed woman, seated, with sword on her lap|Philipp Veit, ''Germania'', 1834–36]]| [[File:Image Germania (painting).jpg|thumb|upright|alt=Robed woman, standing, holding a sword|Philipp Veit, ''Germania'', 1848]]| [[File:Niederwald memorial 2.JPG|thumb|upright|alt=Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another|Johannes Schilling, ''Germania'', 1871–83]]|}

วิธีง่ายอีกวิธีหนึ่งได้แก่ป้ายระบุ <gallery> ซึ่งทำงานดังนี้

<gallery>File:Wiki.png|คำบรรยาย 1File:Wiki.png|คำบรรยาย 2</gallery>

จะได้เป็น

• คำบรรยาย 1
• คำบรรยาย 2

คุณยังสามารถกำหนดข้อความทางเลือกและตัวแปรเสริมเรนเดอร์ภาพอื่นอย่างเลขหน้าสำหรับ pdf เช่น

<gallery>William_Blake,_a_critical_essay_(Swinburne).pdf|หนังสือโดยอัลเจอร์นอน ชาลส์ สวินเบิร์น|alt=Page 1 of William Blake, a critical essayWilliam_Blake,_a_critical_essay_(Swinburne).pdf|alt=Page 2 of William Blake, a critical essay|page=2</gallery>

จะได้เป็น

• หนังสือโดยอัลเจอร์นอน ชาลส์ สวินเบิร์น

ป้ายระบุ gallery ยังมีตัวแปรเสริมบางตัว เช่น widths, heights และ mode เป็นต้น เอกสารประกอบฉบับเต็มมีอยู่ที่ mw:Help:Images#Gallery_syntax ตัวอย่างเช่น

<gallery mode="packed-hover" heights="180">File:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[Galerella sanguinea]]'' (Slender Mongoose) File:Felis silvestris silvestris.jpg|''[[Felis silvestris|Felis silvestris silvestris]]''File:Six weeks old cat (aka).jpg|''[[Felis silvestris catus]]'' (A Young Cat)File:Felis catus-cat on snow.jpg|''[[Felis catus]]'' (cat on snow)File:Tired 20-year-old cat.jpg|''[[Felis silvestris catus]]'' (Tired 20-year-old cat)File:Cat November 2010-1a.jpg|''[[Felis silvestris catus]]'' (Cat)File:Felis silvestris silvestris Luc Viatour.jpg|''[[Felis silvestris silvestris]]'' (European wildcat)File:June odd-eyed-cat cropped.jpg|''[[Felis catus]]'' (Domestic cat)File:Lynx kitten.jpg|''[[Lynx lynx]]'' (A Young Lynx)</gallery>

จะได้ว่า

• Galerella sanguinea (Slender Mongoose)
• Felis silvestris silvestris
• Felis silvestris catus (A Young Cat)
• Felis catus (cat on snow)
• Felis silvestris catus (Tired 20-year-old cat)
• Felis silvestris catus (Cat)
• Felis silvestris silvestris (European wildcat)
• Felis catus (Domestic cat)
• Lynx lynx (A Young Lynx)

แม่แบบ {{Gallery}} เป็นวิธีที่สาม

{{Gallery|title=Cultural depictions of George Washington|width=160|height=170|lines=4|align=center|File:Federal Hall NYC 27.JPG|alt1=Back of statue facing a city building whose facade is Greek columns covered by a huge U.S. flag|The statue of Washington outside [[Federal Hall]] in [[New York City]], looking on [[Wall Street]].|File:Mount Rushmore2.jpg|alt2=Profile of stone face jutting out from a mountainside. Three workers clamber over it, each about the height of the face's upper lip.|Construction on the George Washington portrait at [[Mount Rushmore]], c. 1932.|File:2014 ATB Quarter Obv.png|alt3=Silver coin with profile of Washington bust. He faces left regally and wears a colonial-style queue in his hair. "UNITED STATES OF AMERICA" is at top, "QUARTER DOLLAR" at bottom, "LIBERTY" at left, and "IN GOD WE TRUST" above "P" at right. Just below the bust is "JF uc" in tiny letters.|Washington is commemorated on the [[Quarter (United States coin)|quarter]].|File:George Washington Presidential $1 Coin obverse.png|alt4=Gold coin with bust of Washington facing slightly left of but looking sternly straight at the viewer. "GEORGE WASHINGTON" is above, "1st PRESIDENT 1789–1797" below, and "JFM" in tiny letters at the bust's base.|Washington is also commemorated on some [[dollar coin (United States)|dollar coins]].}}

การบังคับแบ่งบรรทัด

วิธีการสุดท้าย คุณสามารถบังคับเบราว์เซอร์ให้แทรกตัวคั่นได้ ทำให้ข้อความและภาพทั้งหมดปรากฏอยู่ล่างภาพแรก ซึ่งอาจทำให้เกิดช่องว่างที่ค่อนข้างไม่สวย โดยเฉพาะอย่างยิ่งในข้อความที่ตามมา พึงระลึกว่าข้อความจะไหลและห่อต่างกันสำหรับผู้ใช้คนละคน โดยขึ้นอยู่กับเบราว์เซอร์ที่เลือก ความละเอียดจอภาพ ขนาดชุดแบบอักษรโดยปริยาย ตัวเลือกการเข้าถึงได้ จำนวนแถบเครื่องมือและแถบข้าง ฯลฯ ยังบังคับการออกแบบหน้าเพื่อให้ดูสวยเฉพาะบนการแสดงผลของคุณ ใช้วิธีนี้ต่อเมื่อจำเป็นจริง ๆ เท่านั้น สำหรับทุกที่ที่เป็นไปได้ควรใช้เพียงการไหลของหน้าตามตรรกะง่ายที่สุด

{{clear}}

วิกิพีตัง

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

ธงชาติสกอตแลนด์

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.