Visualizzazione dei risultati da 1 a 10 su 10

Discussione: distanza in % su link

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    1,344

    distanza in % su link

    Ho la riga di navigazione in alto sul sito di questo tipo:

    | HOME | PRIMA | SECONDA | ECC. |

    e vorrei che si regolasse per occupare l'intera riga in orrizzontale in base alla risoluzione ma non riesco con i CSS.

    Ovvero in questo caso:

    | HOME | PRIMA | SECONDA | ECC. |

    Chi mi aiuta?

  2. #2
    se hai 10 link gli dai ad ognuno width:10%;
    se ne hai 5 gli dai a ciascuno 20%;
    questo per fare in modo che la width commplessiva risulti al 100%;


  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    1,344
    ho già provato ma non funge, mi restano uguali...devo dare display:block? ma così mi vanno a capo.

  4. #4
    devi metterli in una lista e al tag[*] nei fogli di stile dargli {display:inline; width:10%(se sono 10 voci), }

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    1,344
    spiacente ma nemmeno così funziona...

    con display inline non mi accetta il width

  6. #6
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Men&ugrave;</title>
    <style>
    body {margin:0;padding:0;}
    
    ul { width:100%;text-align:center;}
    
    li { list-style:none;margin:0;padding:0;float:left;width:20%;}
    
    </style>
    </head>
    
    <body>
    
    <ul>[*]pippo[*]pluto[*]paperino[*]minnie[/list]
    
    </body>
    </html>

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    1,344
    Perfetto funziona.

    Ora è possibile fare in modo che quando restringo il div contenitore non faccia andare a capo ma che resti sempre su 1 riga?

  8. #8
    lo dovrebbe fare da solo...prova a mettere il font-size in percentuale in maniera tale che al cambio di risoluzione di rimpicciolisce pure quello

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2004
    Messaggi
    1,344
    ho messo anche il font-size in percentuale ma il risultato è lo stesso.

    Se nella mia risoluzione (1280x800) rimpicciolisco la pagina vedo che si restringono ma sia passando a 1024x768 che a 800x600 vanno a capo. Perchè ho messo tutto in percentuale per cui dovrebbe restringere...

  10. #10
    potrebbe essere un problema dovuto al padding o ai margini destro e sinistro che hai attribuito al tag <a>....non se magari hai modificato il codice postato in precedenza...solitamente è quello che mi dà delle seccatture


    altrimenti, credo puo' darsi che sia la percentuale che è troppo alta e quindi quando abbassi la risoluzione il testo non ti entra in una riga....

    considera che è poco popolare la tua risoluzione (nonstante sia figa)...io fossi in te mi concentrerei a fare in modo che cmq a 1024x768 sia la visualizzazione ottimale (sempre che con i consigli che ti ho scritto sopra non riesci a risolvere)

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 © 2025 vBulletin Solutions, Inc. All rights reserved.