Problemino con sfondo ripetuto

28-12-2010, 12.03.28

Ri-salve a tutti. Essì con l'html sono proprio una frana e per questo mi affido ancora a voi e alla vostra sapienza xD..

allora prima di tutto non riesco a capire perchè l'immagine che dovrebbe fungere da logo ha il margine quando io nell'html ho messo il codice per eliminarlo.

In secondo luogo ho provato a centrare lo sfondo con ''align=center'' senza risultati >,<.

E terzo qualcuno sa come posso far arrestare la ripetizione dell'immagine dopo un determinato numero di ripetizioni? Perchè vi spiego vorrei che l'immagine di sfondo si ripeta e poi alla fine vorrei mettere un'altra immagine di sfondo che chiuda la ripetizione.

Grazie a tutti quelli che avranno la cortesia di rispondermi ^^..ma anche solo di leggere il papiro qui sopra

**karl94** · 28-12-2010, 12.15.33

Stai facendo molta confusione: hai inserito più volte il tag di apertura body, stai usando elementi e attributi deprecati (usa il CSS) come font, align, bgcolor, etc.
Se proprio t'interessa imparare l'HTML, cercati una guida seria o consulta le specifiche. Se vuoi creare un sito senza grossi problemi ti basta usare un CMS, come Joomla.
Che sito vorresti creare?

28-12-2010, 12.18.42

in che senso che sito vorrei creare? diciamo che per imparare devo fare anche pratica così..sto facendo pratica, per la guida ne sto leggendo una.. però sull'html non sul css.

Ehm potresti dirmi dove ho sbagliato? Ora capisco perchè su DW alcune cose non esistono xD

<!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>
<style type="text/css">
body{
background-image:url('http://i56.tinypic.com/21nfynk.png');
background-position:center;
background-repeat:repeat-Y;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dragriphon's Island</title>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#CCFFFF" lang="it" link="#006699">
<p align=center>
<img src="http://i51.tinypic.com/24x2dl3.png"></img>
</p>
<br />
<font face="Corbel, Verdana, Arial, Helvetica, sans-serif" color="#006699" size="2">Bla bla bla bla <a href="www.dragriphonisland.altervista.org">Bla bla link</a></font>
</body>
</html>

ho corretto così ma il margine c'è ancora

**karl94** · 28-12-2010, 13.11.38

Anzitutto non usare il doctype Transitional, usa il doctype strict.

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Nel documento HTML tu devi inserire solo il contenuto della pagina, non devi pensare all'aspetto grafico. Penserai alla grafica solo dopo. È importante sapere che ogni elemento HTML ha un significato semantico: l'elemento p serve per contenere paragrafi, gli elementi h1, h2, h3, h4, h5 e h6 definiscono le varie intestazioni del documento, vanno usati in ordine dove il più importante è h1, il meno importante è h6. L'elemento a denota invece un collegamento ipertestuale, dove la destinazione è specificata dall'attributo href.

Un documento HTML minimale è costituito da doctype e l'elemento radice, html. Dentro l'elemento html devono essere presenti in quest'ordine gli elementi head e body, non possono esserci altri elementi al di fuori di questi due. Dentro l'head è obbligatorio l'elemento title, che permette di dare un titolo al documento. Dentro il body andranno tutti i testi (racchiusi nei corretti elementi) che andranno a costituire il documento. Nell'head si includono informazioni relative al documento (autore, pagina precedente, pagina successiva, codifica, indice, foglio di stile, script vari).

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="it-IT">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Dragriphon's Island</title>
		<style type="text/css">
			body{
				background: url(http://i51.tinypic.com/24x2dl3.png) center repeat-y;
			}
		</style>
	</head>
	<body>
		<h1>Dragriphon's Island</h1>
		<p>Paragrafo</p>
	</body>
</html>

28-12-2010, 13.22.21

uhm ok.. quindi devo fare prima lo scheletro della pagina e poi la grafica.. provo però devo comunque togliere quel margine al logo che ho già messo, come posso fare? con i css? Sto leggendo la guida e mi dice solo come togliere i margini dallo sfondo

**karl94** · 28-12-2010, 13.25.38

Devi azzerare i margini del body. La proprietà CSS che regola i margini è margin, bisogna inserirla tra le graffe, dove ho impostato lo sfondo (background).

Codice HTML:

<style type="text/css">
	body{
		background: url(http://i51.tinypic.com/24x2dl3.png) center repeat-y;
		margin: 0;
	}
</style>

Così facendo però tutto il testo sarà attaccato al bordo dello schermo. Questo perché hai inserito l'immagine mediante l'elemento img, che serve per inserire un immagine nel documento, non per impostare lo sfondo.

28-12-2010, 13.29.17

tanto sarà tutto in una tabella, e la tabella poi la sposto al centro, così non ci dovrebbero essere problemi o sbaglio? perdonami se faccio tante domande..

**karl94** · 28-12-2010, 13.32.30

Le tabelle non sono il massimo per il layout: http://forum.it.altervista.org/javas...tml#post773092
Il layout rientra nella grafica del sito, per questo lo devi sviluppare tramite CSS.
Che tipo di layout vorresti?

28-12-2010, 13.34.56

quello con due colonne, la prima con i vari link e la seconda con i contenuti

il margine non se ne va >.< non capisco come mai

comunque si sto leggendo da html.it le guide di html

**karl94** · 28-12-2010, 13.40.20

Originalmente inviato da DragriphonIsland

quello con due colonne, la prima con i vari link e la seconda con i contenuti

Per questo puoi seguire questa guida.

Originalmente inviato da DragriphonIsland

il margine non se ne va >.< non capisco come mai

Puoi scrivere il codice o caricarlo nella home?

28-12-2010, 13.47.32

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body{
background :url('http://i56.tinypic.com/21nfynk.png') center repeat-y;
margin: 0;
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dragriphon's Island</title>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#CCFFFF" lang="it" link="#006699">
<p align=center><img src="http://i51.tinypic.com/24x2dl3.png"></img></p>
<br />
<font face="Corbel, Verdana, Arial, Helvetica, sans-serif" color="#006699" size="2">Bla bla bla bla <a href="www.dragriphonisland.altervista.org">Bla bla link</a></font>
</body>
</html>

ecco qua

**karl94** · 28-12-2010, 13.51.57

La spaziatura che vedi sopra è causata dal margine del paragrafo, togli l'immagine da dentro il paragrafo.
P.s.: l'elemento img è un elemento vuoto (non ha e non deve avere un contenuto), la scrittura corretta in XHTML è

Codice HTML:

<img src="url" alt="testo alternativo" />

Non dimenticare di compilare l'attributo alt, è obbligatorio.

28-12-2010, 13.59.33

fatto però ora non è più centrato e il colore dello sfondo è sparito >,< ho aggiornato l'home

Niente ho risolto con il div :) grazie di tutto ^^

**karl94** · 28-12-2010, 14.16.59

Ecco qui:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT">
	<head>
		<title>Dragriphon's Island</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			body{
				background: url(http://i56.tinypic.com/21nfynk.png) center repeat-y #CFF;
				margin: 0;
			}
			
			:link{
				color: #069;
			}
			
			#header{
				margin: 0;
			}
			
			#header a{
				font-size: 0px;
				/*width: 1058px;*/
				height: 630px;
				background: url(http://i51.tinypic.com/24x2dl3.png) center no-repeat;
				display: block
			}
		</style> 
	</head>
	<body>
		<h1 id="header"><a href="/">Dragriphon's Island</a></h1>
	</body>
</html>

Usa questo servizio per assicurarti sempre che il codice che scrivi sia valido: http://validator.w3.org/

28-12-2010, 21.54.10

ho provato a usare i css però mi è sembrato complesso e non ci sono riuscita..così ho deciso che per adesso userò le tabelle per i layout.. anche se ho un problema con la tabella.. cioè ho provato a scrivere qualcosa in quella che dovrebbe essere la colonna dei contenuti e me li fa apparire al centro della tabella non all'inizio >.< help me

**karl94** · 28-12-2010, 22.10.36

Originalmente inviato da DragriphonIsland

ho provato a usare i css però mi è sembrato complesso e non ci sono riuscita..

Ti ho preparato una pagina d'esempio semplice semplice

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-IT">
	<head>
		<title>Dragriphon's Island</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			body{
				background: url(http://i56.tinypic.com/21nfynk.png) center repeat-y #CFF;
				margin: 0;
			}
			
			:link{
				color: #069;
			}
			
			#header{
				margin: 0;
			}
			
			#header a{
				font-size: 0px;
				/*width: 1058px;*/
				height: 630px;
				background: url(http://i51.tinypic.com/24x2dl3.png) center no-repeat;
				display: block
			}
			
			#corpo{
				float: right;
				width: 80%;
			}
			
			#menù{
				float: left;
				width: 20%;
			}
			
			#menù ul{
				margin: 0;
				padding: 0;
			}
			
			#menù ul > li{
				display: block;
			}
		</style> 
	</head>
	<body>
		<h1 id="header"><a href="/">Dragriphon's Island</a></h1>
		<div id="corpo">
			<h2>Titolo pagina</h2>
			<p>Paragrafo</p>
			<p>Paragrafo</p>
		</div>
		<div id="menù">
			<h2>Menù</h2>
			<ul>
				<li><a href="#1">Collegamento №1</a></li>
				<li><a href="#2">Collegamento №2</a></li>
				<li><a href="#3">Collegamento №3</a></li>
			</ul>
		</div>
	</body>
</html>

Se la vuoi usare e c'è qualcosa che non ti piace dimmelo.

Originalmente inviato da DragriphonIsland

così ho deciso che per adesso userò le tabelle per i layout.. anche se ho un problema con la tabella.. cioè ho provato a scrivere qualcosa in quella che dovrebbe essere la colonna dei contenuti e me li fa apparire al centro della tabella non all'inizio >.< help me

Devi impostare alle celle la proprietà CSS vertical-align su top.

Codice HTML:

<style type="text/css">
	td, th{
		vertical-align: top;
	}
</style>

29-12-2010, 10.09.51

più tardi provo ad usare la pagina d'esempio così vedo cosa va dove :) grazie mille

ho provato uhm.. ma per allinearli nella pagina? con la tabella imposto le dimensioni delle colonne invece per i css come funziona?

Discussione: Problemino con sfondo ripetuto

LinkBack

Strumenti discussione

Display

Problemino con sfondo ripetuto

Regole di scrittura