Build Your Own Business Website header image

Position Property

How to Position an Image so that it Spans the Full Width of the Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

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

How to Create a Dropline Style Menu in Thesis Part 4 – Final Adjustments

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

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

How to Create a Dropline Style Menu in Thesis Part 3 – Style the Submenu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies 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

How to Align Images Using Absolute Positioning

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

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

Understanding the Position Property – Part 3 – z-index value,

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

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

Understanding the Position Property – Part 2 – position:absolute,

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

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