CSS style -Background not showing ?

hi everybody ,
first of all i'm quite new to Dreamweaver and webdesign word so ... sorry if i make mistakes
when trying to prewiew my site , or in dreamweaver itself , i cant see my background (is a .png file made whit photoshop , a simple gradient whit some effects)
i tryed to use the site manage , and set the image default folde , but this didn't resolved anything !
this is my HTML code (oh yes , i'm writing the site in HTML5):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/SitoCSS.css" rel="stylesheet" type="text/css">
</style>
</head>
<body>
<div id="Principale"></div>
</body>
</html>
And the CSS style page:
@charset "utf-8";
/* CSS Document */
body {
          background-color: #03F;
          background-image: url(Images/sfondo.png);
          background-repeat: no-repeat;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
#Principale {
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          background-color: #000;
          float: left;
          height: auto;
          width: 901px;
thank you all
Bye !

Without seeing the live page its difficult to analyse BUT here's a couple of things you could look at:
1) Is the name of your folder really Images with a cap 'I' or is it images with a lower case 'i' ?
Images/sfondo.png
2) Is your png file saved as RGB and not CYMK color space?
3) Looking at what you have posted the path to your bg image is probably incorrcet
background-image: url(Images/sfondo.png);
Should be: (note the ../ infront of the Images folder name):
background-image: url(../Images/sfondo.png);

Similar Messages

Empty-cells:show CSS style is not work

this is some visual glitch. empty cells of tables not showed as default. And css attribute empty-cells:show not works.

Hey there, It is better if you provide a link.
We need to see how you are calling it. The stylesheet you think is being called may not be etc.

Div image background not showing

Hi I am trying to give a div a background image and then place tables etc in the div. The trouble is the image does not show up. Any help greatly appreciated. Regards, Matt. (Here is the html, followed by the css...)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Beermatt Online Home Page</title>
<link href="css/goldenumber.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="bg">
<p><a href="index.html">home</a> | <a href="web.html">web design</a> | <a href="photography.html">photography</a> | <a href="editing.html">editing</a> | <a href="contact.html">contact</a> | <a href="downloads/Matt_CV.pdf" target="_blank">cv</a></p>
</div>
</body>
</html>
body { font-size: 20px; color: white; font-family: tahoma, verdana, arial; background-color: #000000; }
a:link { color: white; font-size: 16px; text-decoration: none; }
a:visited { color: white; text-decoration: none; font-size: 16px;}
a:hover { color: gray; text-decoration: none; font-size: 16px;}
a:active { text-decoration: none; color: yellow; font-size: 16px;}
#bg { background-image: url(images/terrain.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; }

Hi...
The background image in this CCS style worked fine for me. You might try to include the Width and Height and Visibility...
#layer1 { background-image: url(Frost.png); background-repeat: no-repeat; height: 132px; width: 262px; left: 18px; top: 18px; position: absolute; visibility: visible; }
walt

I'm developing a web site using MVC3 & Razor, but my css changes do not show up on FireFox, but do on Chrome & Internet Explorer - How can I get Razor to render correctly on FireFox?

I don't have a public version as I'm just staring development.
For an example I have completed the walk-thru at [http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application]. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer.
Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox.
<code>
table th {
padding: 6px 5px;
text-align: right;
background-color: #ff0000;
border: solid 1px #e8eef4;
</code>

You can also reload web page(s) and bypass the cache.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Cmd + Shift + R" (MAC)

Destop Background Not Showing

I've had 10.5 fr a couple of months on my 15' MBP 2.3.
Suddenly today the desktop background picture is not showing. When I restart it briefly appears before shutdown. On restart it appears but as soon as the dock and menu are populated it disappears again.
When I change the background picture, I can a little of it see it transparently behind the menu bar but the main desktop is blank (white).
What have I done wrong?

With all due respect, I really think you should invest in a menu system and possibly a template. Having a bunch of rollover images and trying to align text inside them is an outdated technique. You can do much more with the Spry menus or the Project Seven menus or look up a "vertical css menu" like these: http://cssmenumaker.com/vertical_css_menu.php . As far as the template is concerned, there needs to be more colors that go together and you have to use color to draw people's attention from one place to the next. The text in the menu appears too large and there is hardly any direction with a long paragraph. I've worked around scientific companies before who want to be the end-all for averything and it's a gross mistake. Think about being a customer who is a complete idiot (for lack of a better term) and knows nothing about what you sell. In 5 seconds they will make a decision on your site about how to proceed. Use that 5-second test on people and see what they come away with. There's even a website dedicated to it: ( http://fivesecondtest.com/ ) and plenty of other testing sites just like it.

Background not showing

Hi!
I feel like I have tried everything, although I do hope I haven't.
I have a file that I have uses CSS style, absolute positioning and z-index. It is a fairly simple site. This is the first time I have used absolute positioning and z-index. Since I have never had problems with my background showing before I am assuming the conflict is with one or the other.
Does anyone know of a fix. I have tried a solid background and a small repeating image.
Thanks in advance for the help!

Can't begin to guess what you've got going on without seeing your live page.
For best results in these forums, always upload your test page and dependant files to your remote server and post a URL so we can see your page, HTML & CSS code firsthand.
When things go wrong, it's usually code errors. Check that your code is valid and fix any reported errors. It makes problem solving much easier.
On-line code validation tools.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
CSS & HTML Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Browser background not showing up on ipad or iphone

I have published a site and the browser background (which is an important part of my design) does not show up on my ipad or iphone when I visit the sight. I have published several websites from iweb and their browser backgrounds show up on my ipad and iphone. Have they changed the software or am I doing something wrong?

Your link, bluecollarmedia.com. does not work. Neither does www.bluecollarmedia.com. Go to your site and copy the URL from the browser's URL field and paste it in a new reply for us.
OT

Css style sheet not linking

I am fairly new to dreamweaver and css. I have created an
html page and I created an external css style sheet for it. When I
preview it in my browser, it works, but when I FTP it and check the
site on the server, the html page doesn't "refer" to the css page
that I created. I checked my remote view of the server, the style
sheet is there and the source for the web page says that it should
be refering to it.
Here's the link to my page. It's a school project. I only
have the first page created for it so even tho there are rollovers,
there are no pages linked them, so just ignore that.
http://alliterationstudio.com/silverspark/index.htm
if you go to the main page on my site
http://alliterationstudio.com
you will see that I have a couple of other projects up there too.
If you go look at the arts and crafts page you will see that it has
a style sheet that links just fine to it, and I created it in the
same way. I'm at a loss here, since I'm really new to this web
design stuff.
BTW, I'm using Dreamweaver MX 2004 right now. I'll upgrade as
soon as I get my new computer, but either way, I don't think that
using an earlier version of the software is what is creating the
problem, right?
Thanks for the help,
Staci Stubbs

On 07 Apr 2007 in macromedia.dreamweaver, stacistubbs wrote:
> Here's the link to my page. It's a school project. I
only have the
> first page created for it so even tho there are
rollovers, there are
> no pages linked them, so just ignore that.
>
>
http://alliterationstudio.com/silverspark/index.htm
http://alliterationstudio.com/silverspark/silversparkstyle.css
returns a
403 (Forbidden) error. An imaginary stylesheet whose name I
entered
returned a 404 (File not found). In the other project which
had an
external stylesheet, there was no problem. So - it sounds
like a
permission issue on silversparkstyle.css. I'm not sure if
MX04 has a
file permissions 'thing' built in; if not, you'll either have
to get an
FTP client which does file permissions (FileZilla for Windows
http://filezilla.sourceforge.net/
does), or use a terminal app (SSH, like
putty, in preference to Telnet) to log in and change the
permissions.
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

Browser background not showing up

I FINALLY got my website (www.unyquefiretrucks.com) to load but now the browser background does not appear!!! It showed up ok when I had published to MobileMe originally.
The homepage has a diamond plate (aluminum) browser background and crosspieces on the homepage itself to divide the sections (you can see the outline of the cross pieces but they don't show up) while the rest of the pages use a background with the maltese cross (fire dept. emblem) as the broswer background (no page background used). On my 9/11 memorial pages, I used a design as the page background with a color as the browser background & that appears fine. With that in mind I am confused as to why the homepage is not showing up properly...I used a web safe color for the page background & the diamond plate (tile) for the browser background. I should mention that the homepage is 875 px wide while the rest of the pages are 980 px wide...don't think this should be an issue because it appeared ok on MobileMe but who knows...that's why I'm on these forums!!
HELP!!!! I finally got this thing to load properly so I need to get this last little tweak taken care of. If you want/need to see what the site looks like normally, the unoptimized version is still accessible at
http://web.me.com/firescueguy/UNYQUEFIRETRUCKS/uNYquefiretrucks_home.html
Should I just add the maltese cross as the page background with a web safe color for the browser background on the bulk of my pages? Still not quite sure how that will affect the homepage with the diamond plate not showing up. BTW, eliminating the diamond plate on the homepage is NOT an option, that makes the entire page IMHO.
Thanks in advance for the help, these forums have been a good source of info for me. Thanks, Tom

Old Toad, thanks for the reply...FYI, I used an optimization program called HTML Optimizer Plus that FTP's my site to the server (actually much quicker than CyberDuck IMO). While I have a 1-to-1 set up for tomorrow, I would like to pick your brain as you seem to be pretty knowledgeable judging by your numerous posts. Exactly how would I load those background .gif files? They are currently in a folder on my desktop with various backgrounds. Oddly enough, the background for the 9/11 pages loaded with no problem.
Thanks for the tip on the activity window (I did not know about that tool), that definitely gave more insight into what I was missing. I will give some thought to remove the border (will probably try it on a page or two to see how it looks first before changing the whole site).
One last thing...I had named my homepage index.html (that file still exists on the server) but the optimizer program generated the file index.html.html - if I deleted this file, would the server presumably recognize the standard index.html file?
Look forward to hearing your input. Thanks again for your help, Tom
Message was edited by: Firescueguy

Styles are not showing in html mail

Hello all,
i have a servlet that sends a mail in html format. i have a string with all the html tags, and the first part of the string is as follows:
String htmlText = "<html><link href='styles/styles.css' type='text/css' rel='stylesheet'>....here gos the rest of the html tags.
i receive the mail properly, but seems that the styles are not working....any help?
Thanks

Because the link to your stylesheet is a relative URL, and in an e-mail there's no base URL for it to be relative to. Using a fixed URL like http://yourhost.org/styles/styles.css would probably work.

Filters, styles, effects not showing in pse12

I have a pse12 in win 8 pc. When I open editor, the filters, styles, effects are not showing up. Pls help. Thanks.

Hi, you are posting in the wrong forum, and will do better asking in the Elements forum
http://forums.adobe.com/community/photoshop_elements
To be clear, are you saying you can see the menue bar, and that you are not seeing what you'd expect to see under Filters?
Or can you not see the menu bar and/or the toolbar and other panels? In Photoshop you can toggle through three different screen modes with the f key, and turn panels off and on with the Tab key.
If that didn't help go ask in the Elements forum, but give a lot more information.

CSS Style sheet not working in DW4

I am new to Dreamweaver CS4 and have been following the tutorials for Beginners on Adobe TV.
I have used a Standard Layout, 2 columns, Header, Footer, Sidebar.
I have created and saved the CSS Style Sheet as suggested in a folder with the CSS panel.
I have made changes to the web page with CSS and can see the changes in Design View on my screen.
However, when I view my trial site in a browser, none of the Style changes are visible. Looking at the XHTML code,
the path to the CSS Style Sheet appears to be correct. What am I doing wrong?

Close your meta tag.
<meta name="description" content="blah, blah, blah...>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Css layout or style sheet not showing table layout

When I was working on my website I noticed that my tables don't show up in the browser of my site, they do however, show up in the dreamweaver design so I am wondering if when I was making changes somehow to the site if something in the css layout or style sheet got deleted. Could someone please take a look at it and please tell me what needs to be fixed, I am not at all familiar with css so I need all the help I can get on this here is the link. Thank you! http://angelcoilbartlett.com/index.html

In your HTML document in Code View, remove the following embedded CSS code. This is competing with external style sheet code and causing your site havoc. In the future, don't create any more new styles. You don't need them. Stick with the established styles set up by the original designer and you will have way fewer problems.
DELETE ALL OF THIS NONSENSE:
<style type="text/CSS>

</style>
If you want to continue working with web pages, you owe it to yourself and your employer to learn basic HTML and CSS so you can get yourself out of jam when things go wrong.
Start learning here: HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Backgrounds Not Showing Up

Hi...I am slowly working on the following site, however, I
can not see the backgrounds on ANY of the sub pages in IE. I can
see it fine with FireFox. Bleh. Please click the buttons for the
sub pages and you will see the main header images is not there.
http://saintlukeuniversityparish.org/
Thank you in advance for any help you can offer.

>So, what can I do to counter this?
See Alan's earlier response -
"move the background image to the TD cells, not the row tag"
Jo
"Meowscat" <[email protected]> wrote in
message
news:fg8mur$leu$[email protected]..
> Ok, I took your advice and started validating. I think
the problem may be
> with
> the following (listed below). Apparently IE does not
like the term
> "background"? So, what can I do to counter this? I've
seen backgrounds in
> IE
> before. What are those people doing to make these show
up?
>
> -------------------------
>
> <tr valign="top" bgcolor="#FFFFFF"
background="graphics/main-album.jpg">
>
> ?
>
> You have used the attribute named above in your
document, but the document
> type you are using does not support that attribute for
this element. This
> error
> is often caused by incorrect use of the "Strict"
document type with a
> document
> that uses frames (e.g. you must use the "Transitional"
document type to
> get the
> "target" attribute), or by using vendor proprietary
extensions such as
> "marginheight" (this is usually fixed by using CSS to
achieve the desired
> effect instead).
>
> This error may also result if the element itself is not
supported in the
> document type you are using, as an undefined element
will have no
> supported
> attributes; in this case, see the element-undefined
error message for
> further
> information.
>
> How to fix: check the spelling and case of the element
and attribute,
> (Remember XHTML is all lower-case) and/or check that
they are both allowed
> in
> the chosen document type, and/or use CSS instead of this
attribute. If you
> received this error when using the <embed> element
to incorporate flash
> media
> in a Web page, see the FAQ item on valid flash.
>
>

Div Background not showing in IE as nicely as in FF

I wondered if someone would be kind enough to help me sort out a CSS styling difference between IE and FF. It may be something very simple, but I can't see it and I don't want to spend hours searching the internet.
I am using CS5.5. I have put a double border on a div (#container), and in FF, it shows the blue background of the div through the beige double border, however in IE8, it doesn't, and I would like it replicated in IE as it just defines the div nicely.
#container {
    width: 800px;
    text-align: left;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-color: #879CAF;
    border: 8px;
    border-style: double;
    border-color: #DCDED1;
IE8 has also lost the spacing at the top of the page.
http://www.stephanieconnell.co.uk/cp/index.html
Many thanks
Stephanie

You could ad spacing at the top by adding margin-top.
I could only see your page in IE9, that also differs from FF, i'm afraid it's the different renedering of browers, mut maybe somebody elwe will know a solution.
http://www.dreamweaverfan.nl

CSS style -Background not showing ?

Similar Messages

Maybe you are looking for