Web Development - Part 8

  • S04E31
  • April 26, 2011

Robbie and Christa continue coding their new web site by placing the Polaroid photograph and beginning the placement of the submenu below the woodgrain. Learn about absolute positioning in CSS and how to use margins to position an element within a container.

This video is provided free of charge. If you enjoy what we do, please consider becoming a Patron so we can continue offering more great content.
Support This Free Content
This episode is sponsored in part by: Planet Calypso & Pogoplug.

Topics Covered:

  • Robbie Ferguson and Christa Wells present in studio, Hillary Rumball joins via live Skype Video.
  • The surge that took down the Category5 TV server (as well as some other appliances).
  • Recap: Last week's call for a Cardian picture resulted in Tordeu receiving 100 Bonus Viewer Points.
  • Viewer Comment: I didn't know you update the web site so fast. I logged on my computer only 5 hours after the show was live to find that Miro Internet TV had already downloaded the episode, and the show notes were up on the web site.
  • Viewer Question: I'm going to get an SATA hard drive for Windows, and use my IDE drive for Ubuntu. How can I choose which drive to boot from?
  • Viewer Comment: Congratulations on the birth of your baby back in November!
  • Viewer Question: cat5.tv/webdev works fine, but category5.tv/webdev doesn't exist. Was that on purpose?
  • Viewer Question: I have an ASUS Eee PC that I dual boot between Windows 7 and Ubuntu 10.10 with Unity. Alt-F2 doesn't work on Unity, but works fine on Gnome. Is there a way to get it working on Unity?
  • Viewer Question: I managed to setup my home folder on a second partition / hard drive. My old /home directory is on my unRAID server. How do I confirm that it has been moved over?
  • Viewer Question: How can I move my old /home directory onto the new drive to allow me to maintain my installed applications and settings? Or do I have to reinstall everything?
  • Viewer Question: Is Perfectbuntu ready for Ubuntu 11.04? Or are we best to wait a while?
  • Hillary is in school for Broadcast Journalism.
  • Booting Ubuntu 11.04 Linux into the normal Gnome desktop rather than Unity.
  • Top stories from the Category5.TV Newsroom.
  • Christa's Comment: Robbie skipped Bjorn's question!
  • Feature: Web Development - Part 8
  • What to expect from upcoming segments of our Web Development series.
  • Save on web hosting with our partnership deal with Dreamhost.
  • Adding an image to our HTML page.
  • Placing an image within a div wrapper.
  • Determining the dimensions of an image by viewing it in Firefox.
  • Specifying your image's width and height using HTML.
  • Adding a CSS class directly to our photo.
  • Creating a class within an ID in CSS.
  • Adding a border using CSS in order to determine the positioning of our element.
  • Using CSS margins to position elements within a wrapper.
  • Creating an empty div in HTML to create the positioning of your element.
  • Using absolute positioning to place our element based on the top of the page.
  • Specifying the width of your div using CSS.
  • Using the CSS z-index to layer elements of your web site on top of one another in a specified order.
  • Giveaway: Robbie and Christa (and Drawbot) award two Pogoplug Pros to viewers in the Category5 TV chat room.
  • Viewer Question: What happens if Robbie wins the Pogoplug?
  • Drawbot fails, but then decides to finally obey Robbie's commands and give away a couple of Pogoplugs.
  • Congratulations to gpop7 and pyrosrock who won themselves a Pogoplug Pro!

Links to Relevant Web Sites:


Twitter Posts

Login to Category5

Error message here!

Hide Error message here!

Forgot your password?

Register on Category5

Error message here!

Error message here!

Hide Error message here!

Lost your password? Please enter your email address. You will receive a link to create a new password.

Error message here!

Back to log-in