Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Impaginazione Css

  1. #1

    Impaginazione Css


    RAGAZZI !!! SONO DISPERATO E' DA GIORNI CHE HO UN PROBLEMA CON UN SEMPLICISSIMO LAYOUT IN CSS A SOLE DUE COLONNE + HEADER + FOOTER.
    Mi potete dire dove ho sbagliato?? Vi do sia la pagina che il codice usato. GRAZIE MILLE A TUTTI COLORO CHE MI AIUTERANNO.

    http://greenlogic.altervista.org/Ora...NuovoFile.html

    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> <title>Oratorio di Valdagno</title> <style type='text/css'> .wrapper{ width: 800px; margin: 0 auto; height: 1200px; } .header{ width: 800px; background-color: #f4f4f4; } .wrapright{ float: right; width: 100%; background-color: #cfcfcf } .right{ float: right; margin-left: 147px; background-color: #afeeee; height: 1200px; } .left{ float: left; width: 150px; margin-left: -100%; background-color: #98fb98; height: 1200px; } .footer{ float: left; width: 800px; background-color: #f4f4f4; } body { padding: 0px; margin: 0px; } </style> </head> <body> <div class="wrapper"> <div class="header"> <DIV align="center"> [img]Desarumba_logo2.png[/img] 
     <font size=7> <font face ="French Script MT"> <font color="black" <text> il sito ufficiale. </text> </font> </font> 
     </body> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Green Logic</title> <style type="text/css"> .menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;} .menu1 li {float:left;} .menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;} .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;} .menu1 li.current a {color:#fff; background:url(button3.gif);} .menu1 li.current a b {background:url(button3.gif) no-repeat right top;} .menu1 li a:hover {color:#fff; background:#000 url(button2.gif);} .menu1 li a:hover b {background:url(button2.gif) no-repeat right top;} .menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;} .menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;} </style> </head> <body> <ul class="menu1">[*]Home[*]La nostra storia[*]Musica[*]Informatica[*]Norvegia <li class="current">Oratorio[*]Inter[*]Progetti e curiosità[/list]<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> </div> <div class="wrapright"> <div class="right"> <font color="#32CD32"> <font size="5"> <font face="Arial"> LA STORIA DELL'ORATORIO <div align="justify"> <font size="3"> <font color="white"> L'oratorio Don Bosco di Valdagno è sempre stato luogo d'incontro tra i giovani. Molte sono le attività che coinvolgono la maggiorparte dei giovani Valdagnesi. L'oratorio è in una posizione strategica poichè è facilmente raggiungibile ed ha attorno servizi come il cinema teatro Super, Filmusica, il bar dell'Oratorio, una sala musicale prenotabile e diverse stanze per conferenze e studio. L'oratorio ogni anno propone progetti, anche tramite gli scout ed animatori, i quali si trovano ogni sabato pomeriggio impegnati su diverse attività. Importantissimo è il lavoro compiuto dal custode Vincenzo, il quale s'impegna su tutti i fronti meritando il rispetto di tutto l'Oratorio. 
     </div> </div> <div class="left"> <font color="#32CD32"> <font size="5"> <font face="Arial"> LA STORIA DELL'ORATORIO <div align="justify"> <font size="3"> <font color="white"> L'oratorio Don Bosco di Valdagno è sempre stato luogo d'incontro tra i giovani. Molte sono le attività che coinvolgono la maggiorparte dei giovani Valdagnesi. L'oratorio è in una posizione strategica poichè è facilmente raggiungibile ed ha attorno servizi come il cinema teatro Super, Filmusica, il bar dell'Oratorio, una sala musicale prenotabile e diverse stanze per conferenze e studio. L'oratorio ogni anno propone progetti, anche tramite gli scout ed animatori, i quali si trovano ogni sabato pomeriggio impegnati su diverse attività. Importantissimo è il lavoro compiuto dal custode Vincenzo, il quale s'impegna su tutti i fronti meritando il rispetto di tutto l'Oratorio. 
     </div> <div class="footer"> footer </div> </div> </body>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    142
    oltre al fatto che no si legge nulla (scelta sbaglaita dei colori)... qual'è il problema che riscontri scusa???

    ps. non scrivere tutto maiuscolo, è come urlare

    comunque un layout così è molto semplice:
    codice:
    <div id="container">
    
     <div id="header">
     </div>
    
     <div id="left">
     </div>
    
     <div id="right">
     </div>
     
     <div id="footer">
     </div>
    
    </div>
    css:
    codice:
    #container {
    width:800px;
    }
    
    #header {
    width:800px;
    height:200px;
    }
    
    #left {
    width:400px;
    float:left;
    }
    
    #right {
    width:400px;
    float:left;
    }
    
    #footer {
    width:800px;
    height:150px;
    clear:both;
    }

  3. #3

    Quindi così?

    Quindi così:

    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> <title>Oratorio di Valdagno</title> <style type='text/css'> #container { width:800px; } #header { width:800px; height:200px; } #left { width:400px; float:left; } #right { width:400px; float:left; } #footer { width:800px; height:150px; clear:both; } <div id="container"> <div id="header"> HEADER </div> <div id="left"> PARTE SINISTRA </div> <div id="right"> PARTE DESTRA </div> <div id="footer"> FOOTER </div> </div>

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2008
    Messaggi
    142
    se mi metti tutto in una riga non leggo nulla e ci metto ore a trovare le cose che mi interessano...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.