In this session we discuss how to position an image so that it spans the full width of the page. The Thesis theme has padding and margin around elements so we need to override Thesis' padding and margin by using absolute and relative positioning. We also suggested that you watch our seminar videos on the
In this session we make final adjustments to the menu style using custom code and our Thesis Nav Menu plugin settings. We center the bullets using the position property, fix the arrow and adjust the margins in the Nav Menu plugin settings. Rick: 25 pixels. And this could be the case where we need to
In this session we show how to create submenu styles using our Nav Menu plugin. Then we switch to custom styling using relative and absolute positioning to complete the design style. We discuss how the CSS position property works and then show how to apply both relative and absolute positioning to the menu to create
In this session we show how to align images using absolute positioning by customizing the image sizes and giving the container a relative position. We also discuss why you shouldn’t use margins and padding when using absolute positioning. Rick: So then in terms of lining up the other things, how did you craete those little
This is the third in a 3 part seminar on the CSS position property. In this lesson we discuss and demonstrate the use of z-index value. We demonstrate the use of positive and negative values and the relative relationships of the various html elements in the z direction. So now the next thing to look
This is the second in a 3 part seminar on the CSS position property. In this lesson we discuss and demonstrate the use of position:absolute. We demonstrate the various ways the property is affected by parent HTML elements. We use the top, bottom, left and right properties to specify the position. And then you have
Learn how to use the CSS position property to position HTML elements. In this seminar we examine what the property is, what it can do, how to use it.
This is an abbreviated version of a seminar on using the position property for positioning elements using CSS. In this case we take a phone number that is in the natural HTML flow below the header and we position it so that it overlaps the header. In this video we talk about the position property,