Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2011
    Messaggi
    2

    fissare gli elementi nelle pagine web

    Salve a tutti, volevo chiedere un informazione:
    ho un sito web nel quale ogni volta che rimpicciolisco o allargo le finestre del browser, le scritte vanno a capo, i video e le immagini mi si spostano. Vorrei fissare tutti gli elementi che compongono il mio sito, in modo tale che quando stringo o allargo la finestra del browser nn si spostino. Non vorrei fare per ogni singolo elemento la procedura <div style="white-space:nowrap"> .... <\div>, vorrei utilizzare una procedura univoca che fissi tutto. Uso FrontPage2003. Nel ringraziarvi anticipatamente per l'aiuto porgo
    coordiali saluti

  2. #2
    ti conviene usare i css.

    tu evidentemente hai un layout fluido, per ovviare a questo problema basta dare al contenitore delle dimensioni fisse tramite css

    ad esempio
    codice:
    #wrap{width:1000px;}
    in questo modo, qualsiasi la dimensione che acquisisce il tuo layout il contenuto rimarrà sempre come vuoi te.

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2011
    Messaggi
    2
    dato che non me ne intendo molto di html, mi servirebbe sapere in modo più dettagliato dove devo inserire quella riga di codice, se si può posso linkare qui il mio sito, cosi da capire com'è strutturato.
    grazie ancora
    cordiali saluti

  4. #4
    Quello che intendeva graffithouse, è che devi impostare una larghezza fissa, e quindi non ridimensionabile, al contenitore (ad esempio #wrap) che racchiude tutti i tuoi contenuti.
    Puoi applicarlo anche al body del documento.

    Usando quindi i fogli di stile (Css) puoi inserirlo direttamente in pagina in due modi.

    codice:
    Modo 1
    
    <DOCTYPE>
         <html>
              <head>
                   <title>
                        Titolo pagina
                   </title>
                   <style type="text/css"> 
                        body {
                             width: 1000px;
                        }
                   </style>
              </head>
              <body>
                   ...
              </body>
         </html>

    codice:
    Modo 2
    
    <DOCTYPE>
         <html>
              <head>
                   <title>
                        Titolo pagina
                   </title>
                   </head>
                   <body style="width:1000px">
                        ...
                   </body>
         </html>

    Oppure dalla pagina puoi richiamare un Css esterno in cui è specificata la regola di cui sopra.

    codice:
    Modo 1
    
    <DOCTYPE>
         <html>
              <head>
                   <title>
                        Titolo pagina
                   </title>
                   <link rel="stylesheet" type="text/css" href="PERCORSO_TUO_CSS/NOME_TUO_CSS.css">
                   </head>
                   <body>
                        ...
                   </body>
         </html>

    codice:
    Modo 2
    
    <DOCTYPE>
         <html>
              <head>
                   <title>
                        Titolo pagina
                   </title>
                   <style>
                                  @import url(PERCORSO_TUO_CSS/NOME_TUO_CSS.css);
                   </style>
                   </head>
                   <body>
                        ...
                   </body>
         </html>
    Ovviamente ti conviene studiare Html e Css.


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.