inserire testo fra due immagini alineate orrizzontalmente

**Malboro** · 07-01-2010, 11:21

Premetto che stò cercando di imparare ora php e html.
Scudsate se mi permetto di fare una domanda così stupida, ma non mi viene in mente una soluzione plausibile senza dover rivcorrere a psizionare le immagini con posizione assoluta,che è quello che non vorrei fare.
La mia intenzione sarebbe di inserire due immagini uguali o loghi alle estremita del titolo della pagina,(come da esempio in figura).
Sono partito da questo codice:

Codice PHP:


<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>prova</title> </head>  <body> <?php echo'   <h1 align="center">  head titolo  [img]immagini/logo.jpg.[/img]   [img]immagini/logo.jpg.[/img]</h1>  ' ?>  </body> </html>

ma ora non riesco ad affiancare l'immagine di sinistra al testo.
Sono partito con l'idea sbagliata?

:master:

**daniele_dll** · 07-01-2010, 13:09

Ciao,

non vedo che c'entri php in tutto questo

Cosa e come viene visualizzato il cosa è gestito dal browser, ovvero lato client, mentre php è server side, ovvero lato server. Per intenderci il client è il browser.

Il tuo problema è a cavallo tra html e css, però, credo, ti converrebbe risolvere con i CSS piuttosto che con l'html (se ho capito il tuo problema)

Ti sposto li

PS: forse è meglio che fai un disegnino con qualsiasi programma di grafica e alleghi lo shot perché non si capisce esattamente cosa chiedi (o per lo meno non lo capisco io

)

**Malboro** · 07-01-2010, 13:37

Ti ringrazio per il tuo intervento,
ho tentato di inserire un immagine per spiegarmi meglio ma non riesco ad inserirla correttamente,in altre parole non si vede nel theader come nel primo messaggio inviato avevo allgegato lo stesso file un png ma a quanto pare non è stato allegato.

provo comunque a spiegarmi :

immagine(logo)|testo(h1)|immagine(logo)

**miki003** · 07-01-2010, 15:56

[CODE]<!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=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">

</style>
</head>

<body>
<div id?"container">
<div class="immagine">[img]immagine.jpg[/img]</div>
<h1>Qui il tuo testo.</h1>
<div class="immagine">[img]immagine.jpg[/img]</div>
<div id="clear"></div>
</div>
</body>
</html>

**Malboro** · 08-01-2010, 00:02

Ti ringrazio per il Tuo aiuto,il codice che mi hai postato funziona benissimo, solo una paio di cose giusto per apprendere al meglio l'utilizzo del codice,

1) la prima parte
<style type="text/css">

</style>

immagino possa essere inserito come un css

2) cosa, mea culpa non avrevo scritto prima,il tutto dovrebbe essere centrato sulla pagina.

ringrazio ancora una volta per la Vostra pazienza.

**miki003** · 08-01-2010, 01:27

Originariamente inviato da Malboro
Ti ringrazio per il Tuo aiuto,il codice che mi hai postato funziona benissimo, solo una paio di cose giusto per apprendere al meglio l'utilizzo del codice,

1) la prima parte
<style type="text/css">

</style>

immagino possa essere inserito come un css

Si! E' un CSS!

2) cosa, mea culpa non avrevo scritto prima,il tutto dovrebbe essere centrato sulla pagina....

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=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#container {
	background-attachment: fixed;
	background: url(donna2.jpg) no-repeat;
	background-position: 100px 100px;
	padding: 0px;
	height: 400px;
	width: 400px;
	border: 2px solid #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -200px;
}
-->
</style>
</head>

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

Discussione: inserire testo fra due immagini alineate orrizzontalmente

Strumenti discussione

Ricerca discussione

Visualizza

inserire testo fra due immagini alineate orrizzontalmente

Permessi di invio