Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    433

    adattamento pagine ai schermi o browser

    ho creato le pagine con i css ma il problema che quando lo vedo da altri pc si vede diverso quindi devo adattare le pagine ai schermi o browser.

    vi metto il codice del body :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="google-site-verification" content="R8JkE1dB01CB_o8jj-LJGMTsS2hYlbi0y9Hiw9HKS2M" />
    <meta name="robots" content="index, follow"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords"content="carlo rossetti roma,fotografo sportivo roma,fotografo sport,sport roma,fotografo roma,carlo rossetti sport images,carlo rossetti fotografo,fotografi sport roma,carlo fotografo,carlo fotografo sport,carlo rossetti/>
    <meta name="description"content="Carlo rossetti fotografo professionale di sport"/>
    <title>Carlo Rossetti Sport Images</title>
    <style type="text/css">
    <!--
    body {
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 1024px;
    }
    .titolocarlorossetti {
    }
    a:link {
    color: #FFFFFF;
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:hover {
    text-decoration: none;
    color: #FFFF00;
    }
    a:active {
    text-decoration: none;
    color: #FFFFFF;
    }
    .dimensionescrittabasso {
    font-size: 12px;
    }

    -->
    </style>
    </head>

    <body>
    <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
    <DIV STYLE="position:absolute; top:14px; left:797px">
    [img]../logo-nps.JPG[/img]</DIV>


    <p align="left">[img]../titolocarlorossetti.jpg[/img]


    <p align="center" >Home Page | Biografia | Gallery | News | Pubblicazioni | Contatti</p>
    <p align="center" class="dimensionescrittabasso" >
    <DIV STYLE="position:absolute; top:98px; left:41px">


    [img]../quadrato-foto.jpg[/img]</p>
    <p align="center">&copy;Copyright Carlo Rossetti 2010</p>
    </DIV>



    </div>
    </body>



    qualcuno mi aiuti

  2. #2
    Utente di HTML.it L'avatar di vikey89
    Registrato dal
    Apr 2009
    Messaggi
    333
    Allora per prima cosa posta il codice più pulito, hai detto che postavi solo il body, invece hai postato tutta la pagina. 2. Elimina tutti i "Position: absolute;" e poi posta di nuovo.
    Solo il css e il body

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    433
    non posso eliminare il position absolute perchè metto nei punti precisi della pagina le immagini che si spostano facilmente .
    il sito alla fine è tutto inserimento di immagini, head,contenuto e footer.

  4. #4
    Utente di HTML.it L'avatar di vikey89
    Registrato dal
    Apr 2009
    Messaggi
    333
    E come pensi di risolvere il problema dell'adattamento a qualsiasi risoluzione con position absolute in quel modo??

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2009
    Messaggi
    433
    siccome su positizion absolute è in pixel lo metto in percentuale tipo top 50% e left 50% oppure positizion relative.
    Oppure dimmi in un altro modo come posizionare le immagini nei punti precisi della pagina .
    Perchè se ci sta position absolute incide sul layout liquido ?

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.