css - insert image in html menu -


I have one such menu and I want to include it but the social networking button which is on the right side of all, how do I ?

I will add social networking buttons which are images, but I can not insert them, because a div feels that

   
  • class =" menu ">
  • INICIO & lt; / a & gt; & lt; / li & gt;
  • Character Tarrison & lt; & lt; / li & gt; & lt; / li & gt; & lt; Li & gt; & lt; a href = "2.php" & gt; Dinosaurius & lt; / a & gt; & lt; / li & gt; & lt; li & gt; & lt; a href = "index .php "> Terrario
  • PREGUNTAS & lt; / a & Lt; / li & gt; & lt; li & gt; & lt; a href = "4.php" & gt; ACERCA de & lt; / A & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "5.php" & gt; CONTACTAR & lt; / a & gt; & lt; / li & gt; & lt; / ul & gt; & lt; / Div & gt;
  • css

      #botonara {width: 900px; height: 21px; background -color: # 000;} .texto-botones {font-family: aerial, helvicika, sans-serif; font-size: 16px; font style: normal; line-height: 10px; color: #fff; padding-top: 10 px; padding-down: 0 pixels; Margin-left: 10px; }. Menu, menu menu, menu menu, menu menu {margin: 0; Padding: 0; Border: None; Profile: None; }. Menu {height: 21px; Width: 900 pixels; }. Menu Lee {Status: Relative; List style: none; Swim left; Display area; Height: 21px; }. Menu li {display: block; Padding: 0 12px; Margin: 0 pixel 0; Line-height: 22px; Text-decoration: None; Font-family: helvetica, ariel, non-serif; font-weight: bold; Font-size: 12px; Color: #ffffff; -WebKit-Infection: Color .2s ease-in-out; -Mozy-infection: Color .2s ease-in-out; -O-Infection: Color .2s ease-in-out; -M-Infection: Color .2s ease-in-out; Transition: Color .2s ease-in-out; Text align: right; Text align: right; Text align: right; Text align: right; }. Menu Lee: First hair one {boundary-left: none; }. Menu Lee: The last child is a {boundary right: none; }. Menu Lee: hover & gt; A {color: # FF 6C6C; } Menu.Ul {status: absolute; Top: -109px; Left: 0; Opacity: 0; Background: # 1f2024; Webkit-boundary-radius: 0 5px 5px; -max-boundary-radius: 0 5px 5px; Limit-Radius: 0 5px 5px; -Wbkit-Infection: Opacity .10s easily .1s; -Moz infection: Opacity .10s easily .1s; -O-Infection: Opacity .10s ease .1s; -MMS transition: Opacity .10s easily .1s; Transition: Opacity .10s ease .1s; }. Menu Lee: hover & gt; Ul {opacity: 1; }. MenuUl Lee {Height: 0; Hidden flurry; Padding: 0; }. Menu Lee: hover & gt; Ul li {height: 36px; Overflow: visible; Padding: 0; }. MenuUl Lee a {width: 36px; Padding: 10px 0 1px 10px; Margin: 0; Border: None; Border Bottom: 0 px solid # 353539; }. MenuUl Lee: The last child is a {boundary: none; } .menu a.documents {background: url (../img/docs.png) No-repeat 6px center; }. Menuu a.messages {Background: url (../img/bubble.png) No-repeat 6px center; }. Menu a.signout {background: url (../img/ arrow.png) No-repeat 6px center; }  

    You can & lt; Ul & gt; After the and float: left; and the new button float: right; except make sure that both divs are in the same container.


    Comments

    Popular posts from this blog

    ios - How do I use CFArrayRef in Swift? -

    eclipse plugin - Run java code error: Workspace is closed -

    c - Error on building source code in VC 6 -