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

Placing a contact button - CSS Tutorial

From the course: CSS Positioning Best Practices

Start my 1-month free trial Buy for my team

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…

Contents