Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. phan83
    3. Post
    P

    phan83

    @phan83

    • Profilo
    • Chi segue 0
    • Da chi è seguito 0
    • Discussioni 1
    • Post 2
    • Migliore 0
    • Gruppi 0
    Iscrizione Ultimo Accesso
    Età 42
    0
    Reputazione
    2
    Post
    0
    Visite al profilo
    0
    Da chi è seguito
    0
    Chi segue
    User Newbie

    Post creati da phan83

    • RE: Errore stampa CSS

      Risolto scusate, grazie per aver letto comunque 😉

      Ho addato questo:

      label {
      float: left;
      width: 0px;
      font-size: 1em;
      text-align: right;
      color: #000;
      margin-top: 10px;
      }

      nel CSS della stampa in quanto le diciture Name, Surname, etc.. non andavano a capo. In questo modo le scritte più lunghe facevano "slittare" a destra i box, ecco risolto il "mistero".

      Arrivederci e un saluto a tutti
      Fabio

      postato in Coding
      P
      phan83
    • Errore stampa CSS

      Buongiorno a tutti! E' probabile che ci sia una sezione dedicata alle presentazioni, ma inglobo tutto qua scusate: mi chiamo Fabio, ho 27 anni e vivo a Udine.

      Ho un piccolo problema che però mi sta facendo innervosire e non riesco a risolvere: ho creato una pagina web col classico "contact us", inserendo i vari boxettini per ogni dicitura della sezione (Name, Surname, etc..). I box sono perfettamente allineati e leggibili quando si apre la pagina.
      Appena però provo a fare un'anteprima di stampa, questi box non sono più allineati, bensì quasi tutti sfasati e, se possibile, vorrei evitare questo difetto.

      Incollo direttamente qua il codice html della pagine e successivamente il CSS di stampa.

      HTML (solo la parte riguardante il contact us)

      <div id="contenuto">
      <form method="post" action="#" id="modulo" class="form">
      <fieldset>
      <legend>Insert Your Personal Information</legend>
      <div>
      <br />
      <label for="name">Name: </label>
      <input type="text" id="name" name="name" />
      </div>
      <div>
      <label for="surname">Surname: </label>
      <input type="text" id="surname" name="surname" />
      </div>
      <div>
      <label for="email">e-Mail: </label>
      <input type="text" id="email" name="email" />
      </div>
      <div>
      <label for="object">Object: </label>
      <input type="text" id="object" name="object" />
      </div>

                  <div>
                    <label for="msg">Type your question: </label>
                    <textarea id="msg" name="msg" rows="4" cols="17"></textarea>
                  
                    <br />
                      
                    <input type="submit" name="submit" id="submit" value="Submit" /> 
                    <input type="reset" id="reset" value="Reset" />
                  </div>
              
              </fieldset>
          </form>
      

      **CSS di Stampa **(copio di seguito tutto il codice, non solo la parte del contact us)

      @charset "utf-8";
      /* CSS Document Stampa*/

      @media print {

      .contenitore> img, .ahidden, #menu, #news, #footer, .grid_1, .grid_1_2, #main_application li, h4, #main_research li, #contenuto>.clearfix, .clearfix a {display:none;}

      body {
      font-size: 10pt;
      font-family: Verdana, sans-serif;
      color: #333;
      width: 70%;
      text-align:center;
      }

      .grid_title>img{ width:95%;}

      a {
      color: #000000;
      text-decoration:none;
      }

      text-transform:capitalize;
      }

      .clearfix img{
      display:block;
      margin-left:140px;
      }

      #projects_list h4 { font-size:14px;
      margin-right:4px;
      }

      .memcap, .member { display: inline-table; }

      .form label{float:left;}
      .form input{position: static;}

      }
      **

      CSS **(solo la parte riguardante il contact us)

      /* CONTACT*/

      .cinfo { font-size: 16px; }

      .form{
      display: inline-block;
      width: 410px;
      padding: 15px;
      }

      form textarea { width: 153px;
      margin-left: -64px;

                 }
      

      label {
      float: left;
      width: 66px;
      font-size: 1.3em;
      text-align: right;
      color: #000;
      margin-top: 10px;
      }

      input, textarea {
      margin-left: -66px;
      margin-bottom: 5px;
      margin-top: 5px;
      }

      #submit, #reset { margin: 0px; }

      Grazie per l'attenzione e aspetto presto una risposta dagli esperti.

      Saluti
      Fabio

      postato in Coding
      P
      phan83