Blocco sopra lo sfondo

**Skell** · 31-08-2011, 14:42

Salve a tutti,
da poco ho cominciato a studiare l'html e già cominciano a sorgere dei problemi

stavo realizzando una pagina web. ho messo lo sfondo e il logo, solo che adesso volevo che al centro della pagina ci fosse un blocco di colore bianco in cui potevo scriverci sopra. ho provato a creare una immagini bianca e metterla nella pagina con il seguente codice:
<center>[img]blocco.png[/img]</center>
l'immagine viene messa al centro della pagina ma logicamente non posso scriverci sopra.
non so se mi sono espresso bene, perciò vi do il link della pagina che sto creando:
http://www.thesociety.altervista.org/home.html

dove vedere l'immagine bianca li voglio che ci sia uno spazio con sfondo bianco in cui posso scrivere. come posso fare?

**Prill** · 31-08-2011, 15:19

Puoi inserire l'immagine come sfondo di un div. Sarà necessario aggiungere anche un Doctype e tag strutturali come <html> <head> che mancano, esempio:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>titolo</title>

<style type="text/css">
body {
	background-image: url(backg.gif);
}
#container{
	width: 800px;
	margin:0 auto;
}
#content{
	background-image: url(block.png);
}
</style>

</head>

<body>
<div id="container">
   <div id="logo">[img]...omesso/styles/pro_ribbons/imageset/site_logo.png[/img]
   </div>
   <div id="menu">
      [img]button/home/button1.png[/img]
      [img]button/forum/button3.png[/img]
   </div>

   <div id="content">testo su immagine di sfondo block.png
   </div>

</div>
</body>
</html>

**Skell** · 31-08-2011, 16:24

grazie 1000 per la risposta. dato che lo hai nominato mi potresti spiegare velocemente cos'è un Doctype? lo trovo su tutte le pagine web ma non ho mai capito a cosa serve

**Prill** · 31-08-2011, 17:07

Serve a specificare che tipo di linguaggio di marcatura si usa, nell'esempio html 4.01 transitional, l'indirizzo nella parte finale riguarda il documento relativo alle specifiche del w3c per html transitional (ciò che è consentito). Indicarlo nella pagina fa che il browser rispetti quelle regole, si comporti cioè seguendo gli standard e riducendo i suoi margini di (libera) interpretazione

**Skell** · 31-08-2011, 20:01

Grazie 1000, mi sei stato veramente di aiuto!

Discussione: Blocco sopra lo sfondo

Strumenti discussione

Ricerca discussione

Visualizza

Blocco sopra lo sfondo

Permessi di invio