html e body

Gae58 · 26 Giu 2012

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

criric · 26 Giu 2012

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

Gae58 · 1 Lug 2012

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.

Gae58 · 1 Lug 2012

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

criric · 8 Lug 2012

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

Gae58 · 8 Lug 2012

ti ringrazio per la risposta, se non ti dispiace la proverò quando torno dalle ferie e ti faccio sapere

ciao Gaetano

Gae58 · 2012-08-12T18:57:32+0200

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

Cerca

Cerca

html e body

Gae58

Utente Attivo

criric

Super Moderatore

Gae58

Utente Attivo

Gae58

Utente Attivo

criric

Super Moderatore

Gae58

Utente Attivo

Gae58

Utente Attivo

Discussioni simili