I really do not get this. I am making a landingpage:
Landingpage
If I look the responsive design on Iphone 5, 6 and 6+, there is a grey background behind the logos. It is also appearing under the form. The background image should go to the top. I have been looking through the code for hours, but cannot find the answer. Can anybody see why?
Just add .fullscreen {background-size:cover;}
The grey background you see is just the body color because your background image doesn't take the whole space.
Related
i've been trying to find the name of this but i have no clue on how is this called and made.I have been coding a html website and i wanted to do some experimenting with the background that there is Content on a white background(the white background is small just to cover the content not a main background) and behind it, is the background image. Check steam profile backgrounds everything is on the blue/black background and the games bgs are behind.
Sorry for my bad english.
I think to have understood your questione, in css make the body, or a background DIV height and width :100% than set the background-image: imagepath;
Now your should have the background.
than create a div, in CSS make it position: relative; height and width the size do your preferenze than to have it centered use matgin:auto; and to have only the background of the div look semi trasparente use a background-color:rgba(255,255,255,0.8)
I hope to have answered your question.
PS if your need to get started try Code accademy.
may I know how do I program the seemingly simple navigation bar in the attached image of the pied piper website in the show "silicon valley" in HTML/CSS? In particular, how do one program the dark blue portion?
Do I attach a dark blue image and have its position set to "absolute" and have the link buttons and logos placed on top of it?
Or is it any other better way?
Thank you!!
Or is it any other better way?
Are you really asking how to set a background (color) with CSS?
You should have a look at the w3 tutorial about CSS backgrounds then.
Just have a div and apply a dark blue background with CSS like
div.whatever-class-you-choose
{
background: rgb(3, 10, 24);
}
Or check out the fiddle I made. It's all pretty self-explaining.
I have a page with a large background image. The menu and main content portions are 900px and centered. Rather than just fill the menu background with a color, I'd like to simply blur the background image. I'd also like the blurred part to move appropriately when the page is resized so I can't just blur a section of the background. How is the best way to achieve this? I tried putting a semi-transparent .png as the background to my menu div but that didn't work, I didn't see any effect. Does anyone know how to do this? Thanks.
The site that inspired the question is this one: http://www.bluespooncoffee.com
http://jsfiddle.net/MAbpx/
background: rgba(255,255,255,0.5);
This makes the background of something semi transparent because the last value is the alpha (transparency value). Adjust as needed.
That's a screenshot of my blog on Tumblr, on Chrome those black borders aren't existent, both images are PNG with a transparent background, how can I make those ugly boxes disappear? I've already tried following a few threads here on the subject, and they didn't work.
Hmmmm. That's really strange, Snipping Tool didn't capture the black boxes, but print screen did. here's the print screen image.
Without more details that is hard to say did you try to add this css?
img {
border:none;
}
I have a really strange problem that I can't explain and fix, it is driving me crazy.
I have this logo that I am showing on a webpage :
http://imgur.com/eGLwE.png
Note the background color value is #400000 or rgb(64,0,0)
I am displaying this image on a webpage set with background color #400000 too.
When displaying it in Firefox, everything's perfect and I can't notice the shift from the background color and the image.
In IE(8) however, the image's background color is mysteriously changed to #360000 or rgb(54,0,0)
so the shift from the page's background color to the image is visible...that should not happen.
Why is IE changing my image's background color?? That makes no sense, lol.
Any help is greatly appreciated.
IE8 should not change the color of your image, that is bizarre.
But it does!
Lets add this to the long list of IE bizarro interpretations.
have you tried using a png with a transparent background instead?
if that's impossible for you, there's an article here describing the IE PNG problem and how to fix it: http://www.biorust.com/tutorials/detail/231/en/