Tiling image within infinitely vertically expandable rounded box

I would like to place a 1px high image within a round box which will expand inifnitely in a dynamic ecommerce site. I know how to create a div for the header (ie rounded box, roundedbox h1) and place the top part, then the rest in the main div with the bottom of the rounded box positioned at "bottom." However, there are physical limitations to this method; it seems it would be ideal to place a tiled image to complete everything within the top and bottom portions; the problem is that it appears at the top no matter how it's placed. Is there any way to specify a margin for the background image only?
Incidentally, I hate the look of this new forum. Why everyone wants to jump on the Facebook wagon is beyond me...

Hi Murray; for example, I crop the top 60px of the rounded box and make it the background for the #body_content h1 div, then use the bottom rounded remains of the box and make it the background image for the #body_content div. The problem is that without sufficient content, the cropped body bg image shows at the top of the div; whereas if there is too much, a blank space will occur between the two. I'd like to think there is a way to insert a third div with a 1 px high tiled image but someho give it a 60px margin at both top and bottom to prevent overlapping...
#body_content {
margin-left: 20px;
background-image: url(../../../Images/maincontent_bg_footer.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 820px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
padding: 0px;
#body_content h1 {
background-image: url(../../../Images/maincontent_bg_heading.gif);
background-repeat: no-repeat;
height: 60px;
margin: 0px;
padding: 0px;

Similar Messages

Creating adjustable-size rounded box background image for Moomenu

I have a Moomenu with a horizontally repeating background image:
#moo_sk_menu a:hover{
color: #ffffff;
background-image: url(../images/moomenu1_png32.png);
background-repeat: repeat-x;
However, I would like to create a menu with a rounded box image on mouseover. The above strategy won't work, however, as it is simply a 1 px wide rectangle repeating on the x axis. A rounded box as background won't adjust for the different widths of the menu items. There must be some workaround using three images and nested divs; however I am not sure how to proceed...

/**CSS ROUNDED CORNERS for Mozilla, Webkit, Linux, Opera, IE9**/
#Your-Div-Name {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Expandable context box possible with iWeb?

Hello everyone,
I am in the process of making an ebay store template using iWeb 09. I was wondering if there is any way of making an expandable context box using iWeb, like this one http://www.webdesignerwall.com/tutorials/css-the-all-expandable-box/. I want to simply make a few rounded rectangular shapes that can expand when placing images or text within them.
Any help would be greatly appreciated.

Hi Mouselander,
Thanks for your fast and detailed response! I have few more questions, if its okay, as I am really new to LiveCycle, and I assume it would come in handy to other users when searching this topic, to have an overview of all the details regarding these functions
I have an imported pdf document, and I have set the document to be flowable (interactive) in the beginning when importing. And on the left side I have topMostSubforum, whose object page doesnt show anything, apart from Mixed objects written. If then I click "Page 1" which is underneath it, and on the Object page under Content I choose Flowed, all of my Objects on that page end up somewhere else.
As for the Drop down menus, I havent tried it out yet as I have been trying to manage with these flowable objects not overwriting each other, but I would basically need when any item clicked on List A, to have List B hidden, and vice versa.
A sample would be great if you have the time! My email is [email protected]
Thanks again for your help!

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.

Fix background image within div

Hello
I've done a lot of research about this, and tons os answers have come up, still, none solved my problem so far.
I'm trying to make the background image within a div to be fixed when i scroll vertically.
Have a template made, in which the only editable div is the rightdiv. (in red, to be easier)
Here's my code
CSS
body {
margin-top: 0px;
margin-bottom: 0px;
background-position: center center;
background-image: url(../Images/bgdr.jpg);
background-repeat: no-repeat;
#wrapper {
height: 875px;
width: 1000px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
#header {
background-repeat: no-repeat;
clear: none;
float: none;
height: 214px;
width: 1000px;
background-image: none;
position: relative;
padding-top: 10px;
#leftDiv {
clear: none;
float: left;
height: 500px;
width: 245px;
position: relative;
text-decoration: none;
#rightDiv {
clear: none;
float: right;
height: 484px;
width: 755px;
position: relative;
overflow: auto;
#footer {
height: 100px;
width: 1000px;
clear: both;
position: relative;
padding-bottom: 20px;
And here is my HTML

<div id="rightDiv" style="background-image: url(Images/informacao.png)">
</div>

Well, thing is that on Internet Explorer 9, the background image will repeat vertically when i scroll vertically. On Chrome it will stay fixed on scroll (and that is what i want).
I tried adding style="background-attachment:fixed" , but that will make the image align fix itself relatively to the whole page, not the div only. Also, it repeats itself 4 times to oocupy the screen. I can solve that by "no-repeat", but it still is fixed to the browser page, not the div.
I've been trying to fix this for days.. Help would be much appreciated.
Funny thing is that this only happens in IE9.. Chrome works perfectly.

DevilUrd wrote:
Didn't work. sorry, but i don't think i understood ur reply quite well..
Here's what i used:

<div id="rightDiv" background: url('Images/informacao.png') no repeat fixed;>
<tr>
<td>textextextextextextextextext</td>
</tr>

Could u pls be a little more detailed?
sorry, but i'm still very unexperienced at this..
That is not a valid way to write css into your page and will not work. You appear to be trying to use the background shorthand css property within the html tag itself. If you want to use an inline style, it would need to be within the style html attribute...
<div id="rightDiv" style="background:url(Images/informacao.png") no-repeat fixed top left;">
But it would be better to place it in your css instead...
#rightDiv {
clear: none;
background:url(Images/informacao.png") no-repeat fixed top left;
float: right;
height: 484px;
width: 755px;
position: relative;
overflow: auto;

Offset placed image within rectangle

I need the code that allows me to offset image within a rectangle. Hopefully within properties as I place image on imageFrame. I've googled for quite a while. All help appreciated.
set filePath to alias "Mac_3a:Users:kevin:Documents:DustBin:20080807:theImage.pdf"
tell application "Adobe InDesign CS3" to tell document 1
set imageFrame to make rectangle at page 1 with properties {geometric bounds:{0, 0, 5, 7}}
place filePath on imageFrame with properties {absolute horizontal scale:30, absolute vertical scale:30}
end tell

This code works, if slightly inaccurate in placement. Please notice the commented code showing an error when attempting to retrieve geometric bounds of the image within the rectangle. Any thoughts on that error?
set frameBounds to {0.0, 0.0, 11.0, 8.5}
set linkPath to alias "Mac_3a:Users:kevin:Pictures:Faux Fur.jpg"
set linkOffset to {-1, -3, 0, 0}
tell application "Adobe InDesign CS3"
tell document 1
tell page 1
set imageFrame to make rectangle with properties {geometric bounds:frameBounds}
set framedImage to place linkPath on imageFrame with properties {absolute horizontal scale:100, absolute vertical scale:100, geometric bounds:linkOffset}
-- tell framedImage to get geometric bounds -- this code errors
end tell
end tell
end tell

Automatically place images within multiple InDesign documents

I work for a publishing company of agricultural trade magazines and work on few titles each month. We are trying to streamline our production procedures and previous company I worked for had a script they used to place images within text pages by searching for the file name, however there were some limitations with this script (it would only work within 1 InDesign document and only within 1 InDesign story at a time). The company I am with now breaks out each editorial story into separate InDesign files and we place image boxes when the display ads are going to go. For our purposes now, I am looking for a script that, once all of the image boxes were tagged with the image file names, could search between multiple InDesign documents in a folder and automatically place all the images for us. Is anything like this available or able to be created? If so, would it have the capacity to search between multiple InDesign documents and search the entire document for the image file names? Any help would be greatly appreciated!

Hi Kasyan,
They were tagged using a program called Pathways created by a computer programmer the company used at the time. The issues that I was working on were annual Buyers' Guides so they were mainly just listings and inline graphics. The kinds of issues I work on now are monthly issue with various stories and no inline graphics, but display advertisements. And each story is created and laid out in a separate InDesign document. So I would need a script that can search an entire group of documents for file names and/or image boxes instead of just in one story in one document for inline graphics. (sorry if this is confusing).
I currently do not have a script to work from and am looking for something new that can be used to save use the time of placing every ad manually.
Thanks for your help and feedback!
Matt

Moving images within Book cells?

Is there a way to position images within the book template cells? Understanding that the cells are fixed is there a way to move an image around within those boundaries? It appears when I resize an image within the cell it does so uniformly and from the center and is locked there. Am I missing something? We should be able to position the image inside the borders.

Hi Jay,
when I do not zoom-to-fill my usual 3:2-ratio images get positioned in the middle of a book cell.
Then I can drag them ad libitum to the right or left within that cell.
When zoomed you can still drag the exact portion shown around within the cell.
But that is the only tiny bit of freedom I have discovered so far, with these non-modifiable templates of LR4b#1.
Cell padding is uniformly from each end.
I just hope that general feedback had been drastic enough so that Adobe will soon release LR4b#2 with modifiable templates / page sizes / cell sizes / image borders / text boxes etc.
Otherwise they might not receive much more feedback about the book module. I won't cash out for a book design that does not suit me, so no experiences with upload/export and the rest.
Cornelia

Modify Image Within Mask

Hi folks. New to AE. There's something that's driving me a little crazy. I've got some images that I have masked. I simply want to either move or scale the image within the mask but leave the masks position and dimensions alone. Is this possible?
Like in Photoshop you can unlink an image layer with its layer mask. In Illustrator you can use the white arrow and select the image and not its mask.
I'm sure its something easy but I haven't been able to figure it out. Thanks very much!

If you just want to pan the masked image, you can use the Pan Behind tool (the slashed box with four arrows inside). This will let you alter the location of the image relative to the mask. Bear in mind when keyframing that Pan Behind works by neutralizing the relationship between the layer's Position Position property and the Mask Shape property, so if you don't keyframe both it'll behave unpredictably.
See Move a mask or pan a layer behind a mask in AE Community Help
If you also need to rotate or scale the masked image, yes, no doubt the method decribed by Mylenium would do it.

Acrobat is tiling images

I have a word document that was converted from a powerpoint. When acrobat converts the word document to pdf it tiles some images within pdf. It will also print the images tiled, which is causing greif.
When I open the pdf in some other pdf reader, such as foxit, the pdf looks just fine with all images in their normal size and no tiling, so this tells me that the issues lies with acrobat.
What could the issue be?
Thanks.
Windows 7
Acrobat Standard 9.4.2
Office 2007

Unfortunately I cannot post the pdf, it contains sensitive information.
Here are the steps that were taken.
1.      Created a .pptx presentation
2.      Selected “Publish” from main drop down
3.      Create Handouts in Microsoft Office Word
4.      Selected “Notes next to slides” and “Paste” options
5.      PPT generated the document in MS Word – I added page numbers and did some editing
6.      In MS Word, I went to Save As menu
7.      Selected “Publish as PDF or XPS File”

Expanding text boxes to multiple pages

I have a dynamic form with expanding text boxes that I originally designed on one page. As I put in the needed items it was clear to have it fit I would need to go to a second page to have everything needed. When it is the first page alone the preview pdf works properly automaticallly moving the overflow to the next page. When the second page is inserted to finsih the form the areas not fitting on the first page when typed into the preview fall off into space and you can no longer see them. I've treid moving around the heirarchy and have not figured it out. Does anyone know hoi to fix this? Is it possible to have a 2 page dynamic form that expands?

Sorry I have been on vacation and in Europe for a week so I was not able to get to this before I left.
The root subform (Page level) must be set to flowed if you want it to act the way you want. When doing that you can ignore the need to add the 2nd page and allow the product to break the page where it is needed. I modified your form so it would do this. Note that there is no Page 2 and I added some additional subforms to break up different parts of the form (Headers and unnamed subforms). It is good practice to name your subforms and if you do any code that was added may need to be adjusted to take into account these additional structural changes.
Please find attached the modifed sample.
Paul

I am getting a error IO when trying to upload multiple images within wordpress using the flash uploader. I do not get the error when uploading using explorer. The error only appears if I try uploading using firefox....any ideas?

I am getting a error IO when trying to upload multiple images within wordpress using the flash uploader. I do not get the error when uploading using explorer. The error only appears if I try uploading using firefox....any ideas?

Logged the call with SAP who directed me to 'Define settings for attachments' in IMG and setting the 'Deactivate Java Applet' & 'Deactivate Attachment versioning' checkboxes - problem solved.

Server goes out of memory when annotating TIFF File. Help with Tiled Images

I am new to JAI and have a problem with the system going out of memory
Objective:
1)Load up a TIFF file (each approx 5- 8 MB when compressed with CCITT.6 compression)
2)Annotate image (consider it as a simple drawString with the Graphics2D object of the RenderedImage)
3)Send it to the servlet outputStream
Problem:
Server goes out of memory when 5 threads try to access it concurrently
Runtime conditions:
VM param set to -Xmx1024m
Observation
Writing the files takes a lot of time when compared to reading the files
Some more information
1)I need to do the annotating at a pre-defined specific positions on the images(ex: in the first quadrant, or may be in the second quadrant).
2)I know that using the TiledImage class its possible to load up a portion of the image and process it.
Things I need help with:
I do not know how to send the whole file back to servlet output stream after annotating a tile of the image.
If write the tiled image back to a file, or to the outputstream, it gives me only the portion of the tile I read in and watermarked, not the whole image file
I have attached the code I use when I load up the whole image
Could somebody please help with the TiledImage solution?
Thx
public void annotateFile(File file, String wText, OutputStream out, AnnotationParameter param) throws Throwable {
ImageReader imgReader = null;
ImageWriter imgWriter = null;
TiledImage in_image = null, out_image = null;
IIOMetadata metadata = null;
ImageOutputStream ios = null;
try {
Iterator readIter = ImageIO.getImageReadersBySuffix("tif");
imgReader = (ImageReader) readIter.next();
imgReader.setInput(ImageIO.createImageInputStream(file));
metadata = imgReader.getImageMetadata(0);
in_image = new TiledImage(JAI.create("fileload", file.getPath()), true);
System.out.println("Image Read!");
Annotater annotater = new Annotater(in_image);
out_image = annotater.annotate(wText, param);
Iterator writeIter = ImageIO.getImageWritersBySuffix("tif");
if (writeIter.hasNext()) {
imgWriter = (ImageWriter) writeIter.next();
ios = ImageIO.createImageOutputStream(out);
imgWriter.setOutput(ios);
ImageWriteParam iwparam = imgWriter.getDefaultWriteParam();
if (iwparam instanceof TIFFImageWriteParam) {
iwparam.setCompressionMode(ImageWriteParam.MODE_EXPLICIT);
TIFFDirectory dir = (TIFFDirectory) out_image.getProperty("tiff_directory");
double compressionParam = dir.getFieldAsDouble(BaselineTIFFTagSet.TAG_COMPRESSION);
setTIFFCompression(iwparam, (int) compressionParam);
else {
iwparam.setCompressionMode(ImageWriteParam.MODE_COPY_FROM_METADATA);
System.out.println("Trying to write Image ....");
imgWriter.write(null, new IIOImage(out_image, null, metadata), iwparam);
System.out.println("Image written....");
finally {
if (imgWriter != null)
imgWriter.dispose();
if (imgReader != null)
imgReader.dispose();
if (ios != null) {
ios.flush();
ios.close();
}

user8684061 wrote:
U are right, SGA is too large for my server.
I guess oracle set SGA automaticlly while i choose default installion , but ,why SGA would be so big? Is oracle not smart enough ?Default database configuration is going to reserve 40% of physical memory for SGA for an instance, which you as a user can always change. I don't see anything wrong with that to say Oracle is not smart.
If i don't disincrease SGA, but increase max-shm-memory, would it work?This needs support from the CPU architecture (32 bit or 64 bit) and the kernel as well. Read more about the huge pages.

How can I add an image to my pop up text box built in Fireworks?

Hello all,
I have already built my page (a map) with all the pop up text boxes in Fireworks and imported them into my Dreamweaver page, but I would like to add an image in that same pop up box as well as the text. I tried going back to Fireworks and editing the pop up box, but there is no option for adding an image alongside the text. Is there a way I can go into the code and add the image? This is a line of code for one of the pop up boxes:
<td rowspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(0)" onmouseover="MM_menuShowMenu('MMMenuContainer1016121037_0', 'MMMenu1016121037_0',25,23,'Plaza_map_r11_c6');MM_swapImage('Plaza_map_r11_c6','','Plaza_ map_r11_c6_f2.jpg',1);"><img name="Plaza_map_r11_c6" src="Plaza_map_r11_c6.jpg" width="30" height="28" border="0" id="Plaza_map_r11_c6" alt="" /></a></td>
I'm trying to avoid rebuilding the whole thing in another program! Thanks very much in advance.
Pam

If you have more than one of these, then I would add a class rule to your css style sheet
.fltleft     {
     float:left;
}.fltright     {
     float:right;
Then add this rule to your image.
<img name="Plaza_map_r11_c6" src="Plaza_map_r11_c6.jpg" class="fltleft" width="30" height="28" border="0" id="Plaza_map_r11_c6" alt="" (add new image here) ?>
This will position your image to the left in the container. You can then add the fltright in the same way.
GAry

Sort images within stack by rating?

Hi Gang,
I'm editing a massive job and there's one part of the process that is taking forever. After I've rated every image within a stack, I seem to have to resort them manually to be shown from highest rating to lowest rating, either by dragging or by using the "promote/demote" buttons.
Is there any way to make images in a stack sort themselves by rating? This would literally save me hours of time.

I know of no way to automatically stack by rating. You could create Smart Albums with only certain ratings included. I know that's not exactly what you wanted to do, but it would accomplish a segregation of your photos by rating.
Sorry not to be able to provide an answer, but I don't think there is one.
Joel

Tiling image within infinitely vertically expandable rounded box

Similar Messages

Maybe you are looking for