ATRardduaveah
New Member
I have 7 images, for the moment I did on the layout xml:\[code\]<LinearLayout android:layout_width="match_parent" android:layout_height="70dp" android
rientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="35dp" android:baselineAligned="false" > <ImageView android:id="@+id/imageView2" android:layout_width="60dp" android:layout_height="35dp" android:src="http://stackoverflow.com/questions/11291652/@drawable/image2" /> .. (4) </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="35dp" > <ImageView android:id="@+id/imageView6" android:layout_width="60dp" android:layout_height="35dp" android:src="http://stackoverflow.com/questions/11291652/@drawable/image6" /> .. (3) </LinearLayout></LinearLayout>\[/code\]the result is|---------------------------|
img1 img2 img3 img4
img5 img6 img7
.... I would like to achieve the same HTML result as \[code\]<div class="footer" ><img alt="im1" src="http://stackoverflow.com/questions/11291652/img1" /> ...<img alt="im7" src="http://stackoverflow.com/questions/11291652/img7" /></div>\[/code\]with CSS:\[code\].footer img { max-height: 35px; max-width: 80px; vertical-align: middle;}\[/code\]if possible
That is to say scale images in their bounding boxes, center them on the screenthe 3 image row should be centered, independantly of the 4 image rowthxeditDid an image containing all 7 pics.. but the thing is it will not split in rows on portrait viewedit2 @RDCportrait: \[code\]-------------------------- Title* img1 img2 img3 img4 img5 img6 img7--------------------------\[/code\]landscape:\[code\]----------------------------------------------------- Title* img1 img2 img3 img4 img5 img6 img7 ----------------------------------------------------\[/code\]*Title is just a TextView
rientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="35dp" android:baselineAligned="false" > <ImageView android:id="@+id/imageView2" android:layout_width="60dp" android:layout_height="35dp" android:src="http://stackoverflow.com/questions/11291652/@drawable/image2" /> .. (4) </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="35dp" > <ImageView android:id="@+id/imageView6" android:layout_width="60dp" android:layout_height="35dp" android:src="http://stackoverflow.com/questions/11291652/@drawable/image6" /> .. (3) </LinearLayout></LinearLayout>\[/code\]the result is|---------------------------|img1 img2 img3 img4
img5 img6 img7
.... I would like to achieve the same HTML result as \[code\]<div class="footer" ><img alt="im1" src="http://stackoverflow.com/questions/11291652/img1" /> ...<img alt="im7" src="http://stackoverflow.com/questions/11291652/img7" /></div>\[/code\]with CSS:\[code\].footer img { max-height: 35px; max-width: 80px; vertical-align: middle;}\[/code\]if possible
That is to say scale images in their bounding boxes, center them on the screenthe 3 image row should be centered, independantly of the 4 image rowthxeditDid an image containing all 7 pics.. but the thing is it will not split in rows on portrait viewedit2 @RDCportrait: \[code\]-------------------------- Title* img1 img2 img3 img4 img5 img6 img7--------------------------\[/code\]landscape:\[code\]----------------------------------------------------- Title* img1 img2 img3 img4 img5 img6 img7 ----------------------------------------------------\[/code\]*Title is just a TextView