[HTML CSS]Sovrapporre due div?

codreanu · 22-07-2007, 21:12

Ciao programmatori

.

Sto costruendo(ci provo, è il primo) questo sito. Il file è questo:

Codice:

<html>
<head>
<title>Website</title>
<LINK href="style.css" rel="stylesheet" type="text/css" title="Default Styles" media="screen"/>
</head>
<body>

<div id = "container" align = "center">
	<img src="images/website.png" width="900" height="1000" alt="">
</div>

<div id = "article">
	<?php
	function ReadArticle()
	{
		$myFile = "Article.txt";
		$handle = fopen($myFile, 'r');
		$Data = fread($handle, 10);
		fclose($handle);
		echo $Data;
	}
	ReadArticle();
	
	?>
</div>

</body>
</html>

Come si vede ho 2 div. Il primo è la base del sito, un'immagine fatta in Photoshop. Il secondo è un pò di testo che la funzione PHP ReadFile() prende da un file .txt.
Vorrei poter sovrapporre i due div in modo che il testo appaia sopra l'immagine fatta in Photoshop. Grazie in anticipo.

Nel .css ho

Codice:

body {
	background-image: url(images/back.jpg);
}

phlebotomus · 23-07-2007, 00:22

...il </div> del primo DIV (box) deve andare dopo il </div> del secondo DIV...
Sembra che ho fumato qualcosa di potente...

PS.
Ovviamente però l'immagine va messa come sfondo del DIV più esterno (come in BODY); oppure la metti come sfondo del DIV col testo ed elimini il DIV esterno...

codreanu · 23-07-2007, 02:13

non va. viene cosi

io il testo voglio metterlo sulla parte bianca. grazie.

phlebotomus · 23-07-2007, 11:14

Secondo me, continui a mettere l'immagine non come sfondo ma come immagine normale.
Così funziona già di più:

Codice HTML:

<html>
<head>
<title>Website</title>
<LINK href="style.css" rel="stylesheet" type="text/css" title="Default Styles" media="screen"/>
</head>
<body>

<div id="container" align="center">
	

    <div id="article">

 TESTO O CODICE PHP

    </div>
</div>

</body>
</html>

Quindi il CSS è qualcosa tipo:

Codice HTML:

body {
	background-image:url(images/back.jpg)
}
#container {
	background-image:url(images/website.jpg);
	width:900px;
	height:1000px;
	margin:auto
}

codreanu · 23-07-2007, 11:44

no, mi é sparita l'immagine di background.

22-07-2007, 21:12	#1
codreanu Member Iscritto dal: Jul 2007 Città: Torino Messaggi: 31	[HTML CSS]Sovrapporre due div? Ciao programmatori . Sto costruendo(ci provo, è il primo) questo sito. Il file è questo: Codice: <html> <head> <title>Website</title> <LINK href="style.css" rel="stylesheet" type="text/css" title="Default Styles" media="screen"/> </head> <body> <div id = "container" align = "center"> <img src="images/website.png" width="900" height="1000" alt=""> </div> <div id = "article"> <?php function ReadArticle() { $myFile = "Article.txt"; $handle = fopen($myFile, 'r'); $Data = fread($handle, 10); fclose($handle); echo $Data; } ReadArticle(); ?> </div> </body> </html> Come si vede ho 2 div. Il primo è la base del sito, un'immagine fatta in Photoshop. Il secondo è un pò di testo che la funzione PHP ReadFile() prende da un file .txt. Vorrei poter sovrapporre i due div in modo che il testo appaia sopra l'immagine fatta in Photoshop. Grazie in anticipo. Nel .css ho Codice: body { background-image: url(images/back.jpg); }

23-07-2007, 00:22	#2
phlebotomus Senior Member Iscritto dal: Jul 2003 Città: Provincia PI Messaggi: 905	...il </div> del primo DIV (box) deve andare dopo il </div> del secondo DIV... Sembra che ho fumato qualcosa di potente... PS. Ovviamente però l'immagine va messa come sfondo del DIV più esterno (come in BODY); oppure la metti come sfondo del DIV col testo ed elimini il DIV esterno... __________________ R7 5700X < Noctua NH-D14 > Asus ROG Strix X570-F, Lepa G1000-MA, TeamGroup T-Force Vulcan Z 32GB 3200Mhz, M2 Crucial P5+, Palit GTX 1660 Ti StormX > Benq EW3280U, Asus Xonar Essence STX > NAD C350 > ProAc Tablette 2000, Corsair Obsidian 650D. 12 trans. merc. Ultima modifica di phlebotomus : 23-07-2007 alle 00:25. Motivo: Aggiunto il PS

23-07-2007, 11:14	#4
phlebotomus Senior Member Iscritto dal: Jul 2003 Città: Provincia PI Messaggi: 905	Secondo me, continui a mettere l'immagine non come sfondo ma come immagine normale. Così funziona già di più: Codice HTML: <html> <head> <title>Website</title> <LINK href="style.css" rel="stylesheet" type="text/css" title="Default Styles" media="screen"/> </head> <body> <div id="container" align="center"> <div id="article"> TESTO O CODICE PHP </div> </div> </body> </html> Quindi il CSS è qualcosa tipo: Codice HTML: body { background-image:url(images/back.jpg) } #container { background-image:url(images/website.jpg); width:900px; height:1000px; margin:auto } __________________ R7 5700X < Noctua NH-D14 > Asus ROG Strix X570-F, Lepa G1000-MA, TeamGroup T-Force Vulcan Z 32GB 3200Mhz, M2 Crucial P5+, Palit GTX 1660 Ti StormX > Benq EW3280U, Asus Xonar Essence STX > NAD C350 > ProAc Tablette 2000, Corsair Obsidian 650D. 12 trans. merc.

23-07-2007, 02:13	#3
codreanu Member Iscritto dal: Jul 2007 Città: Torino Messaggi: 31	non va. viene cosi io il testo voglio metterlo sulla parte bianca. grazie.

23-07-2007, 11:44	#5
codreanu Member Iscritto dal: Jul 2007 Città: Torino Messaggi: 31	no, mi é sparita l'immagine di background.

Strumenti
Mostra una versione stampabile Invia questa pagina per email