cflayout type hbox with cflayoutarea
cflayouthbox.cfm
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>How to use cflayout type hbox with cflayoutarea</title>
</head>
<body>
<h2 style="color:DodgerBlue">ColdFusion cflayout example: Type hbox</h2>
<cflayout name="ImageExplorer" type="hbox">
<cflayoutarea name="CatImage">
<cfpod
title="Cat"
height="225"
width="250"
>
<img src="./Images/Cat.jpg" width="75%" height="75%" />
</cfpod>
</cflayoutarea>
<cflayoutarea name="CatImage1">
<cfpod
title="Cat 1"
height="225"
width="250"
>
<img src="./Images/Cat1.jpg" width="75%" height="75%" />
</cfpod>
</cflayoutarea>
<cflayoutarea name="CatImage2">
<cfpod
title="Cat 2"
height="225"
width="250"
>
<img src="./Images/Cat2.jpg" width="75%" height="75%" />
</cfpod>
</cflayoutarea>
</cflayout>
</body>
</html>