Home» Tutorials » CSS (Page 3)

I’m having trouble with CSS and Divs

Posted by Janine Warner - August 25, 2012 - CSS, CSS, Dreamweaver, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, FAQ, Tutorials

Hello Janine, I am stuck on an issue with CSS and Div tags. I do great up until I apply the style to float the a div to the left of my story. Once I apply that, my Sidebar content jumps out of the Sidebar div and is in the Story div. I’ve been spinning […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Creating Collapsible Panels with Spry in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

Using the Spry features in Dreamweaver, you can create drop-down menus, collapsible panels, and other advanced features. You’ll find the insert options in a Spry Insert bar at the top of the work area, and editing options in the Properties inspector at the bottom of the workspace. This tutorial shows you how to create a Collapsible […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Create a pop-up window in Dreamweaver by launching a new browser window

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

By Janine Warner You can use Behaviors in Dreamweaver to create many interactive features; like opening a small browser window when someone clicks on an image. This is a great way to make supplemental information available without closing the page a visitor is already viewing. When you set up a Behavior in Dreamweaver, you apply […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Creating Rollover Effects with the Swap Image Behavior in Adobe Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

By JanineWarner Dreamweaver’s Behaviors panelmakes it possible to create complex interactive features using Javascript, even if you don’t know Javascript. And that’s cool because writing JavaScript is a lot more complex than writing HTML or CSS. Using Behaviors you can add interactive features like complex rollover effects, pop-up windows, and jump menus. When you set […]

Read More css, dwcs3, dwcs4, dwcs5, dwcs6

Edit a Drop-Down Menu in Dreamweaver Spry

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

This tutorial is designed to give you a head start on the many ways you can customize a drop-down menu in Dreamweaver. Since version CS3, Adobe Dreamweaver has included the Spry framework, which is a set of widgets you can use to create drop-down menus and other advanced features for your web pages. The Spry […]

Read More drop-down menu, dwcs3, dwcs4, dwcs5, dwcs6

Add a Slider to your Web Pages with the jQuery PowerSlider in Dreamweaver

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials

Seems all the cool sites have a big, rotating box at the top of the front page. If you want to showcase a few featured items in a rotating slider (the way I’ve done on the front page of this website), the PowerSlider is going to make your day — and you don’t even have […]

Read More dwcs4, dwcs5, dwcs6, extensions

Dreamweaver: When should you use Tables, Frames, Div tags, CSS, AP Divs, or Layers?

Posted by Janine Warner - August 15, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, edit, Tutorials

For years, Web designers used the HTML feature called Tables to create page layouts, now everyone is talking about Cascading Style Sheets, but how do you know when it’s best to use tables, CSS, or both, and what about layers, AP divs, and frames? Today, most professional designers agree that the best way to create […]

Adobe shut down BrowserLab in March 2013

Posted by Janine Warner - August 12, 2012 - CSS, Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, Tutorials, Web Design

If you’re trying to figure out what happened to Adobe Browserlab, it’s gone… Adobe BrowserLab was designed to help web designers preview how pages display in a variety of Web browsers, even if you didn’t have all of those browsers available on your won local hard drive. But in 2013 Adobe announced they were closing […]