From the course: CSS Positioning Best Practices

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Building a main home page pt. 2: Sidebar content

Building a main home page pt. 2: Sidebar content - CSS Tutorial

From the course: CSS Positioning Best Practices

Building a main home page pt. 2: Sidebar content

So now that we've built the main content for the homepage, we're going to work on the sideBar content. So here in our text editor, we're in the home-pt2 folder. Our Exercise Files. We have beginning. html, which has our main content in it, and still has a placeholder for the sideBar. And we have our beginning.css. So we'll go ahead and do our Save As, so this will be home.html, and in the beginning.css we'll call this main.css. We'll go ahead and copy and paste our content from the sideBar, pressing Ctrl+C on the PC keyboard. That would be Command+C on a Mac. And selecting a space where it's going to get pasted to in the home.html, pressing Ctrl+V or Command+V on a Mac. And I'll go ahead and put in our HTML. This is an image, and has width and height and alt text. And so this is the URL. So I'll go ahead and just I'm going to drag it with my mouse. A lot of editors allow you to do that. Other editors, you'll have to do a cut and paste, and the alt is going to say surfer. And we use h3…

Contents