Image in web view needed to span rows. Please Help!

HCL Domino Domino Forum
1

I am tasked with creating a view to display news articles and a picture to go with the article. I have created an HTML view with the first column formula being:

“<img src=/” + db + “/0/” + docid + “/$File/” + @AttachmentNames + " width=80 height=80>"; “”)

where db is the db name. The next column displays a blurb from the article that can be up to five rows. The bottom of the image aligns with the first row of text. I would like the image to be centered vertically on the text. Any suggestions? See samples:

Current layout:

ppppppppp

ppppppppp

ppppppppp

ppppppppp

ppppppppp Here is my text of the story and then the remaining words wrap up underneath the picture as seen here, and when you get several news stories together it looks really sloppy!

Desired:

ppppppppp

ppppppppp Here is my text within the second

ppppppppp column and how I would like the

ppppppppp picture laid out to be. Any

ppppppppp suggestions would be useful!!

I have attempted to put row span into the image tag, but this seems to get ignored. The code for the news blurb is:

“&nbsp”

  • “<font face="verdana, helvetica, arial" size="1">”

  • Summary +“
    ”

Thanks in advance for ANY help that you can give!

2

Subject: Image in web view needed to span rows. Please Help!

hi, whats about something like this:“<TD align="right" class="MyClass" rowspan = "5"> “+imageurl+”<TD class="OtherClass" colspan="2">”

3

Subject: Image in web view needed to span rows. Please Help!

If you allow the view to be viewed as HTML, you get total control over what each column displays.

If you go that route, you can use

's with the float attribute set to “left”.

Get something along the lines of:

PICTURE
alistapart.com to read on this.

Good luck,

Matt

4

Subject: WOW! Thanks!

Thank you, thank you, thank you!

I ended up using this modification of your code all in one column:

docid:=@Text(@DocumentUniqueID);

db:=@WebDbName;

img:= (“

<img src=/” + db + “/0/” + docid + “/$File/” + @AttachmentNames + " width=80 height=70>
");

txt:= (“

<font face="verdana, helvetica, arial" size="2">” + Title + “
”);

@If($File!=“”; img + txt; txt);

And it looks PERFECT! My users are going to be thrilled. Thanks again from an HTML newbie!