Create an image with 100% height?

Hi,
I am working on a project and require an image to stretch to
the full height of the table cell.
The width will be fixed at 40 pixels, but I require the
height to always be 100% of the cell.
I have tried simply adding the height tag as 100%, but this
proves inconsistent in various browsers.Is there a way in which I
can achieve this, so it will work consistently on all browsers and
platforms?
Many thanks

Make it a background image and let it tile to fill the space.
Or just use
an HTML color background.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"TangentGraphic" <[email protected]> wrote
in message
news:euftp1$d1s$[email protected]..
> Sorry in delayed response - Adobe server down...
>
> The image is a flat coloured gif - image distorsion is
not an issue. Are
> you aware of my best way to achieve its 100% height?
>
> Thanks

Similar Messages

  • How can I create banners with 100% height?

    I want the homepage to load with 100% height and there buttons that anchor to sections further down the website that I also want to be 100% height when scrolled to.

    3rd post on same question by same user :
    Re: how can I Create function with an  out Parameter
    how can I Create function with an  out Parameter

  • I created a playlist with 100 songs.  I want those 100 songs played using the shuffle option.  This no longer works in iTunes version 11.1.5.5  How can I get an entire  playlist to paly one song after another by using the switch option?

    I created a playlist with 100 songs.  I want those 100 songs played using the shuffle option.  This no longer works in iTunes version 11.1.5.5  How can I get an entire  playlist to paly one song after another by using the switch option?

    You're welcome.
    Going back to your original post:
    5) Tried running Itunes in 'safe mode', running itunes as an administrator..nothing.
    Was that iTunes' safe mode as opposed to Windows' safe mode? iTunes safe mode is invoked by holding down CTRL+SHIFT immediately after clicking the icon to launch iTunes and continuing to hold until this message pops up:
    Click continue, then close iTunes and reopen. With luck iTunes now opens normally every time.
    tt2

  • Creating an image with a Cloud Effect

    Can someone please tell me how I can create an image with a
    cloud effect like the photo located at the link below:
    http://www.arizonamedicalclinic.com/
    Thanks in advance for all of your help.

    Nessa wrote:
    > Can someone please tell me how I can create an image
    with a cloud effect like the photo located at the link below:
    >
    >
    http://www.arizonamedicalclinic.com/
    >
    > Thanks in advance for all of your help.
    Draw a cloud shape. Fill it with white and add a black inner
    glow.
    Position the cloud shape over the photo. Press Shift and
    select both the
    cloud shape and the image. Choose Modify > Mask > Group
    as Mask.
    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/
    Design Aid Kits:
    http://www.webdevbiz.com/pwf/index.cfm

  • Can't create disk image with Disk Utility

    I just upgraded to OS X Mountain Lion and i can no longer create disk images with Disk Utility in order to store encrypted data.
    The operation fails and ends with the post :
    Failed to create disk image, error:
    hdiutil: create failed - Resource busy
    I use three Macs with Mountain Lion, and this problem occurs only on one of the three.
    I check the disk, repair permissions and did a reset of the PRAM. I even did a reinstall of Mountain Lion, without success.
    But curiously, using a new user account, I was able to create a first disk image. But no one after.

    Launch the Console application in any of the following ways:
    ☞ Enter the first few letters of its name into a Spotlight search. Select it in the results (it should be at the top.)
    ☞ In the Finder, select Go ▹ Utilities from the menu bar, or press the key combination shift-command-U. The application is in the folder that opens.
    ☞ Open LaunchPad. Click Utilities, then Console in the page that opens.
    Make sure the title of the Console window is All Messages. If it isn't, select All Messages from the SYSTEM LOG QUERIES menu on the left.
    Click the Clear Display icon in the toolbar. Try the action that you're having trouble with again. Post any messages that appear in the Console window – the text, please, not a screenshot.
    When posting a log extract, be selective. In most cases, a few dozen lines are more than enough.
    DO NOT INDISCRIMINATELY DUMP THOUSANDS OF LINES FROM THE LOG INTO A MESSAGE. If you do that, I will not respond.
    Important: Some private information, such as your name, may appear in the log. Edit it out by search-and-replace in a text editor before posting.

  • Create an image with ActionScript

    How do you create an image with ActionScript? The image is
    located at an url that is not guaranteed to be on the same server.
    I would prefer something that is compatible with previous
    versions of the Flash player.
    If you could point me to some tutorial or show me how it is
    done.
    Thanks

    This is suuuuuuuuuuuuper basic, you just have a movieclip on
    the stage and the URL of any image on the internet/local computer
    function loadImage(imageUrl:String,
    holder_mc:MovieClip):Void{
    holder_mc.loadMovie(imageUrl);
    Fill the two parameters with the 1. image url and 2.
    movieclip that holds the image
    It will load the image into it. Much more in depth tutorials
    and stuff can be found all over the place, just google it.
    Sam

  • Creating javaFX Image with InputStream

    Hi,
    I have dataset(Medical Image data), i want to build a javaFX Image,
    Can some one help me how can i construct the image from this.
    is there any way creating a image other than using url?
    Thanks....

    Try this:
    var stream = A.class.getResourceAsStream( "lion1.png");
    Stage {
        title: "Image from stream"
        width: 250
        height: 280
        scene: Scene {
            content: [
                ImageView {
                    image: Image {
                        impl_source: stream
    }

  • Problem with 100% height

    I'm having a problem trying to get the LEFT and RIGHT DIV
    tags to drop down 100% along with the CENTER DIV tag. I don't want
    to use javascript. In all browser, except IE6, the DIV tags will
    fill 100% of the document window, but will not extend down when the
    page scrolls down. In IE6, the DIV tags will not fill 100% at all.
    Here is a link to the site:
    http://www.katart.biz/verymerry/gray_miles.htm
    Here is the CSS code:
    html, body {
    background-color: #861316;
    margin: 0px;
    padding: 0px;
    background-image: url(images/pagebg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    #container {
    padding: 0px;
    height: 100%;
    width: 850px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: -425px;
    overflow: visible;
    position: absolute;
    visibility: visible;
    z-index: 1;
    left: 50%;
    top: 0px;
    #rightmargin {
    background-color: #861316;
    padding: 0px;
    height: 100%;
    width: 25px;
    overflow: visible;
    visibility: visible;
    background-image: url(images/rightbg.gif);
    background-repeat: repeat-y;
    background-position: left top;
    float: left;
    margin: 0px;
    #leftmargin {
    background-color: #861316;
    padding: 0px;
    height: 100%;
    width: 25px;
    overflow: visible;
    visibility: visible;
    background-image: url(images/leftbg.gif);
    background-repeat: repeat-y;
    background-position: left top;
    float: left;
    margin: 0px;
    #content {
    background-color: #FFFFFF;
    padding: 0px;
    min-height: 100%;
    width: 800px;
    visibility: visible;
    float: left;
    margin: 0px;
    background-image: url(images/mainbg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    #contentkids {
    background-color: #FFFFFF;
    padding: 0px;
    min-height: 100%;
    width: 800px;
    visibility: visible;
    float: left;
    margin: 0px;
    background-image: url(images/kidsbg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    #content #left {
    text-align: left;
    float: left;
    height: auto;
    width: 340px;
    padding-left: 92px;
    color: #21723C;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 172px;
    #content #left h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 32px;
    font-weight: normal;
    color: #20723D;
    #contentkids #left {
    text-align: left;
    float: left;
    height: auto;
    width: 340px;
    padding-left: 92px;
    color: #21723C;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
    text-decoration: none;
    margin-top: 190px;
    #contentkids #left h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 32px;
    font-weight: normal;
    color: #20723D;
    #contentkids #left a {
    color: #20723D;
    text-decoration: underline;
    #contentkids #left a:hover {
    color: #861316;
    text-decoration: none;
    #content #right {
    float: right;
    height: auto;
    width: 368px;
    #contentkids #right {
    float: right;
    height: auto;
    width: 368px;
    margin-top: 190px;
    #content #footer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #861316;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    clear: both;
    #content #footer a {
    color: #861316;
    text-decoration: none;
    #content #footer a:hover {
    color: #1F713A;
    text-decoration: none;
    #contentkids #footer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #861316;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    clear: both;
    #contentkids #footer a {
    color: #861316;
    text-decoration: none;
    #contentkids #footer a:hover {
    color: #1F713A;
    text-decoration: none;
    Any help would be appreciated. Thanks,
    Dan

    It cannot be done without javascript.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "Dan Cool" <[email protected]> wrote in
    message
    news:[email protected]...
    > I'm having a problem trying to get the LEFT and RIGHT
    DIV tags to drop
    > down
    > 100% along with the CENTER DIV tag. I don't want to use
    javascript. In all
    > browser, except IE6, the DIV tags will fill 100% of the
    document window,
    > but
    > will not extend down when the page scrolls down. In IE6,
    the DIV tags will
    > not
    > fill 100% at all.
    >
    > Here is a link to the site:
    http://www.katart.biz/verymerry/gray_miles.htm
    >
    > Here is the CSS code:
    >
    > html, body {
    > background-color: #861316;
    > margin: 0px;
    > padding: 0px;
    > background-image: url(images/pagebg.jpg);
    > background-repeat: no-repeat;
    > background-position: center top;
    > }
    > #container {
    > padding: 0px;
    > height: 100%;
    > width: 850px;
    > margin-top: 0px;
    > margin-right: 0px;
    > margin-bottom: 0px;
    > margin-left: -425px;
    > overflow: visible;
    > position: absolute;
    > visibility: visible;
    > z-index: 1;
    > left: 50%;
    > top: 0px;
    > }
    > #rightmargin {
    > background-color: #861316;
    > padding: 0px;
    > height: 100%;
    > width: 25px;
    > overflow: visible;
    > visibility: visible;
    > background-image: url(images/rightbg.gif);
    > background-repeat: repeat-y;
    > background-position: left top;
    > float: left;
    > margin: 0px;
    > }
    > #leftmargin {
    > background-color: #861316;
    > padding: 0px;
    > height: 100%;
    > width: 25px;
    > overflow: visible;
    > visibility: visible;
    > background-image: url(images/leftbg.gif);
    > background-repeat: repeat-y;
    > background-position: left top;
    > float: left;
    > margin: 0px;
    > }
    > #content {
    > background-color: #FFFFFF;
    > padding: 0px;
    > min-height: 100%;
    > width: 800px;
    > visibility: visible;
    > float: left;
    > margin: 0px;
    > background-image: url(images/mainbg.jpg);
    > background-repeat: no-repeat;
    > background-position: left top;
    > }
    > #contentkids {
    > background-color: #FFFFFF;
    > padding: 0px;
    > min-height: 100%;
    > width: 800px;
    > visibility: visible;
    > float: left;
    > margin: 0px;
    > background-image: url(images/kidsbg.jpg);
    > background-repeat: no-repeat;
    > background-position: left top;
    > }
    > #content #left {
    > text-align: left;
    > float: left;
    > height: auto;
    > width: 340px;
    > padding-left: 92px;
    > color: #21723C;
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 15px;
    > line-height: 22px;
    > font-weight: normal;
    > text-decoration: none;
    > margin-top: 172px;
    > }
    > #content #left h1 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 32px;
    > font-weight: normal;
    > color: #20723D;
    > }
    > #contentkids #left {
    > text-align: left;
    > float: left;
    > height: auto;
    > width: 340px;
    > padding-left: 92px;
    > color: #21723C;
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 15px;
    > line-height: 22px;
    > font-weight: normal;
    > text-decoration: none;
    > margin-top: 190px;
    > }
    > #contentkids #left h1 {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 32px;
    > font-weight: normal;
    > color: #20723D;
    > }
    > #contentkids #left a {
    > color: #20723D;
    > text-decoration: underline;
    > }
    > #contentkids #left a:hover {
    > color: #861316;
    > text-decoration: none;
    > }
    > #content #right {
    > float: right;
    > height: auto;
    > width: 368px;
    > }
    > #contentkids #right {
    > float: right;
    > height: auto;
    > width: 368px;
    > margin-top: 190px;
    > }
    > #content #footer {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 14px;
    > font-weight: normal;
    > text-transform: uppercase;
    > color: #861316;
    > text-decoration: none;
    > text-align: center;
    > padding-top: 12px;
    > padding-bottom: 12px;
    > clear: both;
    > }
    > #content #footer a {
    > color: #861316;
    > text-decoration: none;
    > }
    > #content #footer a:hover {
    > color: #1F713A;
    > text-decoration: none;
    > }
    > #contentkids #footer {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 14px;
    > font-weight: normal;
    > text-transform: uppercase;
    > color: #861316;
    > text-decoration: none;
    > text-align: center;
    > padding-top: 12px;
    > padding-bottom: 12px;
    > clear: both;
    > }
    > #contentkids #footer a {
    > color: #861316;
    > text-decoration: none;
    > }
    > #contentkids #footer a:hover {
    > color: #1F713A;
    > text-decoration: none;
    > }
    >
    > Any help would be appreciated. Thanks,
    > Dan
    >

  • Creating a circle with 100 equal spaced, equal sized wedges within it.

    I need to create a 100 wedges 'spinning wheel' graphic (like a pie chart but does not require pie chart functionality) with each wedge of equal size and spacing but can't seem to find a process that works. Any help greatly ppreciated.

    Welcome to the forum
    As mentioned above you can try using the "polar" grid tool: width/height = desired, concentric dividers = 0, radial dividers = 100
    Another approach would be the following:
    1.) Draw your circle at the desired size
    2.) With the line segment tool draw from the center of your circle out past the top edge
    3.) Select the newly drawn line only
    4.) Effect (menu) > Transform, Copies = 100, registration point = bottom, rotation = 3.6 (360/100)
    5.) Expand appearance on the line that has the Transform Effect applied to it
    6.) With all the lines and circle selected: Pathfinder > Divide
    7.) Ungroup
    8.) Do whatever you want now with the 100 individual wedges
    Hope something proves useful to your efforts, again welcome to the forum.

  • How do I create an image with a transparent shape?

    Hi
    This should be easy -
    The end result I want is this:
    a png which is mostly black (or any colour) but with a defined shape in it which is transparent.
    I have the shape. I select it. I seem to be able to make a mask from this (a selection which I can copy and move about). But what I can't figure out how
    is how to create a new image which is filled except for this masked area.
    Any help gratefully received.
    Thanks
    --Justin Wyllie

    Open a blank, new file with foreground color green
    Type text
    Open effects palette, and in the drop-down go to bevels, then select "Simple Emboss" - it is the second one in my program. Apply
    Still in he effects palette, in the drop-down, go to visibility, select "Hide". Apply
    Double click the f icon on the text layer in the layers palette to bring up the Style settings dialog, and add a small stroke to better define the letters.

  • How to create an image with a transparent shape

    Hi
    This should be easy -
    The end result I want is this:
    a png which is mostly black (or any colour) but with a defined shape in it which is transparent.
    I have the shape. I select it. I seem to be able to make a mask from this (a selection which I can copy and move about). But what I can't figure out how
    is how to create a new image which is filled except for this masked area which is transparent
    Any help gratefully received.
    Thanks
    --Justin Wyllie

    Open a blank, new file with foreground color green
    Type text
    Open effects palette, and in the drop-down go to bevels, then select "Simple Emboss" - it is the second one in my program. Apply
    Still in he effects palette, in the drop-down, go to visibility, select "Hide". Apply
    Double click the f icon on the text layer in the layers palette to bring up the Style settings dialog, and add a small stroke to better define the letters.

  • What is the most efficient way to create an image with no background?

    When I create, or use, a logo, or type, or any graphic image,in a design, I want to import it to InDesign with no background - "transparent", if you will.
    The steps involving importing from PShop seem convoluted, at best, with bitmap, greyscale and eps files... I know I am on the wrong track with this process, since it never seems to work.
    Also, wish to import from Illustrator and sometimes Painter12.
    Is there a quick'n'dirty way, or a best way, to do this?
    Thanks, forum people!

    First, it's OK to combine responses into a single post. Everything goes to the forum, not the individual, so we all see it all,so to speak.
    Double clicking the background or duplicating it are just different paths to the same end, and you pick one based on what you are doing, as much as anything. "Background" in Photoshop is locked for transparency, so if you need a tranparent background you MUST do something. If I know I'm not going to need to do other stuff, I probably would double-click and convert the layer just for convenience and to reduce the file size, but if it's a client file or I know I may need to add adjustments and so forth, I usually will duplicate the background (even if I don't need transparency) and turn off the original. This gives me an untouched backup position and a source for making more copies, if necessary. I don't like doing any sort of destructive edit without using a copy of the original data.

  • Can't create cd image with any CD

    Hi,
    I'm having trouble creating a CD Image in Disk Utility. I insert the CD and then open Disk Utility. I then highlight the CD drive and click on New in the menu. The problem is that the "Disc Image from Device" option is greyed out. Does someone know why this option can't be selected?
    This happens with any cd
    Thanks,
    Roby

    If you are going to burn copies of the CDs, use the "Importing" pane of iTunes' "Advanced" preference to import using AIFF or Apple Lossless Encoder, so you don't reduce the audio quality. Also check the box to use error correction.

  • BUG REPORT: Layers with 100% height in timeline knock bottommost layer(s) out of scrollable area

    I have tried to post this twice to the official bug report page, but (somewhat hilariously) the bug report page bounces it back with an internal error about an unknown email address, so I'm posting here too just in case. As I have no idea how to report a bug about the bug report page, I decided I might as well just post the bug here.
    CS5.5/Windows 7 - Verified on 6 different machines, some 64 bit, some 32 bit
    If I have a layer in the timeline that has been expanded to 200% or 300% (via Layer Properties) height, the bottom-most layers gets pushed outside of the viewable area. The scrollbars simply don't scroll that far. I double-checked and this is new since CS4--which still works correctly--so never let it be said that the engineers aren't working on the code! :-/
    Basically, I use this for audio layers, as it is nice to expand them to 200% so it's easier to see the waveform and guess where certain words are ending, etc when doing timeline syncing.
    It can be worked around by expanding the timeline to be tall enough to bring everything into view, so I suspect the bug lies in the scrollable area calculation. However, since space is at a premium, usually I only have about 5-6 layers worth of space allocated to the timeline panel, so this bug hits me quite frequently (since I have all my old projects set up with 200% audio tracks).

    sam wrote:
    I have the same soundcard (or at least the same modules loaded) and I'm getting good volume. 
    Things to check:
    If you have the pcm and main volume all the way up in alsa mixer that should be it.  You may have to adjust the volume separately if you use esd, arts, pulse, or jack (I don't use them). 
    Another thing to test is to make sure your using alsa not oss, and you may want to raise the oss level and see what happens. 
    The final thing is you want to check to see which sound device the audio programs are using (usually found in the preferences).
    If none of that works, then you're out of luck.  It would help if you post what sound programs you are using and what sound daemons you are using.
    Here is my Daemons line from /etc/rc.conf
    DAEMONS=(@syslog-ng @network @netfs @crond @alsa @hal @fam)
    So i would think im using alsa not oss.  but how would i go about raising the oss to make sure?  there is no "oss" option in alsamixer.  I have tried just abuot every audio progream there is and even firefox, all of them produce about half of the maximum volume level.

  • OSD - Creating 1 Image with choice of Software & Driver Packages

    I am kindda new to SCCM 2012. I was wondering if it is possible to have like 1 Windows 8.1 Image and when it is being deployed we get a prompt for choice of Driver and Application Packages. The reason is that we have different kind of laptops and different
    requirements for software. It would be good to have a prompt where you can choose which Driver Package to deploy based on the hardware and choice of software package that depends of the user's department.

    Retrograde_PAK, a good majority of our software deployments occur based on our computer naming convention so having a decent naming convention would
    be very helpful. I also create collections for all(most) of my software packages and am able to pull device records into their deployment collections based on membership queries again typically I leverage our naming convention but you could use any number
    of things... AD location... Installed OS... basically anything that sccm has stored in its db for those records. then those collection are populated automatically based on those queries and the package is installed.

Maybe you are looking for