Include e CSS aiuto!

**Roxas** · 29-03-2010, 16:22

Salve scusate ho alcuni problemi col mio sito...insomma ho fatto il css e l'html con i "div" ma quando vado ad inserire l'"include" si sballa tutto...e tra l'altro ho alcuni problemi anche col css che non mi fa visualizzare le immagini..ecco il css:

codice:

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body{
	background-color:#f6f6f6 ;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707070;
	text-align: center;/*IE5.x,IE6*/
}
body>#container {
	height: auto;
	min-height: 100%;
}



/*LINK*/
a {text-decoration: none; font-family: Tahoma; font-size: 10px; color: #929292;}
a:visited {text-decoration: none; color: #929292;}
a:hover {
color: #000000;
border-bottom: 1px dotted gray;
}



/* CONTAINER */
#container{
	background: url('tab.png') repeat-y;
	width: 982px;
	height: auto;
	margin: 0 auto;
	text-align: left; /*IE5.x,IE6*/
	position: relative; /*Permette l'allineamento degli oggetti rispetto al container*/
}


/* HEADER */
#header{
	background-image: url('header.png');
	height: 187px;
	margin: 0;
	padding: 0;
}


/* ADD */
a#pref{
	position: absolute;
	left: 746px;
	top: 16px;
	height: 14px;
	width: 200px;
}


/* LOGIN-PANEL */
#login{
	position: absolute;
	left: 665px;
	top: 25px;
	height: 150px;
	width: 248px;
	overflow: auto;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: center;/*IE5.x,IE6*/

}
a {text-decoration: none; font-family: Tahoma; font-size: 10px; color: #ffffff;}
a:visited {text-decoration: none; color: #ffffff;}
a:hover {
color: #000000;
border-bottom: 1px dotted gray;
}


/* MENU' */
a#men1{
	position: absolute;
	left: 210px;
	top: 159px;	
	width: 45px;
	height: 18px;	
}
a#men2{
	position: absolute;
	left: 291px;
	top: 159px;	
	width: 45px;
	height: 18px;	
}
a#men3{
	position: absolute;
	left: 353px;
	top: 159px;	
	width: 45px;
	height: 18px;	
}
a#men4{
	position: absolute;
	left: 423px;
	top: 159px;	
	width: 37px;
	height: 18px;
}
a#men5{
	position: absolute;
	left: 476px;
	top: 159px;	
	width: 58px;
	height: 18px;
}
a#men6{
	position: absolute;
	left: 553px;
	top: 159px;	
	width: 58px;
	height: 18px;
}
a#men7{
	position: absolute;
	left:632px;
	top: 159px;	
	width: 74px;
	height: 18px;
}
a#men8{
	position: absolute;
	left: 725px;
	top: 159px;	
	width: 36px;
	height: 18px
}



/* IMMAGINE LINK */ 
#image{
        background-image: url('centrale.png');
        height: 158px;
        width: 773px;
        margin-left: 227px;
        margin-top: 194px;


}



/* LINK STATICI */
a#reg{
	position:absolute;
	left: 452px;
	top: 241px;
	height: 8px;
	width: 42px;
}
a#mail{
	position: absolute;
	left: 407px;
	top: 253px;
	height: 8px;
	width: 20px;
}
a#dona{
	position: absolute;
	left: 638px;
	top: 268px;
	height: 8px;
	width: 18px;
}
a#topic{
	position: absolute;
	left: 565px;
	top: 284px;
	height: 8px;
	width: 42px;
}
a#foru{
	position: absolute;
	left: 229px;
	top: 294px;
	height: 8px;
	width: 32px;
}
a#cons{
	position: absolute;
	left: 454px;
	top: 312px;
	height: 8px;
	width: 18px;
}


/* LATESTS */
#manga{
	position: absolute;
	left: 638px;
	top: 192px;
	min-height: 42px;
	max-height: 80px;
	height: auto;
	width: 120px;
	color: #ffffff;
}
#anime{
	position: absolute;
	left: 788px;
	top: 192px;
	min-height: 42px;
	max-height: 80px;
	height: auto;
	width: 120px;
	color: #ffffff;
}
#manga a{color: #ffffff}
#anime a{color: #ffffff}
#anime a:visited{color: #ffffff}
#manga a:visited{color: #ffffff}
#manga a:hover {color: #000000;border-bottom: 1px dotted gray;}
#anime a:hover {color: #000000;border-bottom: 1px dotted gray;}


/* NAVIGATION */
#navigation{
	position: center;
	margin-top: 10px;
	width: 213px;
         overflow: auto;	
         font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;/*IE5.x,IE6*/

}

}
a {text-decoration: none; font-family: Tahoma; font-size: 10px; color: #929292;}
a:visited {text-decoration: none; color: #929292;}
a:hover {
color: #707070;
border-bottom: 1px dotted gray;
}




/* CONTENENT */
#contents{
	position: absolute;
	height: auto; 
	width:763px;
	left: 222px;
	top: 356px;
	overflow: auto;	
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	text-align: center;/*IE5.x,IE6*/

}
a {text-decoration: none; font-family: Tahoma; font-size: 10px; color: #929292;}
a:visited {text-decoration: none; color: #929292;}
a:hover {
color: #000000;
border-bottom: 1px dotted gray;
}

/* FOOTER */
#footer{
	background-image: url('footer.png');
	margin: 0;
	padding: 0;
	height: 189px;
}

a {text-decoration: none; font-family: Tahoma; font-size: 10px; color: #929292;}
a:visited {text-decoration: none; color: #929292;}
a:hover {
color: #000000;
border-bottom: 1px dotted gray;
}
/* CREDITS */
#credit{
	position: relative;
	
	margin-top: 20px;
	min-height: 42px;
	height: auto;
	width: 213px;
}


/*TAG-BOARD*/
#tag{
	position: relative;
	
	margin-top: 30px;
	height: auto;
	width: 213px;
}


/*ALLIES*/
#allies{
	position: relative;
	
	margin-top: 30px;
	min-height: 62px;
	height: auto;
	width: 213px;
	overflow: auto;
}
a {text-decoration: none; font-family: Tahoma; font-size: 10px; color: #929292;}
a:visited {text-decoration: none; color: #929292;}
a:hover {
color: #000000;
border-bottom: 1px dotted gray;
}

/*STATS*/
#stats{
position: relative;
	
	margin-top: 10px;
	height: 62px;
	width: 213px;
	overflow: auto;
}

PHPH/Include

codice:

<div id="content">
  <div id="menu"><?php include("menu.php");?></div>
  <td valign="top"><p border="0" align="center"><font size="1">Be Allies:</font></p><font size="1"><p border="0" align="left">Per affiliarsi con Naruto's hour bisogna avere i seguenti requisiti:
1)Il sito non deve contenere materiale vietato ai minori o contro qualsiasi religione

2)Possedere una buona grafica

se avete i seguenti requisiti mandate una mail a kekko_delta28@hotmail.it con i seguenti dati:
Nome Sito: -


Nome WebMaster: -

Mail WebMaster: -

Codice Banner: -


Ecco il nostro banner:
</font></p></div>
</body>
  <td width="28"></td></html>

**Roxas** · 29-03-2010, 16:23

menu.php

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 

<head>     
     
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
        <title>Naruto's Hour-Version 6.0</title> 
        <meta name="keywords" content="Download, ScanIta, Onepiece, Bleach, Naruto, Spoiler, Full Metal Alchemist, FairyTail, Hentai, Scan,, Manga, Anime, Streaming, Fansub, Multimedia, Personaggi, Gif, Immagini, Tutorial, naruto shippuden, sasuke, ichigo, sakura, jiraya, kakashi,"> 
        <meta name="title" content="Naruto's Hour - Created By: Condor555"> 
        <meta name="description" content="Naruto's Hour è un sito Italiano dedicato al manga di Naruto ricco di streaming e di download. E' una community virtuale che si interessa del vastissimo universo di Naruto Fra gli svariati contenuti del sito/forum potrai trovare le news più interessanti, le curiosità sui nuovi capitoli e tanto altro ancora. Naruto's Hour: se vuoi sapere tutto su Naruto, la tua scelta siamo noi."> 
        <meta name="Language" content="Italian"> 
        <meta name="copyright" content="Kikko"> 
           <meta name="author" content="Kikko"> 
            
     
        <link rel="stylesheet" type="text/css" href="style.css"> 
        <script type="text/javascript" language="javascript" src="/add.js"></script> 
     
</head> 

<body> 
     
        <div id="container"> 
             
                <div id="header"> 
                                         
                     
                        <div id="login"><p align="left"> 
                            <form method="post" action="forum/ucp.php?mode=login"> 
                            <input style="background-image: url(http://narutoshour.altervista.org/NHH/logba.png);border:0px; background-repeat: no-repeatborder:0px none;" type="text" name="username" id="username" value="Username" onfocus="if(this.value == 'Username') this.value = ''" onblur="if(this.value == '') this.value = 'Username'" tabindex="1" class="ulinput1"/>

 
                            <input style="background-image: url(http://narutoshour.altervista.org/NHH/logba1.png);border:0px; background-repeat: no-repeatborder:0px none;" type="password" name="password" id="password" style="margin-top:2px;" value="Password" onfocus="if(this.value == 'Password') this.value = ''" onblur="if(this.value == '') this.value = 'Password'" class="ulinput2"/>
 
                            <div class="ulspace"></div> 
                            <div style="float:left;"><label for="autologin">Remember Me?: </label><input type="checkbox" name="autologin" id="autologin"  /></div>
 
                            <div style="float:right;"><input type="submit" value="Invia" name="login" class="ulpuls" /> 
                            <input type="hidden" name="redirect" value="../index.php" /></div> 
                            </form>
 
                            <div class="ulspace"></div><div class="ulspace"></div><div style="float:left;"> 
                            <div class="ulbgb">- Password Dimenticata?</div> 
                            <div style="float:left;"><div class="ulbgb">- Registrati!</div></div> 
                        </div></p></div> 
                     
                     
                     
                         
                         
                         
                         
                         
                         
                         
                         
                     
                     
                     
                         
                         
                         
                     
                     
                     
                        <div id="manga"> 
                            <?php include ("manga.htm"); ?> 
                        </div> 
                        <div id="anime"> 
                            <?php include ("anime.htm"); ?> 
                        </div> 
                     
                </div> 
             
         
             
                 <div id="navigation"> <p align="center"> 
                     <table> 
                         <tr><td width="64" align="left">-Home</td> 
                        <td width="64" align="left">-Forum</td></tr><tr> 
                        <td width="64" align="left">-Staff</td> 
                        <td width="64" align="left">-Login</td> 
                        </tr><tr> 
                        <td width="64" align="left">-Be allies</td> 
                        <td width="64" align="left">-Desclamair</td> 
                        </tr>
<div class="menuimages">[img]infonaruto1.png[/img]</div><tr><td width="64" align="left">-Manga</td> 
                        <td width="64" align="left">-Ep.Shipp.</td> 
                    </tr><tr> 
                        <td width="64" align="left">-Autore</td>                         
                        <td width="64" align="left">-Chakra</td></tr><tr> 
                        <td width="64" align="left">-Ranking</td> 
                        <td width="64" align="left">-Villaggi</td> 
                        </tr><tr> 
                        <td width="64" align="left">-Jutsu</td> 
                        <td width="64" align="left">-Innate</td></tr><tr> 
                        <td width="64" align="left">-Hokage</td></tr>
<div class="menuimages">[img]personagginaruto1.png[/img]</div><tr> 
                        <td width="64" align="left">-Kimimaro</td> 
                         
                        <td width="64" align="left">-Naruto</td></tr><tr> 
                        <td width="80" align="left">-Sannin</td> 
                        <td width="80" align="left">-Itachi</td></tr><tr> 
                        <td width="80" align="left">-Sasori</td> 
                         
                        <td width="80" align="left">-Gaara</td></tr><tr> 
                        <td width="80" align="left">-Zetsu</td> 
                        <td width="80" align="left">-Kisame</td></tr><tr>
<div class="menuimages">[img]spoilersnaruto1.png[/img]</div> 
                        <td width="80" align="left">-Yamato</td> 
                         
                        <td width="80" align="left">-Pein</td></tr><tr> 
                        <td width="80" align="left">-Akatsuki</td> 
                        <td width="80" align="left">-Konan</td></tr><tr> 
                        <td width="80" align="left">-Eremita</td> 
<td width="80" align="left">-Kushina</td></tr><tr><td width="80" align="left">-Sai</td><td width="80" align="left">-Namikaze</td> 
                        </tr><tr><div class="menuimages">[img]curiositanaruto1.png[/img]</div> 
                        <td width="80" align="left">-Albero</td> 
                        <td width="80" align="left">-Fusioni</td></tr><tr> 
                        <td width="100" align="left">-Kak. mouth</td> 
                        <td width="60" align="left">-A. Mask</td> 
                        <tr> 
                        <td width="64" align="left">-Nar. a Film</td> 
                        <td width="80" align="left">-Vestiti Sasu</td></tr><tr><div class="menuimages">[img]multimedianaruto1.png[/img]</div> 
                        <td width="80" align="left">-Capitoli</td> 
                        <td width="80" align="left">-Anime</td></tr><tr> 
                         
                        <td width="80" align="left">-Bleach Cap.</td> 
                        <td width="80" align="left">-OP Cap.</td></tr><tr> 
                        <td width="80" align="left">-.Hack</td> 
                        <td width="80" align="left">-Bleach Ep.</td> 
                        </tr><tr> 
                        <td width="80" align="left">-Movie</td> 
                        <td width="80" align="left">-Gallery</td> 
                    </table> 
            </div>  
                       
             
          [img]tagboardnaruto1.png[/img]   
                <div id="tag"> 
                    <div id="cboxdiv" style="text-align: center; line-height: 0"> 
                    <div><iframe frameborder="0" width="190" height="115" src="http://www3.cbox.ws/box/?boxid=3052229&amp;boxtag=9975&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div> 
                    <div><iframe frameborder="0" width="190" height="75" src="http://www3.cbox.ws/box/?boxid=3052229&amp;boxtag=9975&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div> 
                    </div> 
                </div> 
             
             
            [img]alliesnaruto1.png[/img] 
                 <div id="allies"> 
                     <?php include ("affiliati.htm"); ?> 
                 </div> 
             
            [img]statistichenaruto1.png[/img] 
             
                <div id="stats"> 
                    <?php include ("counter.htm"); ?> 
                </div> 
            </p>

scusate il doppio post ma sopra non riuscivo ad inserire il "menu" che è essenziale per il tutto...
ringrazio anticipatamente a coloro che mi aiuteranno

Discussione: Include e CSS aiuto!

Strumenti discussione

Ricerca discussione

Visualizza

Include e CSS!

Permessi di invio