Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    91

    Problema con display: inline-block che va a capo

    Ciao a tutti!
    Ho delle voci di menu che devono stare tutte su una riga, a ciascuna ho settato la proprietà display: inline-block ma si comportano come se fossero inserite in una tabella a 2 colonne.
    Praticamente le voci mi stanno sulla stessa riga a 2 a 2...

    Le voci di menù sono inserite semplicemente così:

    voce 1
    voce 2
    voce 3
    voce 4
    voce 5
    voce 6
    voce 7
    voce 8

    Il Css:

    a.menutemplate_1:LINK, a.menutemplate_1:VISITED, a.menutemplate_1:ACTIVE {
    font: 8pt 'HelveticaNeueLTStd75Bold', Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    line-height:24px;
    text-align:center;
    width:112px;
    border-RIGHT:solid 1px #FFF;
    display:inline-block;
    }

    a.menutemplate_1:HOVER {
    font: 8pt 'HelveticaNeueLTStd75Bold', Arial, Helvetica, sans-serif;
    color:#6AA0C8;
    text-decoration:none;
    line-height:24px;
    }

    idem le altre classi menutemplate_n....

    Il contenitore che contiene le voci di menu è grande abbastanza da poter farcele stare tutte...
    Qualcuno sa come aiutarmi?

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    sul contenitore hai aggiunto white-space: nowrap ?
    puoi postare anche il css definito su di esso?
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    91
    il contenitore è questo:
    .sf_menu1int {
    height:24px;
    width:100%;
    background:#58585a url(img_ico/sf_menu1interno.gif) repeat-x top center;
    white-space: nowrap;
    }

    Col white-space: nowrap; me li mette tutti su una riga ma mi fa partire la prima voce molto verso destra.

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da micia
    il contenitore è questo:
    .sf_menu1int {
    height:24px;
    width:100%;
    background:#58585a url(img_ico/sf_menu1interno.gif) repeat-x top center;
    white-space: nowrap;
    }

    Col white-space: nowrap; me li mette tutti su una riga ma mi fa partire la prima voce molto verso destra.
    riesci a postare un link di esempio? magari manca del css oppure altro css agisce sul markup
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    91
    Ecco qua!

    www . enet.it/test/template.html

    Grazie mille!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.