Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2001
    residenza
    Milano
    Messaggi
    217

    Problema creazione footer con i css e div

    Ragazzi

    Sto cercando di cimentarmi con i CSS utilizzando i DIV ma non mi raccapezzo.
    I contenuti dovrebbero venire in un unica linea uno accanto all'altro ma non riesco proprio..... mi aiutare nello scrivere bene il codice css?

    codice:
    <style>
    #footer, #footer a
    {
            float: left;
    	width:100%;
    	height:100%
            margin: 0; 
            padding: 0;
    	font-size:11px;
    	background: blue;
    
            color: white;
    }
    
    #footer-top
    {
            float: left;
    	width:700px;
    	height: 38px;
    	
    
    }
    
    .footer-copyright 
    {       float: right;
    	position: absolute;
    	top: 0px;
    	left: 10px;
    	padding: 0;
    	margin: 0;
    	font-family:verdana;
    	font-size:10px;
            color: red;
            background: yellow;
            z-index: 1;
    }
    
    .footer-copyright a
    {
            float: left;
    	top: 0px;
    	left: 10px;
    	padding: 0;
    	margin: 0;
    	font-family:verdana;
    	font-size:10px;
            color: white;
            background: yellow;
            z-index: 0
    }
    
    
    
    
    
    </style>
    
    
    
    
    
    
     <div id="footer">
    <div id="footer-top" style="width: 700px; height: 34px">
    					<p class="footer-copyright">&copy; 2012 CONNECTING MANAGERS | P.Iva: IT03644550232
    					 </p>	
    					<ul id="footer-links">
    						[*]Community
    						[*]Strumenti Marketing
    						[*]Newsletter
    					[/list]</div>
    					
    <div id="social" style="width: 1144px; height: 414px">				
    [img]footer-social_facebook.gif[/img]</div>
    					
    
    | 
    					<a target="_blank" href="http://it.linkedin.com/pub/connecting-managers®/26/198/9b5">
    					[img]footer-social_linkedin.gif[/img]</a> | 
    					<a target="_blank" href="http://twitter.com/ConnectingM">
    					[img]footer-social_twitter.gif[/img]</a>
    					<label>Credits</label> </div>
    </div>

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Quali contenuti? I links all'interno dell'ul?

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2001
    residenza
    Milano
    Messaggi
    217
    Si è li che ho molta difficolta e poi vorrei capire come fare per allineare tutto in quanto ci sta anche testo normale....

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Basta che fai

    #footer li
    {
    float : left
    }


    Per l'allineamento non mi é molto chiaro cosa intendi.

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2001
    residenza
    Milano
    Messaggi
    217
    Vai a dare un occhio www.expomarketing.it
    se guardi il footer forse riesci ad aiutarmi bene ....

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 © 2026 vBulletin Solutions, Inc. All rights reserved.