Need help formatting a css sheet

[davidg47]

I am trying my hand at my first page with css formatting, but I have hit a wall, and can't seem to get past it. The main index page is pretty much done, except that the little white lines beside each image should be only as long as the one next to "Contact Us" You can see the page here:

http://www.mindinthesky.com/napcentre/index.htm

But, my big problem is the second page of the site which you can see here:

http://www.mindinthesky.com/napcentre/page2.html

It should look like the following image:

http://www.mindinthesky.com/napcentre/page2_temp.htm

Any advice in any form would be greatly appreciated. Please be gentle with me... I am a newbie at this. Also... even though this may be an advanced subject... it doesn't mean I know exactly what I doing... yuk yuk...

 

[deecee]

so essentially you dont want...

<DIV style="visibility: hidden;">Drop in or call ahead to schedule your MetroNap today!

It’s fast. Come to the Empire State Building’s room 2410 on the 24th floor. You can call ahead to schedule an appointment or just drop in.
It’s convenient. A MetroNap takes just 20 minutes – just a fraction of your lunch break! There’s no special preparation needed for MetroNaps. We’ll provide complimentary lockers, headphones, blankets, and whatever else you need for your MetroNap!
It works! A twenty minute MetroNap is all you need to keep your energy levels high all day and into the evening.

MetroNaps™ lets you do more with your day, every day. Using the service is simple:
- Make a reservation by phone or just stop by the Empire State Building’s 24th floor,
Suite 2410
- Using the MetroNaps™ Method, recharge in just 20 minutes
- Wake with to the MetroPod’s light and vibration
- Continue your day RECHARGED.


At MetroNaps™, you’ll use the specially-designed MetroPod™.
The MetroPod was designed and patented by MetroNaps™. Its features include
- Comfort Contour seating: MetroNap™ comfortably without wrinkling your clothes
- Horizontal tilt: the MetroPod™ tilts to your ideal angle
- Hood shape enhances privacy
- Wake silently with a combination of vibration and sound

Use the MetroNaps Method to recharge in just 20 minutes!
The three pillars of the MetroNaps™ Method are:
Relax with ambient sounds, calm lighting and visual cues for rest.
Recharge using the specially designed MetroPod. Sounds and light induce a relaxed
pre-deep sleep environment which rejuvenates withouth causing grogginess.
Refresh at the wake station, which combines peppermint and lemon scents to return you to your busy day.

Click here for hours and directions.</DIV>



...to be visible?

then hide it in a DIV

zzzzzz

 

[davidg47]

Yes, I do want it to be visible. It's the blue band at the top that I am having the problem with, as well as the little white strips next to the navigation items.

 

[ChrisHirst]

the white bar is set as a left border and will expand to the height of the div.

you have this in the CSS for page 2
background: url(gradback.jpg) repeat-y;
which probably should be this;
background: url(images/gradback.jpg) repeat-y;
(as in the first page)

this would not occur if you put your CSS in an external file rather than in each page, as you are defeating one purpose of CSS. That is the ability to change a property and have it apply site wide.
On page styles can and should be used to over-ride the external sheet as and when required.

this;
xbackground: url(images/logotop.jpg) no-repeat top left
is not valid CSS.

also use "background-image" to set the property explicitly rather than using the "background" shortcut for all/multiple properties, as you are only setting one property. it may prevent problems with the strict compliancy browsers.


Chris.

Indifference will be the downfall of mankind, but who cares?