Logo non funzionante 0.0

**takeoff** · 14-11-2008, 00:22

Ciao a tutti, mi chiamo dario e da poco ho iniziato a creare un mio sito.

Oggi ho inserito un logo (arancione con la scritta crash down se andate a vedere)
E va bene, pero sul pc di un mio amico, il logo risulta + piccolo dello spazio ed avanza una parte in bianco, su un altro pc le misure del logo risultano ancora diverse, sapreste aiutarmi?

http://take0ff.altervista.org/ <--- questo è il link del mio sito vi prego aiutatemi

**Myaku** · 14-11-2008, 07:56

non mi pare sia un problema legato alla grafica, ma al codice. ti sposto in xhtml

**takeoff** · 14-11-2008, 09:59

Scusa, nn sono pratico.
Cmq qualcuno ha capito il problema?

**graffithouse** · 14-11-2008, 10:35

non usare frame -.-

fai con i div e i css

**takeoff** · 14-11-2008, 10:38

Cn i frame ho messo solo la pubblicità a destra, il resto è fatto cn i div e i css, se potete contattatemi su msn mi spiegate meglio

**graffithouse** · 14-11-2008, 10:59

Originariamente inviato da takeoff
Cn i frame ho messo solo la pubblicità a destra, il resto è fatto cn i div e i css, se potete contattatemi su msn mi spiegate meglio

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=iso-8859-1" />
  <title>/./*/./Take oFF/./*/./ & Venom.93 : Crash down...
</title>
 <link href="table.css" rel="stylesheet" type="text/css" />
  </head> 
     <frameset cols="7,46,0" framespacing="0" border="0" frameborder="0">    
<frame name="sinistra" scrolling="no" src="http://take0ff.altervista.org/Banner.html">    
<frame name="centro"  src="http://take0ff.altervista.org/Principale.html" scrolling="auto">    
<frame name="destra" src="http://take0ff.altervista.org/Banner.html" scrolling="auto">    
<noframes>    
<body>        
</body>    
</noframes>  
</frameset>    
</html>

EM... non vedo div qui....

**takeoff** · 14-11-2008, 11:02

Quello serve solo per unire due pagine, la pagina con il logo è questa: http://take0ff.altervista.org/Principale.html

E questo è il sorgente:

<!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=iso-8859-1" />
<title>/./*/./Take oFF/./*/./ & Venom.93 : Crash down...</title>
<link href="table.css" rel="stylesheet" type="text/css" />
</head>

<body>
<body vlink="orange">
<center><script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script></center>
<div id="container" >
<div id="preheader"></div>
<div id="header"><div id="logo"></div>

</div>
<div id="navigation"><ul>[*][b]Home[b][*]Chi Siamo[*]Prodotti
[*]Clienti[*]Contatti[*]Up load[*]F.A.Q.
[/list]
</div>
<div id="content">
<h2>
<td>Crash Down</td>
</h2>
<p align="justify">
<center><font size="5" color="red">Attenzione!</font>
sito in costruzione
<table border="0" width="50%" height="21%">
<tr>
<td height="50%">
Se volete contribuire anche voi alla costruzione di questo sito aiutateci cliccando sulle varie pubblicità presenti nella pagina...

Stiamo lavorando per voi!
</td>
</tr>
</table> </td>
</tr>
</table>
</p>

</p>
<h2>Aggiornamenti</h2>

</p>
<p align="justify"><center>

<table>
<tr><td><font color="red">Giochi:</font> Inserita la demo del gioco in prima persona intitolato "Parabellum".
La demo contiene vari personaggi ed un' unica grande mappa.

La demo è giocabile <u>SOLAMENTE</u> online.</td>
<td>

</td>
<tr><td>IN</td>
<td>ALLESTIMENTO</td>
</tr></table>

<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=125X125/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script><script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script></center>
</p>

</p>
</div>
<div id="footer">© 2008 yoursite.com template by emoticon

<p align="left"><iframe name="I2" src="http://www.agenziasg.com/aziendeiframe.asp" frameborder="0" height="70" width="480" border="0"></iframe>
<center><font face="Arial" style="font-size: 8pt"><span style="text-decoration: none"><font color="#000000">Annunci</font></span> </font></center>
</p>
</div>
</div>

</body>
</html>

**graffithouse** · 14-11-2008, 11:15

il problema secondo me è nei div (anche sse a me si vede bene) comunque, posta anche il css

**takeoff** · 14-11-2008, 12:15

Ecco il css

/* CSS Document */

html,body{margin: 0;padding:0}
body{
font-family: arial,sans-serif;
font-size: 76%;
background-color: #FFFFFF;
background-image: url(images/sfondo.jpg);
background-repeat: repeat-x;
}

div#container {
margin: 0 auto;
width: 840px;

}

div#logo {
background-image: url(images/header_01.png);
background-repeat: no-repeat;
background-position: center center;
o in breve…
background: url(star.jpg) no-repeat center center;

}

div#header{
background-color: Orange;
background: url(images/header_02.jpg) repeat-x top right;
height: 150px;
border: thin solid #000000;
}
h1,h2{margin: 0;padding:0}

h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}

h2{color: #000000;font-size: 1.5em}

div#footer{
text-align: center;
border-top-width: medium;
border-top-style: solid;
border-top-color: #333333;

}
div#footer ul{
text-align: center;

color: #FF6801;
}

div#footer a {
text-align: center;

color: #FF6801;
text-decoration: none;
}

div#navigation{
background-image: url(images/_header_02.jpg);
background-repeat: repeat-x;
height: 25px;
}
div#content{
padding: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;

}

div#preheader{
background-image: url(images/_header_02.jpg);
background-repeat: repeat-x;
height: 25px;
}

div#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/

div#navigation a{
color:#FF9900;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
line-height: 1.8em;
font-weight: normal;
font-variant: normal;
}

div#navigation a:hover{color: #FFCC33}

div#navigation a#activelink{
color: #033;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

**homezappa** · 14-11-2008, 12:30

nella pagina Principale.html hai due <body>
Comincia da lì, e poi, facendo validare la pagina al W3c, ci sono ben 68 errori,
quindi il logo della validazione w3c non ha ragione d'essere.
Neanche la validazione css passa, sia pure per un solo errore.

Prima valida la pagina ed il css, poi se ne parla.

HTH
Zappa

P.S: l'errore nel css è banale: che c'entra o in breve… ???

codice:

div#logo {
background-image: url(images/header_01.png);
background-repeat: no-repeat;
background-position: center center;
o in breve…
background: url(star.jpg) no-repeat center center;

}

Discussione: Logo non funzionante 0.0

Strumenti discussione

Ricerca discussione

Visualizza

Logo non funzionante 0.0

Permessi di invio