Topic: Help - a part of my website is driving me nuts (Page 1 of 1)

Hi all,

I'd like to ask you guys a favor. There is a new part of my website that I have been working on and I dont know what to do anymore. Im trying to make an online press room for my music. The URL is www.secret-beach.com/press5.htm

The page you see when you go to that link - well I made a table and made the background color brown as you can see - but it looks aweful. I tried other colors too. The reason is that behind the table - in the background image - there are these bright lights that make it impossible to see the text that I am trying to display there. I want to make the webpage more crisp but I dont know exactly what to do. Do you have any suggestions?

The other mysterious thing that is happening is that the font styles only appear correctly in IE. In netscape they are ignored.


I think my hair is starting to fall out - and I've bitten my fingernails down to the nubs.

Your suggestions are much appreciated.

Eric

the colors don't work right in browsers other than IE because you have specified them incorrectly.

None of them have the required '#' preceding the code.

I would recommend something in the vicinity of #223322 for the background of that box, with a pale (not bright!) beige or yellow for text.



[This message has been edited by DL-44 (edited 10-09-2003).]

You're also doing it like:

{color="ffff33"

Tsk, tsk...

{color: #ffff33; Is how it should be specified.

I'd also recommend changing the format of your stylesheet just a bit for easier reading. Like zees:

.titl {
color: #66ffff;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
line-height: 13px;
font-style: bold; <-- This should be "font-weight: bold;" font-styles are normal, italic, and oblique.
}

You also have some messy HTML there:

<B><CENTER>
<p class="titl">- Press Room - </p>
<p>&nbsp;</p>
</CENTER></B>

Hmmm, first of all what's the extra nbsp for? Second of all you have a bold tag around an element that has already beed told to be bold in your stylesheet. Third of all the <center> tag is deceased, dead, an ex-markup tag.

The first thing I would do if I were you would be to go in and clean up your stylesheet and your html so you don't have all the redundancies and depricated tags.

:::11oh1:::

[This message has been edited by krets (edited 10-09-2003).]

Wow,

I didnt realize that the stylesheet was written incorrectly. Thanks much.

I also changed the background color of the table. How did you know what color would work? Your suggestion works beautifully. I also tried selecting a color for the text as you suggested, but I am not sure if I have found a good one yet. Does the color look good to you?

Is there a program or a different tool that you use to find what colors will work the best for these things?

hmm.. thanks again though

Krets - good catch on the stylesheet - I didn't look that close....

Eric - I grabbed the background image, opened it in Photoshop, and just blurred the hell out of it until it was just a few amorphous blobs of various green shades.

Poked around with the color picker until I found one that pleased me.

The light color you chose for the text works fine. Wouldn't hurt to go a little darker on it though.
The cyan you have for the links borders on painful, and the bright green on hover is shocking...
I would tone that down a great deal...