Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
Gwyneth Paltrow and Tracy Anderson spend time with women who've overcome hardship, injury, and setbacks to triumph in the face of adversity. We'll hear their inspiring stories firsthand, whether fighting back from a career-ending injury or transforming their lives and bodies through diet and exercise.
Enter the graceful but competitive world of ballet through the eyes of executive producer, Sarah Jessica Parker. This behind-the-scenes docudrama reveals what it takes to perform on the ultimate stage, the New York City Ballet. Catch NYCB on stage at Lincoln Center.
The Future Of Us is a powerful original series from television personality, futurist, filmmaker and techno-philosopher, Jason Silva. In this series, Silva shares his excitement around recent discoveries and inventions.
ACTING DISRUPTIVE takes viewers inside the businesses and passion projects of Hollywood’s top celebrities.
They say every picture tells a story and AOL On's new original series My Ink proves it. Travel along as some of the world's greatest athletes bring their tattoos to life through exclusive interviews and visits to their favorite tattoo parlors.
Explore what it means to be human as we rush head first into the future through the eyes, creativity, and mind of Tiffany Shlain, acclaimed filmmaker and speaker, founder of The Webby Awards, mother, constant pusher of boundaries and one of Newsweek’s “women shaping the 21st Century.”
Discover crowdfunded small business success stories with author, comedian, and entrepreneur Baratunde Thurston.
Go behind-the-scenes with racing's hottest, young talent, 17-year-old Dylan Kwasniewski, as he aspires to make it in the #1 motorsport in America – NASCAR
Follow Scott Schuman, the Sartorialist, from the streets of NYC to the capitals of Europe on his quest to photograph and document the best in culture and fashion.
Iconic potter, designer, author and personality Jonathan Adler shares his unique perspective on creativity. Showcasing the inspiration Jonathan finds in the most unlikely people and places, Inspiration Point will add style, craft and joy to your life.
Serving Innovation gives a fresh look into the stories and passions that motivate some of the most innovative tastemakers in America.
A documentary directed by Alex Winter exploring the Napster downloading revolution; the kids who created it, the bands and businesses that were affected and its impact on the world at large.
Nicole Richie brings her unfiltered sense of humor and unique perspective to life in a new series based on her irreverent twitter feed. The show follows the outspoken celebrity as she shares her perspective on style, parenting, relationships and her journey to adulthood.
Learn about adding Borders with CSS in this Adobe Dreamweaver CS3 Essentials training video series.
Tags:add,adobe,adobe dreamweaver cs3,borders,css,essentials,total training
Grab video code:
Let's go back for a moment to our original page design and just check in. The next thing I want to do is to create the borders that are around these pictures, so they are kind of a picture frame for each of the images. Because they are exactly the same, I actually could create one style and apply that same style to all four of these. That's a place where Class styles are very handy, because Class styles, unlike ID styles, Class styles can be applied as many times as you like on the same page.
So let me switch back; just click on the Tab to switch from one page to another, and let's create a New style that is a Class style. Remember, a Class style has to start with a period. I am going to call this frame, because I am going to use it to create a picture frame. Click OK.
Now, if I want to create a frame, what I really want to create is a border. So if you click on the Border category, you see again I have the Same for all option. So I can create a solid border. You will see there are a number of different kinds of borders you can create. In this case I want a solid, thin border, and I want that border to be the same color as the green in my banner. So I will just use the Eye Dropper to lift that color. Click OK.
Now, I won't instantly see this applied, it's a Class style, so I am going to have to apply it myself to this page.
The other thing I want to do though is to add Padding and Margin to this. So let's first put the border and then we will add some Padding and Margin to that style. I want to add that border around the image and the text below it. The easiest way to do that is to add a div around both and then apply the Class style to that div.
So I am going to split the screen again to make sure I am selecting the right thing. If I click and select the picture and I hold down the Shift key, I can click and select both of these images; remember this text is really an image. When you choose the div option, you may not have noticed but at the top it says, Wrap around selection. So because I have selected both of those images, this div is going to be inserted around both of them. I have a Class option here as I create a div, so I can go ahead and apply that frame Class as I create this div.
Now, I can also give this div an id. So let's call this frame1.
Now let's select the next two. Insert the div, its going to wrap around the selection, we are going to apply a frame, and we will call this one frame2. You see as, I am creating these, they are automatically getting the green frame around them. Select, apply the frame, frame3, and finally, call this one frame4.
So I now have -- let me go back to Design view so you can better see, I now have frames around all four of these image sets. What I want to do next is to add some Padding to the frame so that I get a little bit breathing room between the image and the frame itself.
So I can simply go back and double click on frame to edit the style. Remember, Margins and Padding are in the Box category. Here is something we will look at again in the next lesson, but as a general rule, just keep this in mind, Padding goes on the inside of an element, Margin goes on the outside. So if I want to add space around the outside of this frame, I would want to add Margins. If I want space inside the frame, between the picture and the edge of the frame, then I want Padding.
So let's go ahead and add 10 pixels of Padding. When I apply, you will see instantly I get Padding inside the frame. Visually, when Robin saw this, she said, you know, actually you should have a little more space below the image than you do above the image, this is like a mat around your picture. So I can change the Padding to be different on each side. If I remove the Same for all check, I could make the bottom Padding 20 instead of 10, and watch when I apply, you see that extends down a little bit. Okay.