Need Help with styles and where to start on this mess...

EAndrews · October 19th, 2005, 01:52 PM

I am in the middle of a page that has been created from scratch, can someone assist me in identifying the areas I should focus on for CSS rules and the ones that will not affect the appearance of the site in any browsers... here is the site... I have cut and pasted a lot of DHTML to use on this site and when viewing this site in FF, the menu background colors are not right and the top header renders higher than I want. The slideshow works, menu works (function wise), the text highlight over "office furniture that works" only works in IE not FF.

I tried using the hack/fix provided in several other posts (shown below)

Code:

body { 
text-align: center; 
} 

div#pagewidth { 
position: relative; 
margin: 0 auto; 
text-align: left; 
}

< moderator edit: please use code tags >

this did not work with either issue, I am guessing because I have no CSS or code in place. I am completely new with styles and code in general so any help is appreciated and any feedback will be taking serious. I also appreciate you guys patience if this is a dumb question.

here's the site.... www.mccormickofficefurniture.com , I only have the first page up testing and stopped because I felt as though I need to step back and learn about doing CSS

EAndrews · October 20th, 2005, 10:21 AM

anyone?

Rob · October 20th, 2005, 12:20 PM

Perhaps if gave a URL for the benefit of everyone and describe your problem in plain english, then we can have a look - see.

EAndrews · October 20th, 2005, 01:01 PM

Rob, definitely new to all of this but the URL is above.. its :

http://mccormickofficefurniture.com

My question in plain english would be....

1. How can I get my menu to stay in one place from 800x600 to 1024x768 settings and also render the same colors for both IE and Firefox?

2. What is causes the top header of the page to be taller in firefox than in IE? Would this cause the dynamic text script not to work on "office furniture that works" as well?

Hope that is easier to read.. I appreciate any feedback in advance

muneepenee · October 20th, 2005, 05:24 PM

1. I did NOT see NE-thang that look like a menu.
2. The default position for stuff is left. If yu want it diff, gotta tell puter.
Yer paej is tu wide tu fit on 800px skreen so it sho a skroll bar at bottom.
If yuzer hav wider skreen, maby it fit & then no skroll bar.
3. yu hav 2 bands kross the top...blue, then red
eventually werds appeer in em (long waet first, so em must be piks).
The red thang overflo out the left side.
4. The first thang aft <body> is <table>, so I assume all this stuff is inside the tabel. tabel wide=900px & align=center. If yu want it tu look dif, yu kan plae with the size and the aline.
5. if yu want the tabel in senter av skreen, gotta put "center" b4 the tabel.
the guru-approved wae...put tabel inside a div.
6. yu have javascript stuff inside a td inside the tabel...apparently it sho stuff at run time. Make it almost not possabel tu figger out wot go on.
Maby tu komplex for browser. Yu otta tri the old KISS rule...keep it simpel dummy.

EAndrews · October 21st, 2005, 12:30 PM

The Menu is an external .js file..., who the hell still uses 800px res?, dude.. you just gave me a headache ready your horrible english.. I am looking for three simple fixes... associating style sheets into this page, fixing the top table in firefox, and the menu..

herkalees · October 26th, 2005, 06:23 PM

Quote:

Originally Posted by muneepenee

1. I did NOT see NE-thang that look like a menu.
2. The default position for stuff is left. If yu want it diff, gotta tell puter.
Yer paej is tu wide tu fit on 800px skreen so it sho a skroll bar at bottom.
If yuzer hav wider skreen, maby it fit & then no skroll bar.
3. yu hav 2 bands kross the top...blue, then red
eventually werds appeer in em (long waet first, so em must be piks).
The red thang overflo out the left side.
4. The first thang aft <body> is <table>, so I assume all this stuff is inside the tabel. tabel wide=900px & align=center. If yu want it tu look dif, yu kan plae with the size and the aline.
5. if yu want the tabel in senter av skreen, gotta put "center" b4 the tabel.
the guru-approved wae...put tabel inside a div.
6. yu have javascript stuff inside a td inside the tabel...apparently it sho stuff at run time. Make it almost not possabel tu figger out wot go on.
Maby tu komplex for browser. Yu otta tri the old KISS rule...keep it simpel dummy.

Does it take a lot of effort to type like that? Because it takes too much effort to read it...

DrRedSkwirrell · October 27th, 2005, 10:22 AM

Quote:

Originally Posted by muneepenee

Yu otta tri the old KISS rule...keep it simpel dummy.

Think that should be "Keep It Simple Stupid".
Otherwise it'd be KISD.
8)

EAndrews · October 27th, 2005, 12:32 PM

Yea, I really don't think its a word game.. I'm starting to think that the actually ability to type correctly is not there...

EAndrews · November 7th, 2005, 12:32 PM

Ok, so I've been learning external .css work this past week, I find that my table borders are only showing up GREY in IE but they will in Firefox and I don't have any browser errors when I check in Dreamweaver. What could this be you think Rob?
here's my the .css file looks like..

Code:

.table-borders {
border-top-width: 0.5px;
border-right-width: 0.5px;
border-bottom-width: 0.5px;
border-left-width: 0.5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;

muneepenee · November 7th, 2005, 05:46 PM

1. wen all 4 sides R the same, yuze kondensed form...
{border:solid blue 1px}