Help html e immagini

**mesilla** · 13-02-2010, 19:06

Ciao a tutti,
sono costretta a ricorrere al vostro aiuto! Sto imparando ad utilizzare questo tipo di linguaggio e vorrei un'informazione per inserire su una pagina web un'immagine con il stesto allineato a sinistra dell'immagine. Ho studiato la vostra guida e ho scritto:

testo


testo.

Il problema è che sul mio pc rimane l'immagine con a destra in alto una riga del testo e poi tutto il resto del testo va a finire sotto l'immagine. Anche se faccio delle modifiche la pagina non varia. Ho provato a vedere la stessa pagina con un altro pc e le modifiche appaiono correttamente. Allora ho cancellato la cronologia più volte dal mio, ma non sono riuscita a sbloccarlo. L'ho spento e riavviato, ma nulla
Come posso fare per vedere se i tentativi che faccio vanno a buon fine usando il mio pc?
Spero di essere riuscita a spiegarmi...

**miki003** · 13-02-2010, 20:32

Io non so come e settato il tuo PC e pertanto non poso sapere perchè non visualizza bene come gli altri ma il codice giusto è questo:

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">
<!--
#contenitore {
	clear: both;
	overflow: hidden;
}
#immagine {
	float: left;
	height: 190px;
	width: 188px;
}
#testo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
	margin: 0px;
	padding: 5px;
	float: left;
	height: 190px;
	width: 150px;
}
#clear {
	clear: both;
}
-->
</style>
</head>

<body>
<div id="contenitore">
  <div id="immagine">
    [img]immagine.jpg[/img]
  </div>
  <p id="testo">Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo Testo testo testo testo </p>
  <div id="clear"></div>
</div>
</body>
</html>

**mesilla** · 14-02-2010, 10:21

Ciao, intanto grazie mille per la risposta e per la velocità!

Abbi pazienza ho ancora qualche difficoltà... anzi molte

Ho alcune domande:

1) Io so che la mia pagina web ha già il carattere e la dimensione del testo predefiniti. Quindi una parte delle tue istruzioni non la devo mettere vero?

2) Devo inserire tutto quello che mi hai scritto affinchè il mio testo venga allineato a sinistra dell'immagine?
Anche questa parte qui sotto?

<!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">

Qui non saprei cosa mettere...

3) Inoltre ho letto che le mie immagini le potrei inserire in una cartella e nella guida non viene messo sempre il percorso dell'immagine. Io però se non la carico nella cartella images sul mio server e se non metto http://indirizzomiosito non appare. E' giusto? Va sempre messo? Non posso tenere le immagini solo in una cartella del mio pc?

4) Ultima domanda: come faccio a sapere come è settato il mio pc, ossia dove devo guardare????

Grazie davvero perchè è per lavoro e se no non saprei dove rivolgermi!!!!

**mesilla** · 14-02-2010, 10:41

Sono riuscita ad allineare il testo all'immagine!!! Però dato che c'è un testo con elenco con punti, i punti erano nascosti sotto l'immagine e quindi ho aumentato lo spazio così:

testo.

Caratteristiche:
<ul type="”disc”">[*]testo.[*]testo.[*]testo.[/list]



testo'uso:
testo.


Però adesso l'immagine è troppo spostata a destra rispetto al bordo sinistro e non è più allineata con il titolo e il testo sotto di essa. Come faccio per sistemarla?

Grazie mille!!!!

**miki003** · 14-02-2010, 15:59

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">
<!--
#contenitore {
	clear: both;
	overflow: hidden;
}
#immagine {
	float: left;
	height: 190px;
	width: 188px;
}
#testo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: justify;
	margin: 0px;
	padding: 5px;
	float: left;
	height: 190px;
	width: 200px;
}
h5 {
	text-decoration: underline;
}
#clear {
	clear: both;
}
ul {
	list-style: disc;
	padding: 10px;
}
-->
</style>
</head>

<body>
<div id="contenitore">
  <div id="immagine">
    [img]immagine.jpg[/img]
  </div>
  <div id="testo">
	<h5>Titolo</h5>
      <ul>[*]testo.[*]testo.[*]testo.[/list]
  </div>
  <div id="clear"> </div>
</div>
</body>
</html>

Non devi mai e sottolineo mai mettere le formattazioni in linea come hai fatto tu, se non strettamente necessario!!

Il

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>

è logico che se nella tua pagina è già presente non lo devi mettere metti solo il codice che serve, io posto tutta la pagina per chiarezza e comprensione del codice e per fornire una pgina già pronta da provare

**mesilla** · 17-02-2010, 13:11

Cosa sono le formattazioni in linea?
Allora devo usare l'ultimo codice che hai postato per allineare l'immagine a sinistra?

<!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>

Discussione: Help html e immagini

Strumenti discussione

Ricerca discussione

Visualizza

Help html e immagini

Permessi di invio