Need background photo to fill the space

Dreamweaver CS3 / Mac 10.5.8
I am working with a combination of tables and CSS. In one cell of my table, I am trying to get a background image to fill the space. It is filling only about 1/4th of the space. This is the code I have:
<td height="742" align="center" valign="top" background="images/Hands1.jpg" style="background-repeat: no-repeat;">
Can anyone tell me what code I can add to enlarge the image to fill the entire space?

Cohek wrote:
Dreamweaver CS3 / Mac 10.5.8
I am working with a combination of tables and CSS. In one cell of my table, I am trying to get a background image to fill the space. It is filling only about 1/4th of the space. This is the code I have:
<td height="742" align="center" valign="top" background="images/Hands1.jpg" style="background-repeat: no-repeat;">
Can anyone tell me what code I can add to enlarge the image to fill the entire space?
You can't enlarge a background image. Background images are static.
Make a bigger image in your graphics app, or repeat your background-image with CSS (see link below for details):
http://w3schools.com/css/css_background.asp.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

How to set a background image to fill the entire screen on any device in a spark mobile application

Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
Dan

Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C

How do i colour fill the spaces between my line work

I have drawn an image using various shapes and lines how do i fill the space in between sections with colour without it just filling the rectangle shape? Ive drawn this dragon and need colour it in what is the easiest way to do it as they are all individual paths

BMAkeele,
In addition to the magic words of Doug, you will need to decide what to do about the gaps, such as the one between the bottom and the near leg.

My iPhoto doesnt allow me to place more photos, says that the space is full but my mac book pro is new (less than 2 weeks) and I only got 500 photos, what should I do?? the computer is almost empty

My iPhoto doesnt allow me to place more photos, says that the space is full but my mac book pro is new (less than 2 weeks) and I only got 500 photos, what should I do?? the computer is almost empty

Apply the two fixes below in order as needed:
Fix #1
Launch iPhoto with the Command+Option keys held down and rebuild the library.
Since only one option can be run at a time start with Option #3, followed by #4 and then #1 as needed.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
1 - download iPhoto Library Manager and launch.
2 - click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
3 - Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option.
4 - In the next window name the new library and select the location you want it to be placed.
5 - Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments. However, books, calendars, cards and slideshows will be lost. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT

How to get background image to fill the browser and remain fixed in both IE and Firefox?

Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
First of all, I'm using IE8 and the latest version of Firefox to test this.
I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

Needed? Option to Fill Empty Space with Podcasts When Synching to a Device

Hello,
With the new 32 GB capacity of the iPhone 4, I find that I have a lot of remaining space after selecting 10 latest unwatched podcasts. On the other hand, if I select all unwatched podcasts to download, I get a warning that I have exceeded the capacity of the device.
It would be nice if, in iTunes, the following options existed:
1. Fill the empty space with selected podcasts
2. Select 20 unwatched videos from the dropdown (in addition to the other existing options)
3. Enter the number of podcasts the user wants to download for all podcasts.
4. Enter the number of each type of podcast the user wants to download.
There is an option to fill unused space with music, but no similar option for podcasts.
I have submitted to http://www.apple.com/feedback, but I wonder if anyone else has this issue?

AC Adam wrote:
The only way I can think of to work around this might be to dump a lot of photos on the phone when syncing such that they take up an extra amount of space, then manually delete them from the phone interface once I get done.
That or add an App or Apps to take up the space.
I would think there is more eloquent way to do this with through either iTunes or the iPhone.
Nope.

Background image to fill the whole screen

Hi everybody
Please assist,
1st question : I want to add the background image that fit the whole screen. I have tried to put image background however it leaves white spaces on the edges and another thing is that after adding the background image when I add content in the tables the background image start to repeat.
This is the website example I want to achieve : www.inesjaksic.com , www.grupa-desperado.com
www.street-heroes.com
2nd question : How to add the scroll bar on the text content, so when you scroll only the text moves.
Website example : http://www.kls.com/page.php?p=about/biography/index
Thank you in advance for your help.
Kind regards
Vusi

#1 Background images are static. They don't resize to fill the browser viewport without a lot of additional tricks which may or may not work in all browsers. Moreover images that resize quickly become distorted. For best all around results, build your page to a fixed-width target audience (990px is usually fine for most users). Use a seamless background tile or gradient slice and repeat it vertically (repeat-y), horizontally (repeat-x) or both ways (repeat).
#2 Use CSS overflow and height property.
#divName {
height: 400px;
overflow: scroll;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do I fit a background image to fill the entire page?

Hi,
could anyone please tell me how I use e.g. a jpeg image as a background image that fits the entire page without getting horizontal or vertical scroll bars?
Thanks

Hi Pziecina and Nancy O.,
thank you so much for your mails. However, I'm still trying to figure this out.
@ Pziecina...I studied the source code of your webpage and tried to insert parts of it into my own page in different variations. The solution to my problem must have something to do with CSS and img src height and width. All I get is a white page. I found out that an image size set in Photoshop apparently doesn't have any effect on whether the image fills the browser 100% or not.
@ Nancy O. What I'm trying to do is to use one single image as background for a single page on the website, I'd like to construct. An image that opens up to the entire width of the screen...not just the browser. I imagine this with layers of transparent/solid color for text fields. I studied the website page, you suggested and a repeat action is not what I aim for. And I realize that maybe I'm thinking too much in Photoshop terms...thinking I can do similar actions in Dreamweaver. I'm well aware of the whole thing being 'too much' in terms of design and usability but if you check out www.frauhaus.dk I think that works beautifully, although it doesn't open up to the entire screen. I'd like to see if that design concept will work for my own website or if it's going to be too confusing.
And to both of you I really appreciate your time and input, thanks. Even though I'm still getting grey hairs as a beginner I keep thinking that there's got to be a solution to this.
Best regards from MissRaspberryDream

Using iWeb want background photo to cover the entire computer screen. how large a photo do i need?

Am using iweb. Want to put a large photo across the entire computer screen, not just the web page. How large a photo do I need?

Have a look :
http://dl.dropbox.com/u/3563737/Lycos/Beach.html
Use your own image and paste the code in a HTML snippet.
The size of the image depends on the size of the browser window of your visitor. And it will never be larger than the browser window.

Need leading zeros to fill the front of a 10 character parameter being passed-HELP!

I have a prompt 10 character parameter that some people forget to insert the zero at the beginning of the number. ex.(they type "594468010", suppose to be "0594468010"). How can I fill in the leading zeros for them after they type in the prompt box? My prompt comes from a command. Here is a sample of the where clause: WHERE DB.ID_NUMBER = '{?I_IDNO}'
I tried to use LPAD('{?I_IDNO}',10,0), it works with plsql, but not when I run the crystal report.
Does anyone have any ideas? thanks for your help in advance!

a) you can always use your database specific cast / convert function to convert the text field into a number for the purpose of record selection. then change the prompt type to numeric. crystal commands are database specific so you'd want to check your database help on what specific syntax to use for the cast / convert in the command.
b) the other choice to leave the command & prompt type alone & use an edit mask on the command prompt...this would then force the end user to enter the leading zeroes as the edit mask would force a certain length on the entry. so in the crystal field explorer edit the prompt and put in an edit mask of 000000000 for example if you wish to force the end user to enter 9 numeric characters.

Dynamic_size graph won't fill the space on showDetailItem without "help"

Hello everybody, how are you ? I'm using JDeveloper 12.1.2.0.0.
I'm having a lot of difficulties to make my dvt:barGraph expand to fill my showDetailedItem, which is inside a panelSplitter.
I am able to make the dvt:barGraph expand but first i have to fullscreen the browser and then make to normal so it will refresh and update the dimensions.
After i do it with the browser (F11 twice), the graph already shows the dimensions correctly but only after i do that.
Here is the code:
Do you have any idea of how to make the graph to calculate the appropriate dimensions on load?
Regards,
Frederico.
ps- i have removed some of the fields because of the: content blocked due to spam.

<af:showDetailItem text="Regas vs. Referência - Gráfico" id="sdi1">
                                    <dvt:barGraph id="graph1" value="#{bindings.VGraphYearSalesView11.graphModel}"
                                                  subType="BAR_VERT_CLUST" shortDesc="barGraph"
                                                  inlineStyle="max-height:100%; max-width:100%; min-height:100%; min-width:100%;"
                                                  dynamicResize="DYNAMIC_SIZE">
                                        <dvt:o1Axis scrolling="on"/>
                                        <dvt:y1Axis scrolling="on"/>
                                        <dvt:o1TickLabel id="o1TickLabel1" tickLabelSkipMode="TLS_NOSKIP"/>
                                    </dvt:barGraph>
                                </af:showDetailItem>
I had to remove some of the fiels due to messagem: due to spam, content is blocked.

Help:Need to get rid of the space.

Hello Folks.
I am having an extra space between monthname and year in the folllowing query. Can anybody throw some light on how to get rid of the extra space between.
Thanks a lot
(to_char(trunc(sysdate,'MM')-1,'MONTHYYYY')
output:(currently)
JANUARY 2010

Hi,
The format you want is 'fmMONTH YYYY'
'MONTH' always returns a string of the same length, right-padded with blanks to be as long as the longest month name. In English, the longest month name is 'SEPTEMBER' (9 characters), so January (7 characters) gets padded with 2 extra spaces; May would get 6 spaces.
'FM' in the format means "lose the padding". Since you want a space (exactly one space) between the month and year, put exactly one space in the format string.
The complete TO_CHAR expression is:
TO_CHAR ( TRUNC (SYSDATE, 'MM') -1
,'fmMONTH YYYY'
)

Just 1 Background image to fill the browser & NOT tiled images

After reading some of the suggestions given in this forum, I gather that I have to use CSS to get around this problem. What I did was:
in a Notepad text editor, typed & saved as mystyle.css
body
background-image:url('gradient-3-max.jpg');
background-repeat:no-repeat;
(*note: fr the CSS tutorial > How to > external style sheet. I may not have understood it completely.
Reads: ...... Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:)
<head>
<link rel="stylesheet" type="text/css" href="mystyle" />
</head>
I added this tag in my HTML document, however, the background is still tiled.
Where did I go wrong? I am a newbie to flash, so kindly guide me thru each step
Thank you!
Karen

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

Setting aside photo space w/ using music option to fill free space

I have a 32gb iPhone and I'm am looking for way to utilize the 'fill free space' option with music while at the same time setting aside a few gigs of free space for music and video. Whenever I use the 'fill free space' option, I am being limited to the amount of pictures or videos that I can take before I get 'out of space' warnings with the camera. I would like to set aside 2 or 3gb, dedicated for photos, then fill the rest with music.
Has anyone found an easy way to do this? The only way I can think of to work around this might be to dump a lot of photos on the phone when syncing such that they take up an extra amount of space, then manually delete them from the phone interface once I get done. This seems a little over cumbersome though... I would think there is more eloquent way to do this with through either iTunes or the iPhone.
Thoughts?

AC Adam wrote:
The only way I can think of to work around this might be to dump a lot of photos on the phone when syncing such that they take up an extra amount of space, then manually delete them from the phone interface once I get done.
That or add an App or Apps to take up the space.
I would think there is more eloquent way to do this with through either iTunes or the iPhone.
Nope.

How to fill the whole screen of my iMac with the photos included in an iDVD project. (iDVD v. 7.1.2)

How to fill the whole screen of my iMac with the photos I included in an iDVD project. (iDVD v. 7.1.2). I mean, during playing the burned dvd.
When I do "Enter Full Screen", the slide show fills the screen but the photo itself remains in the middle with a wide black border filling the rest.
Any cure for this ?

Hi
In iDVD Preferences - Turn off - TV-Safe area - and the Photos will fill the full area with just letterboxing or pillars as max.
Then "Save as a DiskImage" and test this and see if this plays better - before burning DVDs that's not as You want them.
Bengt W

Need background photo to fill the space

Similar Messages

Maybe you are looking for