Problema Sfondi

**wave00** · 26-08-2006, 19:24

Ciao a tutti ragazzi, io ho un piccolo problema, voglio praticamente utilizzare una immagine come logo in alto a sx e poi voglio fare in modo che lo sfondo sia di un certo colore. Ho usato il codice seguente:
div#logo
{position: absolute;right:10px;
background-color:#3B9EF1;
}
però lo sfondo non lo prende in considerazione.Notate il codice html:
<div id="logo"><a>[img]img/logo2.jpg[/img]</a></div>

Sapreste darmi una mano???Sono alle primissime armi con i CSS e XHTML

Potete vederloQui .
L'immagine a destra è quella che voglio usare come logo ed vorrei usare la sfumatura del cielo come sfondo per tutto il sito oppure pere la riga dove c'è lo sfondo e poi sotto spostare il menu con "position".Se volete potete darmi anche un altro metodo da utilizzare

**webdemo** · 26-08-2006, 21:38

prova cosi':

html:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Torre Macauda</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
		<div id="menu">
			<ul>
			[*]<span> Home Page </span>
			[*]<span> Foto </span>
			[*]<span> Contatti</span> 
			[/list]
		</div>
</div>
<div id="content">



 Benvenuti</p>

</div>
<div id="footer">
</div>
</body>
</html>

css:

codice:

/* CSS Document */
html {
		min-height: 90%;
		margin-bottom: 50px;
		
		
	}
div#logo 
{position: absolute;right:10px;
 background-color:#3B9EF1;
}
div#menu li{display: inline; margin: 0 0 0 1em;padding: 0}
/*Abbiamo definito per il menu: colore, font: font-width dimensione/interlinea, font-family*/
div#menu a{color: #6699FF;font: normal bold 1.1em/1.5em  Verdana, Arial, Helvetica, sans-serif;text-decoration: none}
div#content p:first-letter 
{
font-size: 50px;
border: 3px solid #DDDDDD;
margin: 5px;
}


/*aggiunto*/
div#header {
	height: 165px;
	background-image: url(img/logo2.jpg);
	background-repeat: no-repeat;
	background-color: #3B9EF1;
}

nb
ci sono parecchie cosa da sistemare, es: a cosa ti servono questi <span>?

codice:

<ul>
			[*]<span> Home Page </span>
			[*]<span> Foto </span>
			[*]<span> Contatti</span> 
			[/list]

ciaux

Discussione: Problema Sfondi

Strumenti discussione

Ricerca discussione

Visualizza

Problema Sfondi

Permessi di invio