I have a web page with a header, content and footer. There is a background image in the content. I would like the image to fill the remaining space between the header and footer. There are divs that are children of the content div with the image that
I know that background-image is not allowed in windows outlook you can check it bellow: background-image: url(image); CSS Support Guide for Email Clients Also background tag is not readable for windows outlook : background="image" Is there other
I have an image to be used as a banner that is 1400x350 and I would like do display maybe 80% of it's height. I'm not looking to scale the image, I need to display only a portion of it. Imagine a picture of car and I want to display from the just abo
I am trying to find a way to put a nav bar behind some background images that repeat. Here it is: Basically, I want to have a navigation bar behind the repeating plants image, but in front of the sun image. I am going to make the nav elements popup w
I am trying to set an image uploaded through custom fields plugin and have it display as the background of a div (which is used in a slider). However the image is not displaying...I have text in the custom fields and that is showing okay so I think i
I have a background image in a header that automatically resizes to the width of the window. However, the height does not adjust properly -- an inherited CSS property sets the div to a fixed height of 50px. Currently, I'm using: background-size: cove
I might need your help. I tried to use an image as the background of a div, and cover up the borders with a box-shadow. The problem is that it still displays like one pixel of the background image at the borders in Firefox and Internet Explorer, just
I've the following tags <input id="date" class="mandatory datepicker" type="date" name="Date"></input> <input id="name" class="mandatory" type="text" name="Name"
I build this in php: <?php $bg = array('block2.png', 'block3.png', 'block4.png', 'block5.png', 'block7.png' ); $i = rand(0, count($bg)-1); $selectedBg = "$bg[$i]"; ?> <style type="text/css"> <!-- .block_small{ background
I am trying to get a background image for my web page. I have a link to an external style sheet, which works fine (the CSS applies), but when I try to get the background image using background-image it doesn't show the result. I have tried both absol
I have a list of figures containing background images. Something like the following: <ul> <li> <figure style="background-image: url(...);"></figure> </li> <li> <figure style="background-image: url(...)
I have two images: left.jpg is 250px-by-47px, right.jpg is 1px-by-47px. These are put into the two cells of the same table row: left.jpg goes into the left cell in an <img> tag, right.jpg goes into the right cell, as its background-image. Here is th
I am trying to fade 3 (fullscreen) divs into one another as I scroll. I have been trying to use Skrollr ( https://github.com/Prinzhorn/skrollr ) and it has kind of worked but with one weird issue. When I scroll down the images fade but '.intro-bg' st
I'm doing a responsive theme for a site. I need to be able to change a div's background image when the window size is smaller than 420px. I needed to be able to reference the site url in order to set the background image in the first place, so origin
I dont want to use html tag. This is my css. I am using bootstrap 3.0. background:url('images/ip-box.png')no-repeat; background-size:100%; height: 140px; display:block; padding:0 !important; margin:0; On 100% zoom this is OK. but when I zoom in at 18
I have a layout where I need to use height: 100% on html and body (and any wrapper divs I resort to using) to achieve an effect similar to pages, so that the content on my first "page" is centred, scrolling down the content on the second "p
I use this code to play and pause song samples, and there are multiple instances on the page. I would like to append some code after song.play() that changes the background-image of this instance only of the .playback class to pausebutton.gif and the
I can't seem to get my background to stay fitted to my browser when I resize the window. Please help! Here are the images to show you what is going on: View images The first image is how it should be fitted, the second is when I stretch it horizontal
I have a tab bar controller containing two tabs: UIView and UITableView controllers. I'm trying to have the same background image in them, but the problem is that the image is resized in the UITableView. Here you can see the difference. In order to a
I just hope there is any creative solution out there to solve the following problem: I have a #containter with a background image applied #container { height:400px; width:100%; background-image: url(http://cl.ly/NEvg/kv.jpg); background-repeat:no-rep
How can I utilize the cascade to override only the second image in a multiple background image declaration? I have specified a standard style for lis, with two background images (the kitten, and the fish on the right side). I've also specified a styl
I'm not sure why it won't load my background color nor image if I'm not using multiple backgrounds on 1 element. ("IE8 and earlier do not support multiple background images on one element.") #header1 { background: #191919 url(Site-in-development
Im applying a background image to the body element and am only getting the background color. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <met
Opacity is not being inherited by the images in a DIV with opacity in IE8 and I'm not sure why. One is an image via HTML, and the other images are set as a background in CSS (to achieve a roll over effect). It works properly in IE7, IE9, Chrome, Fire
Hi I have the following problem: When using all browser, it showing background OK. when using IE6,7 or compatibility view no background image showing. when removing all "background-image" and just leaving fallback, everything works. Please help.
I'm trying to use media queries for the first time in my life. What I want to achieve is an online form for mobile browers (basically for Android MDPI / HPDI and iPhone 3 to 4). What I did is to do a media query for 320px screens with a 320px width b
i have an ipad app (>30 views / pages) each view has a unique background. the problem: whats the best way to set the background (memory friendly) is there a better way than adding: uiimageview "backgroundView" as a subview? version1: [[UIImag
I've a webpage with a background image that needs to be kept sharp and in focus. The problem is that to achieve that it obviously has to have a set size every time. I need a way of filling in the remaining space (which will vary from screen size to s
I have a CSS class where I added a background image like this: .my-class{ background-image: url(images/my-bg.png); } this applies fine and works properly in browsers, but when I see it in the iPad, the background image is not visible. What could be t
I don't know what is going on but it seems that the background image isn't loading. test.html: <div class="pToolContainer"> <span class="btn-pTool"> <a class="btn-pToolName" href="#"></a> <