Sfarfallamento in home page

**Ombra BornToDEI** · 22-02-2010, 19:50

buona sera, spero di trovare una mano quì
ogni tanto mi diletto con html ma purtroppo (lo rimpiango molto) la mia conoscenza è insufficiente per permettermi di muovermi con le mie sole gambe.

Stò lavorando su questa home page: http://www.borntodei.it/

ma come al solito ho problemi di sfarfallamento con risoluzioni diverse
in questo caso l'immagine di sfondo è troppo corta e di conseguenza si ripete,
ho creato quel menu ma dovrebbe stare sempre posizionato nella parte scura del pianeta
potreste darmi una mano per risolvere?

questo è l'intero codice:

<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Born toD.E.I. softair</title>
</head>
<body background="http://bananasrepublik.files.wordpress.com/2009/05/spazio.jpg">

<style>
a { text-decoration: none; }
a {color:#0066FF; text-decoration=none;
}
a:hover {color:#FF9900;font-weight:bold;
}
</style>

<table border=0 width=100%>
<tr height=20>
<td colspan=3>

</td>
</tr>

<tr height=166>
<td></td></tr>
<tr>
<td colspan=2 align=right>[img]/Immagini/Home page/scritta.png[/img]</img></td></tr>
<tr>
<td width=70%></td>
<td align=left width=80>
<font face="tempus sans ITC, comic sans, tahoma" color=#ffffff size=5>
<a href="About us.html">
About us
</a>

<a href="News.html">
News
</a>

<a href="http://borntodei.forumfree.it/">
Forum
</a>

Photo Gallery
</font>
</td>
</tr>
<tr>
<td colspan=3>
</td>
</tr>
</table>

</body>
</html>

**lawrences_91** · 22-02-2010, 23:31

E se provassi a mettere al body uno sfondo scuro e l'immagine tenerla con un tag <img> all'interno della cella di tabella che farebbe da sfondo alle scritte? O l'immagine la volevi per forza come sfondo del sito?

**Ombra BornToDEI** · 23-02-2010, 00:54

e ma a quel punto potrei dare dimensioni fisse alla tabella e mettere l'immagine come sfondo della stessa, così potrei mettere il menu nella posizione che voglio all'interno della stessa..
ma graficamente perderebbe un po'
non ci sono soluzioni per risolvere questo problema?

**Ombra BornToDEI** · 23-02-2010, 17:10

nessuno può darmi una mano?

**Ombra BornToDEI** · 24-02-2010, 10:04

ci rinuncio, pare che il più grosso forum italiano non riesca a darmi una mano.
viva l'italia, passo su una community internazionale.
saluti

**Prill** · 24-02-2010, 12:16

Non c'è da irritarsi se nessuno risponde, si risponde gratuitamente e quando si ha tempo.
Personalmente non noto sfarfalli nella tua home, ma ci sono degli errori, come il foglio di stile inserito nel body invece che in head. Inutile anche la tabella (peraltro non bene impostata, con Explorer i link allo stato hover vanno a capo, ma poi avendo dimensioni in percentuale cambiando risoluzione ti si sballa il posizionamento dei link sull'immagine).
Puoi tranquillamente sostituire, dato che la struttura è semplice, la tabella con un div. Poiché la tua immagine è di 1024x768, puoi inserirla come sfondo di un div delle stesse dimensioni, che sarà centrato sulla pagina (mentre il body può avere uno sfondo nero). Ecco il codice. Il testo e l'immagine sono posizionati semplicemente attraverso un padding sul div che puoi ritoccare come meglio credi, io ho tenuto conto di quello che visualizzavo io (devi anche modificare il nome della tua pagina About us.html evitando gli spazi vuoti). Considera anche che se vuoi tener conto di una risoluzione di 1024 dovrai rimpicciolire il div in orizzontale di una ventina di pixel almeno e in verticale un po' di più perché ci sono le varie barre del browser

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Born toD.E.I. softair</title>
<style type="text/css">
body {
	background-color: #000000;
	margin:0;
	text-align:center;
}
a {
	font-family: "Tempus Sans ITC", "Comic Sans MS", Tahoma;
	font-size: x-large;
	text-decoration: none;
	color:#0066ff;
}
a:hover {
	color:#ff9900;
	font-weight:bold;
}
#main {
	width:1024px;
	height:768px;
	background-image: url(http://bananasrepublik.files.wordpre.../05/spazio.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
}
#content {
	padding-top:185px;
	padding-left:550px;
	text-align:left;
}
#menu {
	padding-left:110px;
	padding-top:5px;
}

</style>
</head>

<body>
<div id="main">
  <div>
    
	
  </div>
  <div id="content">
    [img]Immagini/Home page/scritta.png[/img]        
    <div id="menu">
      About us
      

      News
      

      Forum
      

      Photo Gallery
    </div>
  </div>
</div>
</body>
</html>

**Ombra BornToDEI** · 24-02-2010, 12:22

beh che dire..
_scusa
_grazie

mi metto al lavoro

Discussione: Sfarfallamento in home page

Strumenti discussione

Ricerca discussione

Visualizza

Sfarfallamento in home page

Permessi di invio