Aligning rectangular images in text

One for the typographic experts here: when locating a rectangular image in
text - for example, the author's mugshot in the top left-hand corner of his
column - is there any convention for aligning the top of the image with the
adjacent text? Top of caps or ascenders, top of x? I usually do it by eye,
but then wonder if I'm contravening some golden rule.
Having the top of the image frame at the same level as the top of the text
frame leaves the image a fraction higher than the adjacent capital, which
doesn't look right, somehow. There are a couple of examples of what I'm
talking about at
[URL=http://www.pixentral.com/show.php?picture=1F3GGkCYmOJNSxnqTd9ZFhxIiC1G][IMG]http://ww w.pixentral.com/hosted/1F3GGkCYmOJNSxnqTd9ZFhxIiC1G_thumb.png[/IMG][/URL]
where the left-hand one shows the default.
Noel

Thanks, Robin. I hadn't got round to fine tuning the bottom yet. Still, if I
align to top of caps, the column looks funny from a distance because the top
right-hand corner is lower (at the top of x). That's why I asked if there's
any accepted practice (like printing the text on the spine of a book from
the top downwards).
Noel

Similar Messages

Aligning an image within Text

Is there a way to wrap an image within a Text Box? For example, in standard html I would just align an image to the "right" or "left" and insert padding accordingly. The text would then just wrap around and under. Is there an equivelent action in Captivate 5.0?
I've been just putting text boxes on the page and leaving room and saving space outside of the text box for the image, then put another text box underneath it to make it appear as if it is "wrapping"?
If not - any idea when this functionality will be appearing? Perhaps in 6.0?
kstagg

If you want to see something like this in Cp6 you need to request it as an enhancement.
This is the official Adobe request page: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=5
With this site you cannot see what others have logged.
And this is the unofficial site that we use and Adobe watches: http://captivate6ideas.ideascale.com/
With this site you can see all the enhancement ideas and vote for the ones you like, as well as add your own if nobody else has already done so.

Where is the Align Image to Text in DW6 that was in Properties before in DW 5.5

From CS5.5 - DW 5.5 Help
Align an image
You can align an image to text, another image, a plug‑in, or other elements in the same line. You can also set the horizontal alignment of an image.
Where is this in DW 6. It use to be on the Properties panel and when you clicked the picture the option to align and set padding H & V became available.
What did they do with it. Where did it go?
Help.
P.S. CS6 on a Mac - OS 10.7.4
thanks, Jim
P.S.S. I went through the Reference PDF for DW6 and it says that the Align pulldown is suppose to show up when you highlight-Click a picture. In my software, it is not thee in the properties panel like it use to be. I can not get it to show up. In the picture they show, it does not show the Align but the instructions says it's suppose to be there.
Any Ideas. I've gone through all the preferences and just can't figure out why I can't see the Align pulldown and the H & V Padding like in all the other version of DW.

The Align, H, V, and Border fields were removed from the Images Property inspector in Dreamweaver CS6 because they insert attributes that were deprecated in HTML more than ten years ago, and are no longer valid in HTML5.
Dreamweaver now expects you to use CSS to control these aspects of images. If, for any reason, you don't want to use CSS, those attributes can still be inserted using the Tag Inspector panel or directly in Code view using code hints.

How do you float and image or text so that it remains centered for a given browser window size (horizontally aligned).

Is it possible to float images horizontally in muse (horizontally aligned) such that an image or text remains in the center of a browser window regardless of its dimensions. The pin feature is capable of accomplishing this but it has the unwanted effect of, well, pinning it. There must be a way other than manually changing the code outside of muse after each change.
Thanks,

Hmm, tried it and its not working as intended. I created a text box the width of the page, typed some text and center justified it. When I adjust the size of the browser window it of course remains centre justified but it doesn't stay in the center of the scree as the window width changes. Did I not understand the 100% width part correctly?
To be clear, I understand how to do this is CSS but there must be some way to do it in muse so you don't have to manually go back and edit the html after each upload.

Correct workflow when inserting images into text, InDesign CS4

Hi,
I am new to InDesign and I have a problem regarding a really basic thing and I would be very grateful for help.
I am writing an article which is about 10 pages long. It consists mostly of text. I have finished writing and now I want to add some illustrations with descriptions. I've already figured out it's best to insert images into the text frame so they behave as "anchored objects" and they move together with text when I add or delete something on previous pages. Now I would like to place TWO OR MORE images, one next to each other, in a line. This is a bit tricky but I created an object style with Position: Custom in "Anchored object options" and it works more or less fine. This works great but now it would be hard to add descriptions to these images that would still be anchored.
So I created something different. I made an empty rectangle frame, a small text frame under it and grouped them. Then I placed it in my master text frame and basically did the same thing as for previously described images. Now I place the newly loaded image in the empty rectangular frame and add text in the empty text frame. BUT now I have problems with frame size for different-size images.
What if I have a REALLY LONG article and want to add LOTS of images with decriptions that would be anchored in the text so I can edit previous pages? I can do this my way, but it's extremely uncomfortable and takes ages. Is there any comfortable, non-destructive workflow for doing such things?
Sorry for my English.

Hi,
I would recommend following steps:
Place one or more images
Don't anchor them yet.
Arange them (the images) relatively to each other, add a text frame and arrange them correct relatively to the images.
Group images and text
Copy (or cut) them into the clippboard
Set the curser into the text where it should flow
Paste it
Adjust the anchored object (the group)
You need to group several objects to anchor them together as one anchor.
Further recommendation:
For the images I would specify an object style for fitting, stroke, corner optione.
For text frames I would specify an object style for text object options, like text offset, and used paragraph style, no boarder, etc.
For the group I would spcify an object style which leaves above mentioned settings undefined (option field is grea or has a dash). But the anchored position of the whole group and text wrapping should be specified.
Willi Adelberger

Dreamweaver CC - Rollover image to text transition for Fluid page css/html5

Hi All,
I am using Dreamweaver CC, Windows 7, PC.
Goal: To create a selectable text and colour overlay (not a second image with text in the image) that appears over the top of an image on rollover of the container that the image is located in, all inside a fluid page. Also I would like to avoid jquery and javascript if it's possible.
Please see the attached HTML5, CSS and 300x300jpg example of this page which should show what i'm trying to do, as you can see currently the text sits below the image on mouse hover and should be fitting nicely inside the image box. I will replicate this through all the images once I have it working correctly also. Please note the page fluid scaling at different sizes as I need the rollover to work at whatever size the window or device is.
Thank you in advance for any answers, ideas, work arounds etc you may have or if i've missed this specific scenario covered elsewhere?
Here is the HTML (apologies for my messy code):
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="../boilerplate.css" rel="stylesheet" type="text/css">
<link href="../Website_Testing/style.css" rel="stylesheet" type="text/css">

<script src="../respond.min.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<article id="article" class="fluid">
    <div id="Examples" class="fluid">
      <div id="example1" class="fluid">
          <img src="images/300x300.jpg" alt=""/>
          <span class="text">TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </span>
      </div>
      <div id="example2" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
      <div id="example3" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
      <div id="example4" class="fluid"><img src="images/300x300.jpg" alt=""/></div>
    </div>
</article>
</div>
</body>
</html>
Here is the CSS (apologies for my messy code):
@charset "utf-8";
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
.fluid {
    display: block;
    text-align: center;
    clear: none;
    float: none;
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    clear: none;
    float: none;
#article {
    min-height: 160px;
    margin-left: 0;
    padding-left: 5%;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 5%;
    background-color: rgba(255,254,191,1.00);
#Examples {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
.zeroMargin_mobile {
margin-left: 0;
.hide_mobile {
display: none;
#Examples #example1 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example2    {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example3 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
#Examples #example4 {
    padding-top: 5%;
    padding-bottom: 5%;
    display: block;
    width: auto;
.text {
    position: relative;
    display: none;
    background: #999;
    background: rgba(0,0,0,0.3);
    text-align: center;
    top: 0px;
#example1:hover .text {
    display: block;
    background-color: rgba(12,109,242,1);
#example1 {
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
#example1:hover {
    background-color: rgba(12,242,109,1.00);
#example2 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example2:hover {
    background-color: rgba(12,242,109,1.00);
#example3 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example3:hover {
    background-color: rgba(12,242,109,1.00);
#example4 {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
#example4:hover {
    background-color: rgba(12,242,109,1.00);
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 100%;
    margin-left: auto;
    min-height: 100%;
#Examples {
    text-align: center;
    min-height: 640px;
.hide_tablet {
display: none;
.zeroMargin_tablet {
margin-left: 0;
#Examples #example1 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example2 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example3 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
#Examples #example4 {
    float: left;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    width: 46%;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
#article {
    margin-left: 0;
#Examples {
    text-align: center;
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;
@media only screen and (min-width:1024px){
#article #Examples #example1 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example2 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example3 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#article #Examples #example4 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 16px;
    padding-bottom: 16px;
#Examples {
    min-height: 340px;
And here is a 300x300 grey image i'm using as an example holder:
Thanks for taking the time all,
Jeff

Try this in a new, blank document:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Pure CSS Rollovers</title>
<style>
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
body {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:100%;
#rollover a {
display: inline-block;
position: relative;
margin-right: 2%;
text-decoration: none;
color: #FFF;
#rollover a span {
display: block;
visibility: hidden;
background-color: #3CC;
position: absolute;
z-index: 100;
left: 0;
top: 0;
font-size: 13px;
font-weight:bold;
line-height: 1.2;
color: #FFF;
text-align: center;
border: 5px solid orange;
padding: 5px;
width: 200px;
min-height: 125px;
#rollover a:hover span,
#rollover a:active span,
#rollover a:focus span { visibility: visible; }
#rollover a:hover,
#rollover a:focus { visibility: visible; }
</style>
</head>
<body>
<div id="rollover">
<p>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
<a href="#"><img alt="description" src="http://placehold.it/200x125">
<span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. </span></a>
</p>
</div>
</body>
</html>
Nancy O.

Image and Text Alingment

I am trying to build a site and know little about coding. I
want my pictures and text to line up accordinly with whatever size
window I have open. I heard of a relative percentage code like
image resizes to 75% of the screen but I dont know how this works.
Is there any other way to keep everything on page aligned with the
changing screen size that Im not thinking of and how do I do it?
Thanks

Hello,
It's difficult to imagine what type of alignment you are
referring to.
Do you mean to align the top of the image with the first line
of text?
Keep text and images the same distance from each other?
Keep the image and text aligned in the center of the page?
Remember that text will be different sizes depending on the
text setting in
the users browser, but the image will be the same size.
It's virtually impossible to keep text aligned with an image
unless the text
is an image, too. You don't want that though.
You could apply a % to image size, but that usually makes the
image look
terrible, and might not be affected by or be the same ratio
as text size
determined by a browser setting..
Can you post a link to a picture of what you are trying to
do, or a link to
a site that has the same type of alignment you are trying to
have?
Take care,
Tim
"JaguarLips" <[email protected]> wrote in
message
news:fqg535$q1j$[email protected]..
>I am trying to build a site and know little about coding.
I want my
>pictures
> and text to line up accordinly with whatever size window
I have open. I
> heard
> of a relative percentage code like image resizes to 75%
of the screen but
> I
> dont know how this works. Is there any other way to keep
everything on
> page
> aligned with the changing screen size that Im not
thinking of and how do I
> do
> it? Thanks
>

Images Behind Text in RTF Template

While creating a few rtf templates, I noticed that if an image is to be shown behind text then the image will not render to back to .rtf by bi pub.
If I put the image inline with text, it renders just fine.
Am I missing a step that would allow me to render the image behind text or is it just working as intended?
Oracle BI Publisher 10.1.3.4.1
Thank you.
Edited by: Crawler409 on Dec 17, 2010 2:49 PM
Edited by: Crawler409 on Dec 17, 2010 2:50 PM

Hi
Can you pl. send me the RTF template and sample XML. I will try to fix the template.
Thx
chundi ([email protected])

Text will NOT align to top of text frame

The text is low in the text frame even though the vertical justification is set to align TOP in the text frame options and the first baseline offset is set to Ascent in baseline options. There is no baseline shift or inset set and align to baseline grid is NOT selected. Any ideas how to fix it so the text is at the top of the box? Thanks!

@gtingley – did you try:
1. Copy/Paste the text frame to a fresh document?
2. Export as IDMS (snippet) file and place it again?
Just out of fun, did you try to copy/paste the text to a new text frame? Is a object format applied to the text frame? (Just fishing in the dark.)
Uwe

Image with text

I have created an image with text (map with town names). The
text is 12px Verdana bold. When I export to a gif (only a few
colors) and show on a page I want to get the text to show clear
when the page is resized. But it does not it becomes more obscure
as it gets smaller. I have the image which I have styled
{width:100%;height:100%;} to stop the image expanding the td it's
in.
Can anyone advise how best to achieve good font clarity in
images that may be resized?
thanks.

ROGM wrote:
> Can anyone advise how best to achieve good font clarity
in images that may be
> resized?
Use Flash format, which is scalable. GIF's are not scalable.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Problem with images and text displaying correctly

I don't really know how to explain this problem and I had two screenshots ready to upload to show the before and after but we apparently can't upload photos now...SOOOO I will try my best.
The issue began when I got a new computer at work (Windows 7 instead the Windows XP everyone else has) and was/is present for me in InDesign CS2 and since we were planning on updating to CS5, I figured that having an updated version would fix whatever issue it was. That was a wrong assumption unfortunately.
When I open any document, all images and text are displayed properly until I scroll up/down or side-to-side and NOT using the scroll wheel for up/down. This is probably so confusing and I'm sorry I can't describe it better...the mouse I use has two programmable buttons that I set to coast up and down and to go side-to-side I can push the scroll wheel to one side or the other and it coasts that direction. When I do either of those things, the text looks like it is permanently greeked and the images look....weird lol like they are in 16 bit or something like that. To fix the problem in CS2, I have to click and hold on a text block until I am able to adjust text so that I can see it adjust in real-time. In CS5, I have to do the same basic thing except I don't have to click and hold as it does that by default (awesome feature btw!!)
I have already updated my graphics card driver (Nvidia 9400 GT 1GB) and my processor driver (Intel Core2Duo 3.0ghz) and I have 4GB of RAM. I tried updating both CS2 and CS5 but both are updated already. I've also tried doing the whole inx. export and cleaning the preferences file or whatever that is called. Nada. If someone thinks they can help me, I can send them the two images I was going to upload here. Email me at justgeig (at) gmail (dot) com Thanks in advance!

maybe greeked isn't the right word...i don't know how to explain it
here is the correct view. It is much more noticable when the whole document shows this.

Error: This page has graphics other than images or text on it

I recently upgraded to Adobe Acrobat 9 Pro, and I am experiencing a problem
with OCR text recognition.
If I use "Create PDF from Scanner" or "Create PDF from file" (using a
monochrome TIFF image) to create a PDF, I can then perform OCR on the PDF
file in Acrobat.
But if I open a monochrome TIFF image in some other program (Irfanview) and
print that to the Adobe PDF printer, then open that PDF in Acrobat and try
to perform OCR on it, I get the following message:
"Acrobat could not perform recognition (OCR) on this page because: This page
has graphics other than images or text on it. It cannot be captured."
If I select the scanned image in the PDF file using the TouchUp Object tool,
and then cut it to the clipboard, I am then able to then select a second
blank object on the page, that has the same dimensions as the scan (it is
full page size). If I delete that object, then paste the first one back in
(the scanned image), then OCR will work. So what is this additional object
that is preventing OCR? I did not have this issue with versions 4-8 of
Acrobat.
Also, this problem appears to only pertain to 1-bit monochrome images. I
scanned the same page to 8-bit grayscale, then printed that to Adobe PDF
from Irfanview, and that PDF file allows OCR to be performed. Does anyone
else have a problem using OCR when the PDF was created by printing a
monochrome raster image to PDF?

Not sure this will work for indesign, but for any other searches about the OCR problem with "This page has graphics other than images or text on it", I used this workaround for a huge scanned text that Acrobat 9 Pro wouldn't OCR:
1. Save As.... > TIFF image
This saved each page as a tiff, so if your file is big, you might want to create a special folder for it. (I had 1100 pages!)
2. Open the folder with the TIFF images.
3. Select all files.
4. Right-click > Open with.... > Choose.... > Other.... > Acrobat
5. Popup will ask if you want to open all files in a single document. Obviously a good choice for 1100 pages.
6. After the new PDF generates, save it.
7. Document > OCR --- should work now.
8. If it does, don't forget to delete the folders with the TIFFs.
Hope that helps someone.

How do I save image and text as a single image in InDesign CS5.0?

How do I save an image and text as one image in InDesign CS5.0? NOT 5.5.
I need to save the image as a 72-dpi, jpg file for ePub purposes. I designed a book and am handing it off to someone for ePub.
This is what I've tried:
1) Copied from InDesign, pasted into a PhotoShop doc as a Smart Object. Saved it as 72 dpi jpg, then imported back into ID.
2) Took a screenshot of ID page, placed it in PS, saved as 72 dpi, imported into ID
3) Saved page as a PDF from InDesign, then saved PDF as 72 dpi jpg, then imported into ID.
4) Save page as a PDF from InDesign, placed into Photoshop and saved
as 72 dpi, then imported into ID.
5) Saved as an EPS from InDesign, placed in PS, then imported back to ID.
In all cases, the type looks terrible. It doesn't seem to matter whether I copy or place into Photoshop, though placing is slightly better.
HELP!!!

In all cases, the type looks terrible. It doesn't seem to matter whether I copy or place into Photoshop, though placing is slightly better.
Naturally what you did will result in rasterized text. Did you preview with high quality settings?
Are you sure the people who will handle that downstream need pixel images and do you have the exact pixel dimensions needed?
Why did you place the image back in Indesign, by the way?

I have a Flash Sample to rotate images and text but I not find a way to display special characters

Hello everyone.
I bought a very nice Flash application that rotate images, and text of any color and size. It use an XML input file.
I've posted here, a complete copy, so any of you can download, view and use it freely.
I would appreciate if any of you know how to do, so that the text displayed, including the characters I use in my language (Spanish), such as á, é, í, ó, ú, ñ, and other special characters.
In fact, I could not find a way to do it, because I'm not expert Flash, and less in ActionScript.
If any of you would help me on that, I thank you implement the appropriate adjustments and compressed into a. zip file, and let me know where to download it, or if you prefer you can send it to my email: [email protected]
After all compressed in .zip format is a very small file: 430K.
Click here to download the complete sample.
Thanks.
=====================================
Translated using http://translate.google.es
=====================================

Hello Rinus,
If I understood your last post correctly, then problem 2 is resolved, right?
Regarding problem 3:
I'm not asking you to share exact VIs.
I just want to see a very simple VI that explains the concept of what you're trying to do, what should happen (this can be in words that refer to the front panel elements) and what you've tried.
The terminology you're using isn't clear to me without an extra explanation.
This could even be only a Front Panel with a few buttons on where you just describe what should happen with specific controls/indicators.
Based on the first post it is not clear to me what you mean with:
- A "button element":
Are you talking about a control, an indicator, a cluster that contains multiple control?
- The structure:
Is this an event structure, case structure, for loop, ...?
Is it seems like you want to programmatically control Front Panel objects, which on itself is no problem at all independent of how many objects you want to control.
Please share with me simple example of what goes wrong and explain which things should happen on that specific Front Panel.
This will allow me to help you and also allow me to guide you along the right path.
Kind Regards,
Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
CLD, CTA
If someone helped you, let them know. Mark as solved and/or give a kudo.

Is there a way of aligning the images in iweb photoalbums other than have them be a square?I have them at same height and resolution but htere is a default that shrinks them and aligns them at the bottom.Thanks.

Is there a way of aligning the images in iweb photoalbums other than have them be a square?I have them at same height and resolution but htere is a default that shrinks them and aligns them at the bottom.Thanks.

So how did you do it?
by understand what iweb widgets do, in this case setting gridEntry widget's scalMode preference from fill to fit.
then reset the displayed image, so it fits in the display area even if it's portrait aspect.
however, i found some glitches in gridEntry widget that's quite strange... but all fix-able.
perhaps, iweb experts (whose had poked at my example) here can chime in.

Aligning rectangular images in text

Similar Messages

Maybe you are looking for