Forums

suzy_q

Hi all,

Chris did not discuss in this video how to make the side nav bar in html.
How do those side buttons come out from the side?
http://kailinyong.com/contact/

Please help!

noahgelman

I dont understand what you mean by the buttons coming out from the side.

Chris Enloe


#sidebar                            { margin: 20px 0 0 500px; width: 245px; }

#nav                                { list-style: none; position: relative; z-index: 50; }
#nav li                             { font: 22px Georgia, Serif; letter-spacing: -1px; }
#nav li a                           { display: block; padding: 3px 0; }
#nav li a:hover                     { color: white; }
#nav li.current_page_item a         { -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; text-indent: 20px; color: white; background: #143c56; margin: 0 0 0 -20px; }

That's how.

suzy_q

Thank you Chris, I'll try that! :)

zackw

id be careful with that not all browsers support border radius, while its boring and tedious I still suggest using images for rounded corners until more browsers catch up with CSS3 and HTML5

treehouse : what would you like to learn today?

Forums

#72: Building a Website (2 of 3): HTML/CSS Conversion