Vai al contenuto


Foto

Problema impaginazione sito Web


  • Effettua l'accesso per rispondere
Questa discussione ha avuto 2 risposte

#1 carlomm73

carlomm73

    Membro Master

  • Members
  • StellaStellaStellaStella
  • 6,049 Messaggi:
  • Gender:
  • ?Preferenze
    Pilota:Ex licenziato
  • Team:In aspettativa
  • Circuito:zandvoort

Inviato 11 December 2013 - 10:23

Buongiorno forum. 

 

Sto cercando d'imparare, per lavoro, a creare dei siti web utilizzando html e css. La mia prima creazione mi da problemi di visualizzazione:

 

1) Aprendo con Chrome a schermo pieno viene perfetta ma con Firefox le scritte del blocco centrale sono sfalsate

2) Riducendo o ingrandendo lo schermo le stesse scritte si spostano in blocco verso l'alto il basso e le immagini si riducono lasciando ampi margini.

 

Qualcuno, gentilmente, può consigliarmi? Qui sotto il listato completo. 

 

 

<!-- saved from url=(0022)http://internet.e-mail -->
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd">
  <head>
  <style type = "text/css">
   /*<![CDATA[*//*]]>*/
   body{font-family: colibrì;
        font-size: 11}
   #Intestazione{background-color: #B6B6B6;
                 padding: 1.5% 0 0.5% 0}
   #Img{background-color: #003466;
        margin: -2.65% 15% -1.25% 15%}
   #Acc{text-align: right;
        color: #FFFFFF}
   #Lamina{background-color: #DADADA;
           padding: 0.0025% 0 0.75% 0}
   #Centrale{background-color: #009933;
             margin: -0.85% 15% -1.5% 15%}
   #Fittizio{color: #009933}
   #Struttura{background-color: #F4F4F4;
              padding: 0.0025% 0 40% 0}
   #Corpo{background-color: #FFFFFF;
          margin: -0.75% 15% -50% 15%;
          padding: 0 0 15.5% 0}
   p.sx{color: #009933}
   #Link{margin: -42.5% 0 0 2.25%}
   #Finale{background-color: #DADADA;
           padding: 0.5% 0 1.25% 0}
   #Firma{background-color: #009933;
          margin: -0.25% 15% -0.75% 15%;
          padding: 1% 0 2.85% 0;
          text-align: center}
   a:link{text-decoration: none}
   a:link.es{color: white}
   a:visited.es{color: white}
  </style>
  <title>
    Pagina iniziale
  </title> 
  </head>
  <body>
   <div id = "Intestazione">
    <div id = "Img">
     <h1><img src="universitaInterno.jpg" alt="Universit&agrave; degli Studi di Milano" /></h1>
     <p id = "Acc"> <a class = "es" href = https://cas.unimi.it...ortal/server.pt> Unimia </a> | <a class = "es" href = https://securemail.u...jsp?lang=it&u=1> Webmail </a></p>
    </div> 
   </div>
   <div id = "Lamina">
    <div id = "Centrale">
     <p id = "Fittizio"> uh! </p>
    </div>
   </div>
   <div id = "Struttura">
     <div id = "Corpo">
      <p class = "sx"> > </p><br><br>
      <p class = "sx"> > </p><br><br>
      <p class = "sx"> > </p><br><br>
      <p class = "sx"> > </p><br><br>
      <p class = "sx"> > </p><br><br>
      <p class = "sx"> > </p>
      <div id = "Link">
       <p> <a href = "Anni Chimica.html">  LAUREA TRIENNALE IN CHIMICA </a></p></br><br>
       <p> <a href = "Anni Chimica Industriale.html">  LAUREA TRIENNALE IN CHIMICA INDUSTRIALE </a></p></br><br>
       <p> <a href = "Anni Magistrale Chimica.html">  LAUREA MAGISTRALE IN SCIENZE CHIMICHE </a></p></br><br>
       <p> <a href = "Anni Magistrale Chimica Industriale.html">  LAUREA MAGISTRALE IN CHIMICA INDUSTRIALE E GESTIONALE </a></p></br><br>
       <p> LOCALI ADIBITI A LABORATORI </p></br><br>
       <p> <a href = "http://www.unimi.it/...urezza/2610.htm"> REGOLAMENTO PER L'USO DEI LABORATORI E SICUREZZA </a></p>
      </div>
    </div>
   </div>
   <div id = "Finale">
    <div id = "Firma">
     <p> WEBMASTER </p>
    </div>
   </div>
  </body>
</html>

 


  • 0

#2 tigre

tigre

    Membro Senior

  • Members
  • StellaStellaStella
  • 4,583 Messaggi:
  • Gender:
  • ?Preferenze
    Pilota:x
  • Team:x

Inviato 11 December 2013 - 16:48

Beh anch'io quando ho comprato lo schermo a 22 pollici avevo lo steso problema sui siti che avevo progettato perchè avevo dato scarsa importanza alla grafica. Il consiglio che posso darti è di usare sui CSS infoprmazioni percentuali sulle larghezze di modo che si adattino in maniera dinamica alla risoluzione. Ma soprattutto fare la parte programmativa su layout free già preparati dai web designer ch è quello che ho sempre fatto anch'io dopo l'acquisto che dicevo :haha:

qui trovi un monte di roba free

 

http://www.spyka.net/

 


  • 0

#3 carlomm73

carlomm73

    Membro Master

  • Members
  • StellaStellaStellaStella
  • 6,049 Messaggi:
  • Gender:
  • ?Preferenze
    Pilota:Ex licenziato
  • Team:In aspettativa
  • Circuito:zandvoort

Inviato 14 December 2013 - 13:57

Risolto. Paradossalmente il problema era proprio l'impostazione in percentuale di tutte le grandezze; è andato a posto fissando le altezze dei margini dei contenuti interni ai blocchi.


  • 1




Leggono questa discussione 0 utenti

0 utenti, 0 ospiti, 0 utenti anonimi