Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #30201
    suzy_q
    Member

    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!

    #80307
    noahgelman
    Participant

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

    #80305
    Chris Enloe
    Member

    #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.

    #80289
    suzy_q
    Member

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

    #79415
    zackw
    Member

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.