Salve ho creato un sito :
http://babyonboard.altervista.org/index.html
Il problema è che non riesco a centrarlo , ho provato a dare al container left 50% e margin-left -400px (il sito è 800)
inoltre perdo il 50% delle foto .
posto il css :
l'index:codice:/*stili per il layout fisso*/ html,body{margin: 0;padding:0;background-image:url(01palloncini.jpg);position :absolute;text-align: center} body{font-family: arial,sans-serif;font-size: 76%} div#container{width: 800px;height : 693px; border-left: 2px solid #36c;border-right: 2px solid #36c;position: absolute ;left:50%; margin-left:-100px } /*stili generici, su header e footer*/ div#header{width: 800px;height : 150px;background-color:#36C;color: #00FF00;text-align: center;position: absolute;left:300px } div#header h1{font-size:50px} div#header h3{font-size:35px} div#locandina1 {position: absolute; top: 3px; left: 10px} div#locandina2 {position: absolute; top: 3px; right: 10px } div#facciaLuca {position: absolute; top: 10px; left: 2px } div#facciaIvano {position: absolute; top: 10px; right: 2px } h1,h2{margin: 0;padding:0} h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif;text-align:center} h2{color: #0000FF;font-size: 1.5em;text-align:center} h3{text-align:center} div#footer a{color: #fff;font-weight: bold;text-decoration: underline} /*stili specifici per il layout*/ div#navigation{margin: 0;padding:0;width :136px;height : 544px;background-color:#ADD8E6;position: absolute ;top: 150px; left: 300px} div#content{position : absolute;top: 150px; left: 436px;width :640px;height : 520px;background-color:#90EE90;margin-right: 13em ;padding: 1em} div#footer{width: 792px;clear:right; text-align:center; padding: 0.5em;background-color: #69c; color: #000; position : absolute;top: 690px; left: 299px} div#content p{text-align:center; font-size:16px} /*stili per la navigazione*/ div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;} div#navigation li{margin: 0;padding: 0} div#navigation a{color:#A020F0;font: normal bold 1.6em/1.8em arial,sans-serif;text-decoration: none} div#navigation a:hover{color: #FFA500;text-decoration: underline}
e le foto :codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Baby on board Cabaret</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.0"> <META NAME="DESCRIPTION" CONTENT="Sito di babyonboard cabaret ."> <META NAME="KEYWORDS" CONTENT="cabaret,babyonboard,animatori,sicilia,piazza armerina, gela,luca , ivano,matrimoni,matrimonio,compleanni,compleanno,feste,festa,addii,celibato ,nubilato,laurea ,lauree,animazione,animazione bimbi,animazione adulti,comici ,comico,ecc."> <style type="text/css"> a#viewcss{color: #00f;font-weight: bold} </style> <link rel="stylesheet" type="text/css" href="sito_luca.css" /> <script language="javascript" src="esempio19b_files/js.js"></script></head> <body> <div id="container"> <div id="header"> <div id=locandina1>[img]Locandina_luca.jpg[/img]</div> <h1>Baby on Board!</h1> <h3>Cabaret</h3> <div id=locandina2>[img]Locandina_luca.jpg[/img]</div> </div> <div id="navigation"> <ul>[*]Home [*]Foto [*]Spettacoli [*]Contatti [/list] </div> <div id="content"> <div id="facciaLuca">[img]faccia_luca.jpg[/img]</div> <h1>Dalla Sicilia con Sudore</h1> <center><h2>Storia</h2></center> <div id="facciaIvano">[img]faccia_ivano.jpg[/img]</div> Il duo si forma casualmente nell'estate del 2008 , durante un matrimonio di un amico riescono ad allietare la serata con scherzi e giochi.</p> <h3><font color= #FF0000>Dopo quella giornata le cose non furono più le stesse!!!!</font></h3> Luca e Ivano pensano di far diventare l'innata giocosità e simpatia in un vero e proprio lavoro.</p> Dopo le prime serate per far conoscersi al mondo intero , le serate organizzate iniziano ad aumentare e l'agenda si infittisce.</p> Ad oggi la frizzzzzzante simpatia dei due cabarettisti ha movimentato numerose serate, matrimoni e compleanni.</p> <font color=blue>Contattaci per le tue feste,compleanni,matrimoni,schiuma party e cerimonie varie</font></p> </div> <div id="footer">© Grafica, layout e guide sono di esclusiva proprietà di ASPtrio Note e informazioni legali</div> </div> <script language="javascript">postamble();</script> </body> </html>
http://babyonboard.altervista.org/index.htmlcodice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Baby on board Cabaret</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="HAPedit 3.0"> <META NAME="DESCRIPTION" CONTENT="Sito di babyonboard cabaret ."> <META NAME="KEYWORDS" CONTENT="cabaret,babyonboard,animatori,sicilia,piazza armerina, gela,luca , ivano,matrimoni,matrimonio,compleanni,compleanno,feste,festa,addii,celibato ,nubilato,laurea ,lauree,animazione,animazione bimbi,animazione adulti,comici ,comico,ecc."> <style type="text/css"> a#viewcss{color: #00f;font-weight: bold} </style> <link rel="stylesheet" type="text/css" href="sito_luca.css" /> <script src='jquery-1.2.6.min.js' type='text/javascript'></script> <script src='jquery.cross-slide.js' type='text/javascript'></script> </head> <body> <div id="container"> <div id="header"> <div id="locandina1">[img]Locandina_luca.jpg[/img]</div> <h1>Baby on Board!</h1> <h3>Cabaret</h3> <div id="locandina2">[img]Locandina_luca.jpg[/img]</div> </div> <div id="navigation"> <ul> <ul>[*]Home[/list][/list] <ul> <ul>[*]Foto[/list][/list] <ul> <ul>[*]Spettacoli[/list][/list] <ul> <ul>[*]Contatti[/list][/list] </div> <div id="content"> <style type="text/css"> h3 {text-align:center;} #test2 { margin: 1em auto; border: 2px solid #555; width: 640px; height: 480px; } </style> <script id="source-test2" type="text/javascript">// <![CDATA[ $(function() { $('#test2').crossSlide({ sleep: 2, //in sec fade: 1 //in sec }, [ { src: 'a.jpg' }, { src: 'b.jpg' }, { src: 'c.jpg' }, { src: 'd.jpg' }, { src: 'e.jpg' }, { src: 'f.jpg' }, { src: 'g.jpg' }, { src: 'bimbo1.jpg' }, { src: 'bimbo3.jpg' }, { src: 'milanese1.jpg' }, ]); }); // ]]></script> <div id="test2">Loading. . .</div> </div> <div id="footer">© Grafica, layout e guide sono di esclusiva propriet&agrave di ASPtrio Note e informazioni legali</div> </div> <script type="text/javascript" language="javascript">// <![CDATA[ postamble(); // ]]></script> </body></html>
Rispondi quotando
