From the course: CSS Positioning Best Practices
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Placing a contact button - CSS Tutorial
From the course: CSS Positioning Best Practices
Placing a contact button
Continuing in the process of building our website, in this lesson we are going to setup this Contact button up here at the top. So let's get started. Here we have our beginning.html in the contact lesson folder and our beginning.css. So we'll start by doing our Save As. File > Save As. We are going to save this as header.html, and our CSS we'll save as main.css. So we are going to be working inside this header div container and we'll start with the div for the Contact button. So we have div id= "contactButton" and we'll close that div. Inside of that we'll put the contact link: a href= and have the mail to link. title="contact us" and it will say Contact Us. This is all very interesting because the way this is done, it's just a regular text link, and if we go look at this now in the browser... So we drop this into the browser. You will notice that it's just a regular link. It's got text, it's blue, and it's got the underline, and that's what it looks like without the style. When we…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Exploring the finished web site2m 5s
-
(Locked)
Building a document header9m 40s
-
(Locked)
Placing a contact button6m 5s
-
(Locked)
Laying out a main menu11m 44s
-
(Locked)
Creating a layout template pt. 1: Main body area11m 44s
-
(Locked)
Creating a layout template pt. 2: Sidebar area6m 46s
-
(Locked)
Creating a layout template pt. 3: Footer content5m 19s
-
(Locked)
Building a main home page pt. 1: Main body content10m 57s
-
(Locked)
Building a main home page pt. 2: Sidebar content8m 21s
-
(Locked)
Creating a page with a menu, graphics, and formatted links15m 31s
-
(Locked)
Creating a page containing an ordered list9m 8s
-
(Locked)
Creating a page containing video9m 23s
-
(Locked)
-