It's impossible to see all the details you have from the size of the image you show. It looks like you have a small graphic next to each block of text. If that's what you're asking about then you should export just that graphic and use CSS to place that as part of a class for a div. For each block of text + photo, then, you would add another div. Once you get the code right for one block, you're fine. You do not write this code in Fireworks. You do it in Dreamweaver.
You can't use a repeating graphic for this element (if it is what you're asking about), because the text blocks may or may not line up with it.
Try going through this tutorial (the graphics can be done with Fireworks instead of Photoshop)
You can also learn a great deal by looking at the work of others. If you see a site you like, use your browser's source view function and see how it was put together:
- View>Source (IE)
- View>Page Source (Firefox)
- [page control icon]>Developer>View Source
- Ctrl-U (Firefox or Chrome)
Here's a site full of inspiration: http://cssbrigit.com/
Again, your image is small, I could very well have misunderstood your question. If so, please describe what you're asking for.
forget the details of the page. let's pretend its simply just text within the lime green box i outlined in the 1st post.
How do I get the lime green box. (which is a black box I made with some transparency) to become longer if I want the user needs to scroll down the page for more text.
Or for another solution Instead..
How do I get a scroll bar within the lime green box so the image is fixed and the text scrolls inside of it with a sidebar..
please help. is there flash i could use or html coding that may help in coordination of my designs.
- If you want a box, then you want a div, which means CSS. Any div (or HTML page for that matter) will automatically lengthen to contain the content it holds. See the tutorial I linked to before.
- A transparent background also means CSS. Transparency is handled differently by each browser and can be somewhat tricky. See http://www.google.com/search?hl=en&source=hp&q=css+transparent+backgrounds&aq=f&aqi=&aql=& oq=&gs_rfai=
- If your text is longer than will fit in a browser window, you will get a browser scroll bar. If you want an embedded box - potentially with a scroll bar - to put your content in, then you want an iframe. See http://www.google.com/search?hl=en&safe=off&q=iframe+html&aq=f&aqi=&aql=&oq=&gs_rfai=
In all cases, you write the necessary code in Dreamweaver (or another authoring tool or a text editor). It is not done in Fireworks. Fireworks is not an HTML authoring environment.