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. caparlok
    3. Post
    C

    caparlok

    @caparlok

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

    Post creati da caparlok

    • RE: Adattare i CSS affinché siano visibili con tutti i browser

      Questa e' la pagina asp riferita al css

      <html>
      <head>
      <title>I Contatti</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      <link href="css/mandala.css" rel="stylesheet" type="text/css">
      <style type="text/css">
      <!--
      .Stile5 {color: #98012E}
      -->
      </style>
      </head>

      <body>
      <div id="container">

      <div id="container2">

      <div id="header">
      <h1 align="right"><img src="immagini/mandala.jpg" width="152" height="33" align="top"><img src="immagini/loghino_mandala.jpg" width="86" height="82">
      <div id="MENU">
      <a class="MENU" href="home_html">Home</span></a>
      <a class="MENU" href="filosofia.asp">Filosofia</a>
      <a class="MENU" href="Team.htm">Team</a>
      <a class="MENU" href="Corsi.asp">Corsi</a>
      <a class="MENU" href="trattamenti.htm">Trattamenti</a>
      <a class="MENU" href="eventi.asp">Eventi</a>
      <a class="MENU" href="contatti.asp">Contatti</a>
      <a class="MENU" href="links.htm">Links</a>
      </div>
      </h1>

      </div>
      

      <div id="navigation">
      <ul>
      <li><img src="immagini/lo_spazio_della_pace.jpg" width="52" height="548"></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li> </li>

          </ul>
      </div>
      	<div id="extra"><div class="newsbox">
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
      
       <div align="right"> <img src="immagini/foto_contatti_dx.jpg" width="102" height="265" align="right" >
          </div>
      	<div align="right"> <img src="immagini/foto_contatti2_dx.jpg" width="102" height="265" align="right" >
          </div>
      	
       </div>
        </div>
      
      <div id="content">
      
      
      <p></p>
      <p><img src="immagini/contatti.jpg"  />
      <div class="Stile2" id="testo">
        <p>Il MANDALA di Walter Cavaletti</p>
        <p> Via Strada della Carita' , 8 - 20097 Milano </p>
        <p>Tel . 02/4598067 - Fax. 02/4598068</p>
        <p> Gli orari di segreteria sono: </p>
        <p>dal Lunedi' al Venerdi', dalle 15 alle 20        </p>
        <p>Puoi compilare questo form per richiedere informazioni</p>
        <p> sulle attivita' dell'Associazione IL MANDALA</p>
      </div>
      <p></p>
      <form action="inviamail.asp" method="post" class="ft">
      

      <table>
      <colgroup><col align="right"></col><col align="left"></col></colgroup>
      <tr><th colspan="2"><h3 class="Stile5">Dati Personali </h3></th>
      </tr>
      <tr>
      <th><span class="Stile2">Nome:</span></th>
      <td><input type="text" name="nome" value="" title="nome"><td></tr>
      <tr>
      <th><span class="Stile2">Cognome:</span></th>
      <td><input type="text" name="cognome" title="cognome"></td></tr>
      <tr><th><span class="Stile2">Email:</span></th>
      <td><input type="text" name="email" title="email"><td></tr>
      <tr>
      <th><span class="Stile2">Telefono:</span></th>
      <td><input type="text" name="telefono" title="telefono"><td></tr>

      <tr><th colspan="2"><h3 class="Stile5">Messaggio</h3></th>
      </tr>
      <tr>
        <th>&nbsp;</th>
      	<td><textarea name="messaggio" rows="5" cols="40" title="messaggio"></textarea></td></tr>
      <tr><td></td><td><input type="submit" value="Invia" style="background-color:#98012E;color: #FFFFFF"> 
      <input type="reset" id="reset" value="Reset"style="background-color:#98012E;color:" ></td></tr>
      

      </table>
      </form>
      </div>

      <div id="footer"><span class="Stile3">Walter Cavaletti // e-mail [email protected] // Strada della Carità,8 <br>
      20097 - Milano // C.Fiscale 97479320158 // powered by</span> <span class="Stile2">Afuweb</span></div>
      </div>
      </div>

      </body>
      </html>

      i test li faccio su ie7 e mi disallinea immagini e testo

      postato in Coding
      C
      caparlok
    • Adattare i CSS affinché siano visibili con tutti i browser

      questo e' il codice del mio css

      in mozilla funziona .... con explorer sfasa tutto....qualcuno sa darmi uno mano?
      Aiutooooooooooooo
      Grazie
      Antonio

      /stili per il layout fisso con background/
      html,body{margin: 0;padding:0}
      body{
      font-family: arial,sans-serif;
      font-size: 76%;
      text-align:center;
      background-color: #D68431;
      }
      ul.menu1 {
      width:500px;
      list-style:none; /* elimino i punti elenco /
      margin:0; padding:0; /
      elimino i rientri delle liste /
      }
      ul.menu1 li a {
      display:block; /
      il link occupa tutto lo spazio orizzontale /
      text-decoration:none; /
      elimino la sottolineatura, che si tratta di un link si capisce dalla struttura /
      padding:0 1em; /
      lascia spazio far il bordo del menu e il testo del link /
      height:2em;line-height:2em; /
      altezza del link: height e line-height devono avere il medesimo valore /
      }
      ul.menu1 li { display:inline } /elimina lo spazio fra gli elementi della lista introdotto da Opera/
      ul.menu1 li a:link, ul.menu1 li a:visited {
      background:#D68431;
      color: #009;
      } /
      colori per il link /
      ul.menu1 li a:hover, ul.menu1 li a:active {
      background: #98012E;
      color:#FFFFFF;
      } /
      colori per l'effetto roll-over */

      div#MENU
      {
      font-size: 11px;
      font-family: Verdana;
      text-align: Center;

      padding: 5px;
      background-color:;
      

      }
      a.MENU
      {
      background-color:;
      color:;
      font-weight: Bold;
      text-decoration: None;
      width: 100px;
      padding: 1px;

      }
      a:hover.MENU
      {
      background-color:;
      color: #EEEEEE;
      font-weight: Bold;
      text-decoration: None;
      width: 100px;
      padding: 1px;

      }
      div#container{width:760px; margin:0 auto;
      border-width: 0 1px; border-style:solid; border-color: #ccc;
      repeat-y top right}
      /div#container2{background: repeat-y top left;text-align: left}/
      div#container2{background: repeat-y top left;text-align: left}
      /stili generici, su header e footer/
      div#header{height: 140px; margin-top:23px;background-color:#98012E;color: #ff0}
      h1,h2{margin: 0;padding:0}
      h1{padding-left:10px;font: bold 2.3em/80px arial,sans-serif}
      h2{color:;font-size: 1.5em}
      div#footer a{color:#fff;font-weight: bold;text-decoration: underline}
      /stili specifici per il layout/
      div#navigation{float: left;width: 150px;\width:170px;w\idth:160px;padding: 1em 0 0 10px}
      div#extra{float: right; width: 160px;padding: 2em 5px}
      div#content{margin: 0 100px;width:532px;height:548px;padding: 1em 10px;background-color:#D68431}
      div#footer{clear:both; text-align:center; padding: 5px 0;
      background-color:; color: #000 margin-bottom: 23px;}
      /stili per la navigazione/
      div#navigation ul{margin: 0;padding: 0; list-style-type: none}
      div#navigation li{margin: 0;padding: 0}
      div#navigation a{color:#98012E;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
      div#navigation a:hover{color: #033;text-decoration: underline}
      div#navigation a#activelink{color:;text-decoration: none}
      div#navigation p{font-size: 90%}
      /stili per la sezione extra/
      div#extra div.newsbox{
      font-size: 90%;
      margin-bottom: 5em;

      }
      div#extra div.newsbox h2{color: #999;font-size: 1.2em}
      div#extra div.newsbox p{ margin-left: 100px}
      .Stile2 {color: #FFFFFF}
      .Stile3 {color:}
      .Stile4 {font-size: 100%}

      postato in Coding
      C
      caparlok
    • ciao a tutti

      Ciao a tutti sono nuovo del Forum!
      Ho urgenza di adattare i css del sito che sto facendo a qualsiasi browser.

      Un saluto
      Antonio

      postato in Presentati alla Community
      C
      caparlok