Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
The story of punk rock singer Laura Jane Grace of Against Me! who came out as a woman in 2012, and other members of the trans community whose experiences are woefully underrepresented and misunderstood in the media.
Documentary shorts conceived of and directed by famous actors. Jeff Garlin, Katie Holmes, Alia Shawkat, Judy Greer, and James Purefoy
Park Bench is a new kind of "talking show" straight from the mind of born and bred New Yorker and host, Steve Buscemi.
Digital influencer Justine Ezarik (iJustine) is back. After covering the world of wearable tech last season, iJustine is expanding her coverage this year by profiling the hottest tech trends across the country.
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.
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.
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.”
Gwyneth Paltrow and Tracy Anderson spend time with women who've overcome hardship, injury, and setbacks to triumph in the face of adversity.
Hank Azaria’s touching, humorous, and often enlightening journey from a man who is not even sure he wants to have kids, to a father going through the joys, trials and tribulations of being a dad.
ACTING DISRUPTIVE takes viewers inside the businesses and passion projects of Hollywood’s top celebrities.
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.
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
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.