SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    problem with menu. that turn from horizontal to vertical when windows is less than

    Hi.
    need help with my xhtm-css menu.

    1- problem. when the window browser is less than 750px width. then the menu turn from horizontal to vertical. how to avoid this? how to lock de domain to stay alwasy horizontal?

    2- i want to center the text inside my buttons menu. how can i achieve this. since i tried text-align center and dont work

    Note: you could check all this design at http://www.cualquierinfo.com

    thanks

  2. #2
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Qubito,

    1-) Set a width for #menu.
    Code:
    #menu {
          ........
          width:500px;
               }
    2-) Add the following rule into your CSS
    Code:
    #menu a { text-align:center;}
    Mauricio Samy Silva
    http://www.maujor.com/

  3. #3
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thanks

    thanks your solution works nicely. thanks again.

    know hope you could help me with this. the active and hover state of button. I want the title button go up a little because the hover and active button is biger than normal button. how I can achieve this?

    other question. I change the family font to arial in order to make the titles fit in the buttons. iexplorer read the font as arial. but firefox. manage another.

    thanks again

  4. #4
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I want the title button go up a little
    Add the following:
    a:hover { line-height:62px; background-image: url(../imagenes/botonactiveop.png);}
    a:active {line-height:62px;background-image: url(../imagenes/botonactiveop.png); }
    but firefox. manage another.
    Add the following:
    #menu a {font-family: arial, helvetica, sans-serif; ......}
    Mauricio Samy Silva
    http://www.maujor.com/

  5. #5
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks mauricio. your help was a big 10. very helpul. viva brazil.

  6. #6
    eXtremE StorMeR
    Join Date
    Jan 2005
    Location
    Pakistan
    Posts
    194
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cooooooool site

  7. #7
    SitePoint Enthusiast Qubito's Avatar
    Join Date
    Sep 2003
    Location
    Mexico
    Posts
    98
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks nida_pakistani. your welcome


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •