I have recently migrated from MS frontpage '03 to Dreamweaver CS3. I must admit
, for a novice at WYSIWYG and a complete beginner at the html code, this
transition was not as easy as I expected. However after purchasing a few books,
and viewing some of the vids of adobe , I finally got the hang of things.

I am busy designing a school website, using one of the html templates offered
by DW CS3 (two coloumns elastic,right sidebar, header and footer). I have
inserted a spry horizonal Navigation bar under the banner(which is a jpg). Both
th espry navigation and the banner is in the header part of the html template.

I have encountered three probs:
1) I cant change the colour of the spry menu bar and its drop down menu. When
I look at the code/split view, I do not see any code relating to the color of
the menu bar (ie. #999999).

2) I dont seem to know how to align the spry menu directly under the banner.
(there is a slight space between the banner and the spry menu )

3) Also there is a slight grey space on top and at the bottom of the banner
(even after I set the padding to 0px)

A reply would be highy appreciatedTextTextgg

Hi Zenoneath,
Possible answers to your probs:
1. Using the spry menubar, you also are linked to a sprymenubarhorizontal.css
(look in your HEAD code), the css is located in the spryassets dir. Read the
grey text between the css code and you find your answer to the colors.
2. Perhaps within the same CSS you can position the menubar exactly. otherwise
place the complete menubarcode in a div and give this div a classname and
position it within a css stylesheet.
3. Most likely, using a DW template, your already linked to a specific CSS
file wich is combined with the template. In that CSS file you will find the
headerdiv, and can change bg color there.

Looks like it all about CSS... life is simple...sometimes.:smile;
Hope it will work for you!
Hans

Hi, hans haverlach!
CSS is good.
How I can align text "vertically middle" in each button (or all buttons)?
Horizontally all ok (align left, right, etc.)
(bacause in some buttons I have two text lines)

Please help!

Thanks!

Hi,
Well you should add this css line: vertical-align: middle;
in the right class, i'm not sure which one, it's a bit trial and error i
guess.
By the way: in my spry menubars the text is standard aligned to middle
(vertically), even with two lines of text.

Thanks!
I have try add new Property without results "vertical-align: middle;
". All texts ever on the top of buttons.

perhaps you can show me a link to your page, or send the code, so i can have a look at it.
Hans

Hey its me again, thanks for the advice Hans, it worked perfectly, I located
the spry css file and changed all the settings accordingly. I have also
completed this site, and its no ready for the owners to see.

I do not mean to bother you yet again, but I have now been tasked with yet
another School, website. This time , however I have been given a photoshop
template. Most of the site I have successfully managed to make via dreamweaver
and css, but yet again I have more drop-down menu woes.

The template I was intended to use, uses photoshop slices, which I have turned
into rollovers in the website. The only problem I have now is what to do in
order to turn these 'roll-over images' to drop-down menues(such as horizonal
spry menues).

I am using Dreamweaver CS3 , version 9.0.

Hi,
I'm glad it worked for you!
I think you should use CSS again! You can use the horizontal spry menubar, but
in it's CSS file not use the backgroundcolors, remove them, but instead use a
backgroundimage (your ps slices), and use a different bg image (the roll over
state) in the 'hover' classes in the CSS file. That should work.

Hans

Well the position is absolu the index Z 1010 is work for I.E.7 but not for Mozilla and Opera...........

I seem tobe having yetanother problem. When java script is disabled, the menu
appears exactly as I want it (visually), but when I enable itthe PS slices
disappear.

perhaps a sample code oculd help?

ALso would it be possible to add different backround images to different spry
menues, while retaining their name (i.e, when js is disabled, the menu appears
as a set of hyperlinks, the submenues are indented, etc...)