|
HTML - Multiple Background Images
I'm trying to do a profile layout design using multiple background images in the body.
body background-image: url('http://www.geocities.com/korknup/HATEBOOK/LOGO.jpg') is it even possible to embed more than one image in the body, like an image gallery? Similar TutorialsHello! I'm having this problem and am not sure if it can be solved: I have table with text. The text length varies as it is user-inputed. I want to have, as background, 2 graphics that encapsulate it on the vertical axis. They look like "[" and "]" but inverted. What I am aiming to do is have the text start with the "inverted-[", continue to stretch and then end with "inverted-]". How can it be done, please? There is only one TD and both graphics willl get covered with text, so I can't have one as background for the text TD and the last one just at the end without any text on it... I'm trying to put a background on my website Im using Wordpad I put the code in but it's coming up as a image not as a background. <body BACKGROUND="...."> Am i using the rong code? Hi, I'm trying to put some background images into my web page. But in this case I don't wan't them to cover all the background, nor to repeat themselves. I wan't different images as a backgrond. One would be the head banner at the top, the other one would be the image as background of the index and navigation bar at the left and the other image would be the one that serves as background to the site's content to the right. I need to know how to align this images into the exact position I need them to be, and how to upload this images. I used this code: TD width=160 background="imagename" border="0"" height=345></TD> however, it doesn't takes it as a background but as an image and it pushes the text down instead of being behind. So, please if someone could explain me about this I would be very grateful. Thanks a lot. Hi, this is probably an easy question, but I'm a complete html newb so here goes: I want to put an image on my nevada refinance website of a house or something and then set it into the background so I can overlay a form for submitting your zipcode to get free mortgage quotes. I've found suggestions for setting a background image for the whole page, but I don't want to do that, just put an image on the page and set it into the background to the text box goes over the top. Can someone give me a little advice on how to do this? I just wanted to know if we can put 2 background images in the same webpage ? The first 200 pixels (height) should have one image and the rest of the webpage should have another image. Is this possible in anyway ? Thnx in Advance Good Morning! (For those of us in EST) I am building a website that will have multiple languages and there are separate images for the header for each language. I was wondering if there was a more proper way of having separate header images for each page, other than having a blank header image as a place holder for the space and placing the image for each page in header space? Also, a side question. I think http://validator.w3.org wants to cut my throat when I put in this code. Here is my doctype - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> and the code... PHP Code: <dd class="style2"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/ylbObe9OgEM&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ylbObe9OgEM&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></dd> Did I mess up something big time? This was just the standard code from youtube. Hey everyone, im new to this site and am hoping that someone on here can help me with this small but annoying problem I have been having. I am designing my first java script site for a friend, and am really happy with the design. However when the site is viewed in Internet Explorer the background image for the header lock onto the page instead of aligning to middle. See it for yourself here. I dont want to have to redesign the layout, but im not happy with leaving that problem as it looks really unprofessional for a business site. I am relatively new to this, but am a quick learner, just hoping someone can help push me in the right direction. Thanks for any help you can offer. Josh I am designing a website for an author and generally I only do ColdFusion developing so I am a bit weak nowadays on HTML and CSS, but I was trying to figure out a way to resize a background image without editing. Basically, I am making a table and I want the image to take up 100% of the background of said table. Is there some CSS style code that I could put in to do that? Thank you very much for your help. It is much appreciated. I have a centered background image, with a navigation div over the image. Now, I want to put my body div under the picture, CENTERED, and the only way I know how is to use <br /> This is my problem. When I put <br />'s, it looks good in one browser, but terrible in another. Is there some way, hopefully in CSS to center AND absolutely position my div? I have an 8 year old website with 99.9% valid HTML4.01 transitional code. The only problem I'm having is that the attribute "BACKGROUND" in my tables is not recognized as valid. I need to use images as backgrounds in some of my tables. Is there any way I can do this with HTML, or maybe an in line style sheet? I'm not at all familiar with CSS so I'm hoping that there is another way. Thanks. Hi... I have the following table: HTML Code: <table width="180" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <a href="#"><img src="http://www.radioimaging101.com/images/a65.jpg" width="180" height="37" border="0" /></a></td> </tr> <tr> <td> <img src="http://www.radioimaging101.com/images/spacer.gif" width="180" height="10" /></td> </tr> <tr> <td> <a href="#"><img src="http://www.radioimaging101.com/images/a72.jpg" width="180" height="37" border="0" /></a></td> </tr> <tr> <td> <img src="http://www.radioimaging101.com/images/spacer.gif" width="180" height="10" /></td> </tr> <tr> <td> <a href="#"><img src="http://www.radioimaging101.com/images/a76.jpg" width="180" height="37" border="0" /></a></td> </tr> <tr> <td> <img src="http://www.radioimaging101.com/images/spacer.gif" width="180" height="10" /></td> </tr> <tr> <td> <a href="#"><img src="http://www.radioimaging101.com/images/a82.jpg" width="180" height="37" border="0" /></a></td> </tr> </table> What I want to do is make those images (a65.jpg) part of the background, so that I can place objects on top and cover it up when needed, but have it show through when not covered by another object. I know this is probably remarkably simple, but I've just never had to do it before and haven't had luck with my trial and error approach. Any help is appreciated. This code is on the page at http://www.radioimaging101.com/index.php Thanks! Hey All Groovie forum you got here Ok, now to my main point... I want to be able to stretch a image (banner) fully across the screen. I dont want to adjust the height, just make it run from one to side to the other. Also how do I stretch the background image to fullscreen without css? Cheers Hi, Please help me. I have issue with the background images, when the width of the page/table increases background images are not expending /auto resizing dependent on the column/td width. Please let me know how to solve this issue. Please find code below. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <tr> <td width="1%" height=60px; background="/images/tabs.1.1.gif" style="background-repeat:no-repeat;" > test1 </td> <td width="25%" height=60px; background="/images/tabs.2.gif" style="background-repeat:no-repeat;"> test2 </td> <td width="25%" height=60px; background="/images/tabs.3.gif" style="background-repeat:no-repeat;"> test3 </td> <td width="25%" height=60px; background="/images/tabs.4.gif" style="background-repeat:no-repeat;"> test4 </td> <td width="23%" height=60px; background="/images/tabs.5.gif" style="background-repeat:no-repeat;"> test5 </td> <td width="1%" height=60px; background="/images/tabs.6.gif" style="background-repeat:no-repeat;"> test6 </td> </tr> </TABLE> </BODY> </HTML> Thanks, Raj Hi all! I'm currently doing a site, where i all the content is in a roundcornered box, in the middle. There is an black fading outer glow on the box. Then here is the problem: I want the background to be a striped pattern. But how do i make it striped under the fading? Thanks in advance! Hey I would like to have a bar span the entire width of any screen, but by using 3 seperate images: <-- image goes on forever left ] [ central image ] [ image goes on forever right --> Is this possible? if so, would you kindly show me how? much love... I am currently having an issue where Firefox allows my images to wrap according to window size but IE puts them one by one down the page instead of putting images side by side according to window size if they will fit. Example is that I have 5 images. 4 of the images are 350pixels X 400pixels and 1 image is 700pixels X 500pixels. I have code that loops through and gets images for each section that is setup. Then I am just displaying the image in 1 line of code which loops through and displays the images for each section. I have 5 sections setup with the five images listed above. My code then displays the section images with links to the sections. <a href="<%= lTemplateFileName %>"><%= (sectionMediaFile != null) ? sectionMediaFile : "" %></a> Firefox puts images side by side and since the 700pixel image will only fit on 1 row it puts that 1 image and then the next row shows 2 images because they will fit on that row. With IE using that code it displays each image 1 by 1 on seperate rows. I want to be able to use 1 piece of code that will allow images to wrap depending if multiple images can fit on that a row. I don't want to limit a <td> to a colspan and create a table out of it. I just want the images to display as many as it can fit on a window size and wrap the next images to the next row and so on and so on. I'm developing a website at http://beta.ponderosatreeservice.com and use some background PNG's with transparency. I'm using a hack right now which allows an embedded image to display correctly but it doesn't work with background images. I've found a few hacks online which I haven't tried but I was wondering if there was any type of consensus here as too which hack is the best for background PNG images. I need my background image in the main table to stretch the entire length of the viewers browser whenever the content of the page is not enough to require the use of the entire page. Using table height at 100% it will only extend as far as the farthest south piece of content on the page, which might not be the bottom of the browser window. The site is here, and i'm currently using a table height of 750px to take it off the bottom of the page. However in IE i get an unwanted scrollbar. Is there an easy workaround of do i just accept the scrollbar is going to be there? Also, if your bored can you tell me why IE wont valign the td to the top of the cell, whereas FF will, and how i might fix that pls? Thx! Hi there, I have the almost impossible task to create a newsletter (text + pics) that contains a background image and needs to be distributed using Microsoft Business Contact Manager (Microsoft Outlook add-on). So, can you tell me if background images are 100% good html or not? If yes what could I be doing wrong (CSS, links to images...) Please help Marco |
|||||||