html e body

  • Creatore Discussione Creatore Discussione Gae58
  • Data di inizio Data di inizio

Gae58

Utente Attivo
26 Mar 2012
84
0
0
salve,

vorrei riscrivere il CSS esterno che uso per meglio capire alcuni settaggi.

La prima cosa che vorrei fare è settare gli spazio della pagina.
Quello che vorrei fare è avere una pagina con il contro 1% ed il paddign 1% in modo da avere la pagina centrata con questa cornice attorno.
Ho provato, ma non è centrata. C'è + spazio sulla dx.
Questo è il CSS:
HTML:
html, body  {
	width: 100%;
	height: auto;
	margin: 0%;
	padding: 0%;
        font: normal 10px "Verdana" ;
	font-size: 100%;
	background-color: #EEEEEE;
	color: #666666;
}
Qualche aiuto?

grazie

Gaetano
 
Ultima modifica di un moderatore:
Ciao,
puoi provare cosi:
HTML:
<html>
    <head>
        <title>prova</title>
        <style type="text/css">
            html body {
                text-align: center;
                background-color: #EEE;
                padding: 0.5%;
            }
            #contenitore {
                margin:auto;
                height: 100%;
                font: normal 10px "Verdana" ;
                background-color: #FFF;
                color: #666666;
                border:1px solid #777;
            }
        </style>
    </head>
    <body>
        <div id="contenitore"></div>
    </body>
</html>

sempre che ti sia possible racchiudere il contenuto in un div #contenitore
 
funziona,

ti ringrazio per l'aiuto.

Scusa se ci ho messo a provarlo.

Se non ti scoccia posso rivolgerti un'altra dmanda?

In questo CSS, nel div dell'Intestazione, vorrei far uscire una scritta ed un'immagine adx, ma dopo varie prove, vedo che l'immagine non è posizionata sullo stesso rigo, ma in basso.

Ho provato anche ad inserire una scritta, ma va sempre a capo.

Per quel che ho letto, se non cambio impostazione, la scritta o l'immagine, dovrebbero vnire senpre di seguito al div.
 
Al tuo Codice ho aggiunyo questo:
<body>
<div id="contenitore">
<h1> AAAAAAAAAAAAAAAAA</h1>
<a href="http://www.softwaregl.it"> <img src="Img/Logo.png" align="right" alt="Logo Software G&L [Home Page]" height="36" /> </a>

</div>
</body>

Vorrei che l'Immagine proseguisse la scritta AAAAAAAAAAAAAA
 
Ciao,
scusa se ti rispondo solo ora ma sono stato fuori citta

puoi provare settando i due elementi con le proprietà float o display

aggiungi al css o
Codice:
h1,a{
  float:left;
}
per allinearli entrambi a sinistra oppure
Codice:
h1,a{
   display: inline-block
}
per affiancarli centrati
 
ti ringrazio per la risposta, se non ti dispiace la proverò quando torno dalle ferie e ti faccio sapere

ciao Gaetano
 
Ti ringrazio per il suggerimento.
Infatti il problema era che mettendo il tag <h1> che è un elento blocco, andava nodifica in elemento inLine.

Di nuovo grazie

Gaetano
 

Discussioni simili