CSS background colour problem

Hi
I know that I am overlooking something incredibly simple,
however I am really new to Dreamweaver and can't seem to figure out
where I'm going wrong.
I basically want to use CSS to make the background of my page
grey. The rule I have is quite simply:
.background {
background-color: #CCCCCC;
However when I apply it to the page, all that appears is a
row of grey at the very top and that's it. No matter what I try I
just can't seem to make it cover the entire background.
If anyone could help me out, that would be great.
Thanks
Nicola

It *should* work the same, either externally linked or
internally embedded.
The fact that it doesn't means you have made an error
somewhere. The fact
that you don't have an identification of the error means that
you have not
provided enough information.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Nic26" <[email protected]> wrote in message
news:g4vaig$kdj$[email protected]..
> Thank you!
>
> I have managed to get it working.
>
> I had previously created the CSS as an external style
which wasn't
> working,
> however as soon a I made it an internal style with the
code you had all
> given
> me, it worked.
>
> Thanks again!
> Nicola
>

Similar Messages

Preview background colour problem

This is an annoying problem I can't seem to remedy. Even though the background colour is set to white, it shows up as a murky brown colour when printed. I have attempted the usual fixes such as deleting the preference file but nothing seems to work. Not serious I know, but none the less annoying. Any help would be appreciated.

Hello Ron
I take it you are using Panther, and so your Preview is version 2.1.
In Preview, open its preferences (Command + , (comma))
Select the General tab where at the bottom is a box with "Window background color" next to it.
Click on the box which will open the colour selector, and choosing the Palette (centre one) will give you the opportunity to select white. I hope that fixes it.

Css background-position problem

Hello, I get a problem with this style:
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(images/myimage.jpg);
background-position: center bottom;
background-repeat:repeat-x;
</style>
In ie7 works fine, in firefox 2 the bottom position doesn't
work...
Any suggestion ?
Thanks
howdy

Hello, this is the page, simply copy and paste.
<!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" />
<title>test background</title>
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(
http://img179.imageshack.us/img179/2401/backgroundkc8.jpg);
background-position: center bottom;
background-repeat:repeat-x;
#layer1{
text-align: center;
width: 300px;
margin-right: auto;
margin-left: auto;
border: 2px double #003333;
</style>
</head>
<body>
<div id="layer1">Lorem ipsum dolor sit amet,
consectetuer adipiscing
elit. Quisque cursus, justo a tincidunt volutpat, dui orci
feugiat
justo, at varius odio est quis turpis. Integer nisl enim,
condimentum
et, eleifend et, posuere quis, risus. Nam convallis. Integer
diam dui,
accumsan mattis, dignissim at, dictum rutrum, justo. Praesent
lacinia.
Cras a diam. Aenean quis elit. Duis mauris erat, aliquet nec,
malesuada
laoreet, aliquam sit amet, magna. Ut turpis metus,
sollicitudin ac,
fermentum non, pretium eu, augue. Nunc faucibus, leo eu
pharetra
ultrices, sem augue ultricies risus, at egestas velit lectus
ac velit.
Suspendisse pretium nibh dapibus turpis. Praesent felis mi,
vestibulum
eu, pellentesque et, consequat eu, ante. Nulla accumsan enim
et pede.
Suspendisse potenti.
Donec eget nulla. Proin et est. Integer volutpat, dolor
scelerisque
bibendum egestas, lacus dui venenatis odio, vitae varius
massa eros sit
amet ligula. Curabitur tellus. Curabitur ultricies volutpat
tellus. In
sodales. Duis cursus mi eu dui placerat porta. Mauris laoreet
turpis at
nunc. Vivamus volutpat, metus dignissim accumsan hendrerit,
turpis
turpis aliquet nulla, non viverra dui dui quis quam. Mauris
sem nunc,
laoreet in, elementum vitae, tempor a, libero. Cras ac turpis
sit amet
risus cursus ultrices. Sed id quam.
Nulla tortor ligula, adipiscing nec, ornare eu, gravida in,
justo. Sed
elementum vestibulum lectus. Mauris lectus mauris, convallis
nec,
posuere quis, lacinia at, felis. Vestibulum ante ipsum primis
in
faucibus orci luctus et ultrices posuere cubilia Curae;
Aenean cursus
quam eget dui. Maecenas sapien. Aenean pellentesque lobortis
mi. Quisque
tempor ipsum in libero. Pellentesque habitant morbi tristique
senectus
et netus et malesuada fames ac turpis egestas. Class aptent
taciti
sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos.
Quisque lacus tellus, ornare quis, euismod et, lacinia sed,
justo. Proin
auctor nisi sed tortor. Fusce in justo et nisl fermentum
vehicula.
Quisque urna felis, lacinia at, viverra in, fermentum ut,
lacus. Duis
tempus. Morbi bibendum libero vitae diam faucibus placerat.
Praesent eu sapien. Sed ut velit quis magna lobortis
malesuada.
Phasellus dignissim risus ac est. Pellentesque semper sem.
Donec porta
nulla nec quam. Pellentesque aliquet risus id quam. Proin
tincidunt erat
nec nunc. Praesent euismod fringilla ipsum. Donec ornare.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Sed leo.
Proin non nisi non neque porta tempus. Proin varius velit eu
sapien.
Pellentesque pulvinar arcu id ante. Nunc eu diam. Phasellus
euismod,
felis in scelerisque pharetra, diam augue eleifend mi, a
rutrum mauris
arcu nec orci. Proin sed erat. Pellentesque et libero.
Aliquam ante
velit, ultrices ut, fermentum ac, cursus ut, est. Etiam vitae
nisl ac
metus cursus viverra. Proin non felis. Donec massa. Nullam
quam lectus,
pulvinar eget, condimentum at, tristique in, quam. Proin
vehicula
elementum diam. Proin sapien. Praesent suscipit, lorem at
dapibus
fringilla, orci elit facilisis lacus, at dictum augue velit
quis enim.
Mauris eu mauris. Aliquam rhoncus fermentum pede. Vestibulum
gravida
vulputate mauris.
Pellentesque consectetuer. Cras tellus justo, iaculis vitae,
semper at,
scelerisque porta, tortor. Pellentesque at mi sed tellus
pellentesque
ultricies. In quis pede. Integer vel tortor at dui elementum
suscipit.
Praesent interdum posuere odio. Integer mollis mattis ipsum.
Duis id
metus ut nulla molestie sagittis. Suspendisse faucibus urna
vel metus.
Sed bibendum, dolor sit amet rhoncus rutrum, lorem turpis
pharetra
tortor, quis viverra neque lorem eget massa. Lorem ipsum
dolor sit amet,
consectetuer adipiscing elit. Suspendisse vestibulum arcu
vitae odio.
Fusce enim lacus, porttitor nec, scelerisque non, viverra eu,
enim. Sed
mauris. In hac habitasse platea dictumst. Duis porta mauris
quis orci.
Donec suscipit turpis eu dui egestas suscipit. Suspendisse
potenti. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. In hac habitasse platea dictumst.
Cras in arcu a mi iaculis ultricies. Pellentesque sed lorem
at sem
euismod blandit. Nullam pede lacus, interdum eu, aliquam a,
pretium vel,
sem. Pellentesque fringilla leo feugiat nibh. Cras non enim.
Donec
luctus ante vel diam. Mauris volutpat sapien eget nunc. Donec
nec lectus
nec leo iaculis fringilla. Sed felis magna, cursus et,
hendrerit sit
amet, pretium at, sapien. Vivamus ornare neque facilisis
arcu. Vivamus
nisi leo, varius ac, sodales ut, dapibus eget, eros.
</div>
</body>
</html>

CSS Background colour only showing up in IE

I have made a simple page after spending hours on my main
page trying to fix this problem.
When I add, float:left; & float:right; to #left &
#right, the, background-color:#fff; in the wapper <div>
disappears but only in anything other than IE.
This is my first attempt at a site without using
<table>
http://www.caitsolutions.com/test.html

overflow: hidden; is a way to clear all floats inside the
container the
declaration is applied to. Often it can be a bit more
complicated to use and
will require extra coding. See this article on Thierry's site
for more info:
http://www.tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp
I have only used this method recently so certainly am no
authority.
Walt
"Luke (dwtips.com)" <[email protected]>
wrote in message
news:ggp3h9$ki1$[email protected]..
> Thanks for the Walt, I was almost there :)
>
> What is it I'm telling the #wrapper style to do by
adding hidden?
> I would have thought I should have been using visible
over the hidden
> option.
>
> The auto works in a browser but not in DW.
>

10.6.3 and Message background colour problem

The 10.6.3 update claims to solve the problem whereby some messages display with incorrect backgrounds, quote:
"Mail fixes and improvements provided for:
an issue that causes background message colors to display incorrectly in Mail."
I have had this problem, so after updating to 10.6.3 I checked the messages and no change, still brown background. (Note messages are not, and never were Junk, which is not enabled).
First thing I tried was rebuilding the mailboxes, without success.
What fixed it was:
1. Enabled Junk filtering
2. Selected affected messages
3. Marked these as "junk"
4. Marked them as "not junk"
5. Disabled Junk filtering
I had tried these exact steps pre 10.6.3, so 10.6.3 has changed something related to this problem.

Since we can't test in a new user, try starting up Safe Mode (It will take more time to startup in Safe Mode because it runs a directory check.)
If yourEntourage functions correctly that way, go to System Preferences >> Accounts >> Login Items, and remove them. Boot normally and test. If not go to ~(yourHome)/Library/Contextual Menu Items and move whatever is there to the desktop. Then do the same with /Library/Contextual Menu Items. Lastly, try moving ~(yourHome)/Library/Fonts to your desktop and restarting.
Log out/in or restart, if that sorts it start putting items back one at a time until you find the culprit.
I'd say try re-installing but try checking on support first.
http://www.microsoft.com/mac/default.mspx
-mj

A problem changing applet's background colour

Hi there,
I'm hoping somebody can help me with what I believe to be a problem I have in changing the background colour of an applet, the source code of which is posted below. If super.paint(g); is commented out, the background of the applet will be changed to whatever colour is specified, however if it is not the background will remain grey. As I understand though, super.paint(g); should be part of the program. What am I doing wrong? Should super.paint(g); in this example be part of the program?
Before posting this I searched the forums and looked at some of the Q's & A's about changing an applet's background colour but am non the wiser.
Thank you for your help.
Regards,
THE_TH1NG
import javax.swing.*;
import java.awt.Color;
import java.awt.Graphics;
public class Calculate extends JApplet
public Calculate()
//Variables used in our calculations.
double sum; // Add the two numbers
double product; // Multiply the two numbers
double quotient; // The first number divided by the second number
double difference; // The first number minus the second number - This may result in a negative value being returned
double userInput1; //Stores the first number as a double after being converted from type string
double userInput2; //Stores the second number as a double after being converted from type string
public void init()
String number1; // The first number to be entered by the user
String number2; // The second number to be entered by the user
number1 = JOptionPane.showInputDialog("Please enter the first floating point number"); // The user inputs the first number as a string
number2 = JOptionPane.showInputDialog("Please enter the second floating point number"); // The user inputs the second number as a string
// Convert the user's input from type string to type double
userInput1 = Double.parseDouble( number1 );
userInput2 = Double.parseDouble( number2 );
// Perform the calculations
sum = (userInput1 + userInput2);
product = (userInput1 * userInput2);
difference = (userInput1 - userInput2);
quotient = (userInput1 / userInput2);
public void paint( Graphics g )
//The applets background will be set to the desired colour if super.paint(g) is commented out
//But the background will remain grey if the code is not commented out.
//What am I doing wrong?
//super.paint( g );
setBackground(new Color(50,150,255)); //Light Blue
g.drawRect(10,10,250,100); // Draw a rectangle 250 pixels wide X 100 pixels high to enclose the rest of the program's output
//Dispaly the results of the calculations to the user
g.drawString( "The numbers entered are " + userInput1 + ", " + userInput2, 25, 25);
g.drawString( "The sum is " + sum, 25, 40);
g.drawString( "The product is " + product, 25, 55);
g.drawString( "The difference is " + difference, 25, 70);
g.drawString( "The quotient is " + quotient, 25, 85);

You could try defining
public void update(Graphics g) {
paint(g);
}That's the only difference I see between your code and my applet code. If that isn't it, you could try getContentPane().setBackground(...) but I don't know how that could make much difference (I would think that the content pane is transparent...)
Another possibility is that, if you're using Swing, you probably shouldn't be overriding paint() and should stick to the paintComponent() method or whatever is appropriate.

Background colour around my website page in CSS

I want to set up a background colour around my website page. I can do this for each page individually in Page Properties but am looking for a way to do this through CSS so I can change all pages in the future. I thought I had succeeded by creating a new CSS property and applying it to the area to the side of my page, however, when I uploaded it, it was red instead of grey. Any suggestions welcome. Thanks.

Add some css for the body tag in your stylesheet...
body {
background-color:#000000;
This would make the <body> of each page black.
If you have already tried this, we would need to see your code to figure out why it isn't working, specifically, what in your page css or stylesheet.css is overwriting it.
Could you post a link to one of your pages?

Firefox doesn't seem to render CSS backgrounds when running in Windows 7 professional 64 bit. Neither does Waterfox

I recently purchased a new computer running Windows 7 professional 64 bit with a Pentium G630 2.7 ghz processor and 4GB memory on an ASUS P8H61-MX with integrated Intel graphics. Firefox and also Waterfox does not appear to be rendering a lot of background web information. To my mind it seems not to be taking account of all CSS instructions which I establish by checking my own web sites where background colour and images are not being shown. I run another Windows 7 Professional system 32 bit which is OK as is Opera and Safari on this system which leads me to believe it is a browser problem with 64 bit OS but then it still happens with Waterfox.

I use Firefox on a Windows 7 64bit sytem with no problems. It is probably more likely to relate to your Firefox settings, or some software extension you use.
* see [[websites look wrong]]

White background colour in Iframe?

Hi everyone
I hope you are able to help me with this problem I am having:
I am working with an Iframe, where I would like the
background colour to be a specific colour, relating to the colour
next to the Iframe.
The colour sorounding the Iframe is this #E6E3D2, the
background colour of the html-page to which I am linking in the
Iframe is the same colour, but nonetheless, the Iframe keeps
providing a white frame surrounding the content-html-page.
I have tried to make the Iframe and content.html page the
exact same width, but that just give me a vertical scroller + the
white frame.
This is what I mean:
http://i439.photobucket.com/albums/qq112/GD-Klubben/Example.jpg
Are there anyone out there, who can explane to me (in very
slow and easily understanding phrases ;o)) how I can get rid of the
annoying white background colour?

No, I haven't uploaded it anywhere yet. Not before I can
solve the problem.
But the code to the index.html is this:
<!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" />
<title>Grand Danois Klubben i Danmark</title>
<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #6699FF;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #990000;
</style>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
</head>
<body>
<div align="center">
<table width="1143" height="582">
<tr>
<th width="1135" height="24"
scope="row"> </th>
</tr>
<tr>
<th height="550" scope="row"><table width="1023"
align="left">
<tr>
<th width="109" height="547" scope="row"><table
width="100" cellpadding="5">
<tr>
<th class="style23" scope="row"><div
align="right"></div></th>
</tr>
<tr>
<th class="style23" scope="row"><div
align="right"></div></th>
</tr>
<tr>
<th class="style23" scope="row"><div
align="right"></div></th>
</tr>
<tr>
<th class="style23" scope="row"><div
align="right"></div></th>
</tr>
<tr>
<th class="style23" scope="row"><div
align="right"></div></th>
</tr>
<tr>
<th height="210" scope="row"> </th>
</tr>
</table>
<p><br />
</p>
<p><br />
<br />
<br />
</p></th>
<td width="106"><br />
<table width="102" align="center" cellpadding="5">
<tr>
<th width="86" scope="row"><div
align="left"><span
class="style23">Forside</span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style21">Grand Danois</span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style16">Klubben</span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style16">Medlemskab</span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style16">Hvalpe</span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style16">Opdrættere</span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style16">Udstilling </span></div></th>
</tr>
<tr>
<th scope="row"><div align="left"><span
class="style16">Champions</span></div></th>
</tr>
<tr>
<th height="24" scope="row"><div
align="left"><span
class="style16">Links</span></div></th>
</tr>
<tr>
<th height="32" scope="row"><div
align="left"></div></th>
</tr>
</table>
<br />
<br />
<br />
<br />
<br /></td>
<td width="792"><div align="center">
<br />
<br />
<br />
<iframe src="Underside Grand Danois.html" width="785"
height="495" scrolling="Auto" frameborder="0"</iframe>
</div></td>
</tr>
</table></th>
</tr>
</table>
</div>
</body>
</html>

Why does my footer background colour change when adding a float to a DIV element?

Bear with me as I am a student learning dreamweaver....
I am trying to insert a series of 4 DIVs into a footer area with a black background. WHen I insert a float to constrain them to a horizontal position, the black background disappears and the body background shows through. A strip of the footer displays on top of the area where the DIVs are placed. The float works but the problem is with the background colour. It's almost as if the divs have been pushed down below the footer area. I have tried placing my cursor in several locations before inserting the float but it doesn't change anything.
Can anyone help?

It all depends on the code you're working with.   In the following example, I applied overflow:hidden to the <footer> element.
Copy & paste this code into a new, blank HTML page to see how it works.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Layout</title>
<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #CCC;
    padding: 0;
    color: #000;
    width: 1000px;
    margin: 45px auto;
header {width: 100%; display:block; background: #A5C9C9; min-height: 100px}
section {width: 100%; display:block; background:#FFF; min-height: 300px}
footer {width: 100%; display:block; background: #FF9; overflow:hidden;}
aside {width: 22%; float:left; display:block; margin-right: 4%; background:#D8E9B6; min-height: 200px;}
aside:last-child {margin-right:0}
</style>
</head>
</body>
<header>
<h1>Content for header goes here</h1>
</header>
<section>Content for section goes here</section>
<footer>
    <aside>aside 1</aside>
    <aside>aside 2</aside>
    <aside>aside 3</aside>
    <aside>aside 4</aside>
</footer>
</body>
</html>
Nancy O.

Background colour on menu div

I've got a bit of a problem that has been driving me mad for the last 24 hours. I have created a CSS rollover menu. I have made the div that holds the menu the same width as my wrapper, 800 pixels. I have created 4 rollover menu buttons, however they don't quite fill the whole of the 800 pixels. I have given the div a grey background colour and I was hoping it would fill in the gap at the end. However, it doesn't matter what I do, there is still white gap leftover. Obviously the easiest solution I have found this to make each button 200 pixels wide, that means that because I have for now, they fit in perfectly. Having said that, there is quite a wide gap between the writing on the buttons. But that's not really the point, I can't understand why I'm not able to fill in the extra gap with colour
[IMG]http://i205.photobucket.com/albums/bb230/Oscarfishlover/menu2-1.jpg[/IMG]
[IMG]http://i205.photobucket.com/albums/bb230/Oscarfishlover/menu1.jpg[/IMG]

Thanks guys, that sorted the problem. However, I can see now that if I do want to add a submenu, I may have a problem. Is there any way around this problem where I can still have a submenu, but still have my div background visible? I have included the code for my menu. You'll have to forgive me, I've been using Joomla! for the last few years and it does make you rather lazy because we just basically use templates, rather than having to code everything :-)
#navMenu {
    margin:0;
    padding:0;
    background-color: #999;
    overflow: hidden;
#navMenu ul {
    margin:0;
    padding:0;
    line-height:30px;
    background-color:#999;
#navMenu li {
    padding:0;
    list-style:none;
    position:relative;
    float: left;
    margin: 0;
    background-color: #999;
#navMenu ul li a {
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    display:block;
    color:#fff;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;

Background Display Problems in Firefox

Hi everyone, I hope someone can help me with my problem...
I'm working on a website and having problems with the main
text area (body) of the website.
I have a main div, with two div's (left) floated within it
(the left hand column contains the body text and the right hand
column contains a Navigator). See CCS below:
#main {
background-image: url(images/mainBackground.gif);
background-repeat:repeat-y;
background-color: #666666;
width: 700px;
height: 100%;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
#mainText {
width: 444px;
height: 100%;
margin: 0px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
float: left;
#mainNav {
width: 156px;
height: 100%;
margin: 0px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
float: left;
As you can see I have repeated an image in the Main div. This
works fine in IE6 but not in Firefox. Firefox doesn't display the
background image or even the background colour, unless I set an
actual pixel height for the div (which I can't do as it will need
to be a different size on every page depending on content).
What do I need to do to correct this? Any help would be
gratefully received.
Thanks
Webbo

Sorry - typo - - I meant add the style to the #main (not
the#nav as I
said previously)
#main {
background-image: url(images/mainBackground.gif);
background-repeat:repeat-y;
background-color: #666666;
width: 700px;
height: 100%;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
overflow: auto; /* <---- */
Nadia
Adobe� Community Expert : Dreamweaver
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
http://www.csstemplates.com.au
http://www.perrelink.com.au
- Web Dev
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
".: Nadia :. **AdobeCommunityExpert**"
<[email protected]> wrote in
message
news:e97q4u$3gc$[email protected]..
> adding: overflow: auto; to #nav
> showed the background in FFox
>
> --
> Nadia
> Adobe� Community Expert : Dreamweaver
> -------------------------------------------------
>
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
>
http://www.csstemplates.com.au
> -------------------------------------------------
>
http://www.perrelink.com.au
- Web Dev
> -------------------------------------------------
>
http://www.adobe.com/devnet/dreamweaver/css.html
> CSS Tutorials for Dreamweaver
> -------------------------------------------------
>
>
> "Webbo agogo" <[email protected]> wrote
in message
> news:e97ohr$1m5$[email protected]..
>> This is the page in question:
>>
>>
http://www.my-online-gallery.co.uk
>>
>>
>> and this is the CSS file:
>>
>>
http://www.my-online-gallery.co.uk/stylesheet.css
>
>

Background Colour Change in Windows IE6

Hi,
Have tried to sort this through a CSS forum, but am now
wondering if it's an application problem. I've got a web page with
the background colour set as #FEFFDE which is a very pale peach
kind of colour. I've created a graphic (from a photo) in Freehand
and given it the same background colour. They blend beautifully in
IE and Safari and Mac, but in Windows IE the background shows as a
different colour (pale yellow), although the graphic is fine. It
looks like the CSS is ok, but someone has pointed out thatn doing a
screen capture in irfanview from Opera on windows, the page
background has RGB values 254,255,222 while the background in the
outer parts of the spiral gif image is 251,251,225. Both have been
selected using the cross-application colour palette on my Mac which
still shows as #FEFFDE. Help! I'm pretty new at this so may be
missing something obvious, but would be grateful for advice.
Kind regards,
Steph (NZ)

The best way to do it, if you are using a JPG would be to
make a small
graphic from the background of the JPG image, and use that
graphic as a
tiling background to fill the page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Gondwanaland" <[email protected]> wrote in
message
news:f4cotd$9pc$[email protected]..
> Hi,
> Have tried to sort this through a CSS forum, but am now
wondering if it's
> an
> application problem. I've got a web page with the
background colour set
> as
> #FEFFDE which is a very pale peach kind of colour. I've
created a graphic
> (from a photo) in Freehand and given it the same
background colour. They
> blend beautifully in IE and Safari and Mac, but in
Windows IE the
> background
> shows as a different colour (pale yellow), although the
graphic is fine.
> It
> looks like the CSS is ok, but someone has pointed out
thatn doing a screen
> capture in irfanview from Opera on windows, the page
background has RGB
> values
> 254,255,222 while the background in the outer parts of
the spiral gif
> image is
> 251,251,225. Both have been selected using the
cross-application colour
> palette on my Mac which still shows as #FEFFDE. Help!
I'm pretty new at
> this
> so may be missing something obvious, but would be
grateful for advice.
> Kind regards,
> Steph (NZ)
>

Unable to set background colour JTableHeader in Java 1.6_18

We're moving our application from Java 1.4.2 to 1.6_18, so far without major problems but there's some small issues with the GUI. Originally we'd change the background colour of the JTableHeader, but in 1.6_18 that doesn't seem to work. Instead of colouring the complete header it just seems to draw an outline. It kind of gives the impression that there's something on top of the table header which hides the coloured background.
The code below shows what I'm trying to do, and gives different results when compiled in Java 1.4.2 and Java 1.6_18. It makes no difference whether I'm using the UIManager or setting the background directly on the JTableHeader.
The application still works fine of course, but it bugs me that I can't work out what the problem is, so any suggestions would be greatly appreciated! I've already had a look at bug [6521138|http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=6521138], but it makes no difference whether a new JTableHeader is set, so I think it's different. Also, the workaround for bug [4776303|http://bugs.sun.com/bugdatabase/view_bug.do?bug_id=4776303] has no effect so I think that doesn't apply either.
    public static void main(String[] args) {
        try {
            UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
            // Doesn't give the expected result in Java 1.6_18, the background remains white-ish with only a coloured border.
            // UIManager.put("TableHeader.background", Color.GREEN);
            // UIManager.put("TableHeader.foreground", Color.BLUE);
        } catch (Exception exception) {
            exception.printStackTrace();
        final JFrame frame = new JFrame();
        frame.getContentPane().add(createPanel());
        frame.getContentPane().setLayout(new FlowLayout());
        frame.setDefaultCloseOperation(WindowConstants.DISPOSE_ON_CLOSE);
        frame.pack();
        frame.setVisible(true);
    private static JPanel createPanel() {
        final JPanel panel = new JPanel();
        final DefaultTableModel model = new DefaultTableModel(3, 2);
        final JTable table = new JTable(model);
        // Tableheaders.
        final TableColumnModel columnModel = table.getColumnModel();
        columnModel.getColumn(0).setHeaderValue("First");
        columnModel.getColumn(1).setHeaderValue("Second");
        // Doesn't give the expected result in Java 1.6_18, the background remains white-ish with only a coloured border.
        table.getTableHeader().setBackground(Color.GREEN);
        table.getTableHeader().setForeground(Color.BLUE);
        final JScrollPane scrollPane = new JScrollPane(table);
        panel.add(scrollPane);
        scrollPane.setSize(400, 100);
        panel.setSize(500, 500);
        panel.setPreferredSize(panel.getSize());
        return panel;

Hillster wrote:
Ah yes, when I change that setting the background of the table header indeed gets the expected background colour. Unfortunately it also makes my desktop look hopelessly outdated :-( And I can't really expect my end-customers to change their settings just to run my little application. Still, I suppose this proves that the problem lies in the L&F?Seconded Jeanette's sentiment, this is definitely a feature, not a problem. You want system LaF, you get System LaF, with all the bells and whistles. If you're sure you don't want the system embellishments, you could consider using my [_default table header cell renderer_|http://tips4java.wordpress.com/2009/02/27/default-table-header-cell-renderer/].
db

Colour problems when printing - Photoshop image

I have created a small header image in Photoshop. It consists of a background with a number of layers using blue and grey (the grey colour is RGB: 202, 202, 202). I placed the image in InDesign and then converted to press quality PDF for printing. In InDesign I have also created a number of shapes (rectangles with rounded corners) which I have made the same grey colour (202, 202, 202). On the screen everything looks the same grey, however, when I convert to a PDF and print, the grey in the image I placed from Photoshop looks a completely different grey colour to the rectangular shapes I created in InDesign with the same background colour. The grey colour I am using is all 202, 202, 202.
I ahve checked colour synching in bridge and it is correct across the creative suite. I have checked output preview in Acrobat and they are the same. I have also checked profiles (assign profiles) in both PS and ID and they are the same.
The printer is an HP Colour laserjet 3800DN and when i do a etst print, the colours all appear to be okay.
Why when I print are there completely different shades of grey?

Hi,
Just did all that. I converted imager mode in Photoshop to CMYK and created a rectangle shape with the same grey colour underneath it and printed it directly from Photoshop. I then converted image to PNG and placed in InDesign, created a grey rectangle underneath the banner image and printed and finally I converted to press quality pdf and printed. All still have the same colour difference between the grey colours.
The weird thing is the Photoshop grey looks weird - kind of washed out with some magenta in it.
I am beginning to think it is printer problem.

CSS background colour problem

Similar Messages

Maybe you are looking for