Styling Spry vertical menus


show more Styling Spry vertical menus provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver show less
please wait ...

Styling Spry vertical menus

In this video, we are going to go from this inserted Spry vertical menu, which looks like this by default, to this vertical menu, which doesn't look anything like it at all. Are you up for the challenge? Let's get started. So I have now opened my mission.htm file from the Chapter 2 exercise files and we are ready to start doing some styling here. I am going to start by opening up the CSS Styles panel, and at the moment going into Current. And let's start by getting rid of this outer border that you see around here.

We don't need that at all. So I'll start by just selecting one of the Spry menu items, and that will bring into current mode in number of our Spry styles. Now you'll notice that there are a couple of rules that have the same selector but different properties assigned. The Spry Styles setup as it is by default tends to do this so that it can separate certain design styles like borders and font colors and the like that you see here into one area and other mo...

Styling Spry vertical menus
Video duration: 10m 53s 3h 24m Intermediate

Viewers:

Styling Spry vertical menus provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Site Navigation with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...