Footer

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Ciao ho questo footer e vorrei mettere una immagine a dx (100 x 100) e una a sinistra, come posso fare?

grazie

Codice:
#footer{
	height:569px;
	clear: both;
	width: 817px;
	border-top: #cccccc 1px solid
}
#footer p{padding: 15px 0 0 0; font:10px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#000;}
#footer p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#000; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#000}
 

BayLollo

Utente Attivo
28 Ago 2014
84
0
6
Prova questo:

Codice:
#footer{
	height:569px;
	clear: both;
	width: 817px;
	border-top: #cccccc 1px solid;
	text-align: left;
}

/* Immagine a sinistra: */
#img1 {}

/* Immagine a destra: */
#img2 { 
	float: right;
}

#footer p{
	padding: 15px 0 0 0; 
	font:10px/16px Tahoma, sans-serif; 
	font-weight:normal; 
	text-align:center; 
	color:#000;
}

#footer p a{
	font: 10px/16px Tahoma, sans-serif; 
	font-weight:normal; 
	color:#000; 
	text-decoration:none; 
	padding: 0 3px;
}

#footer p a:hover {
	text-decoration:underline; 
	color:#000
}
 

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Ho messo il footer nello style.css, adesso come metto le immagini?
Scusa se faccio anche domande stupide, ma sono un neofita!!

Codice:
<div id="footer">
      <p><a href="#">HOME PAGE</a> | <a href="#">CHI SIAMO</a> | <a href="#">MENU</a> |<a href="#">GALLERY</a> |<a href="#">CONTATTI</a><br/>
      Copyright &copy; DonnaRosa | Design by <a href="#">Pc Lab</a></p>
 

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Sono riuscito a inserire le due immagini, adesso è possibile mettere sulla stessa riga?
Codice:
<div id="footer">
      <p><a href="#">HOME PAGE</a> | <a href="#">CHI SIAMO</a> | <a href="#">MENU</a> |<a href="#">GALLERY</a> |<a href="#">CONTATTI</a><br/>
      Copyright &copy; DonnaRosa | Design by <a href="#">Pc Lab</a></p>            
    </div>
    <div id="img1"><a href="https://www.facebook.com/pages/Pizzeria-Donna-Rosa/827185080644719?sk=app_254084314702229"><img src="images/trip.jpeg" width="103" height="103" /></a>
    <div id="img2"><a href="https://www.facebook.com/pages/Pizzeria-Donna-Rosa/827185080644719?fref=photo"><img src="images/facebook.jpg" width="103" height="103"  /></a>
    </div>
</div>
 

BayLollo

Utente Attivo
28 Ago 2014
84
0
6
Attento alle chiusure dei tags. Comunque, prova così:

Codice:
<div id="footer">
    <p><a href="#">HOME PAGE</a> | <a href="#">CHI SIAMO</a> | <a href="#">MENU</a> |<a href="#">GALLERY</a> |<a href="#">CONTATTI</a><br/>
    Copyright &copy; DonnaRosa | Design by <a href="#">Pc Lab</a></p>
    <a href="https://www.facebook.com/pages/Pizzeria-Donna-Rosa/827185080644719?sk=app_254084314702229" id="img1"><img src="images/trip.jpeg" width="103" height="103" /></a>
    <a href="https://www.facebook.com/pages/Pizzeria-Donna-Rosa/827185080644719?fref=photo" id="img2"><img src="images/facebook.jpg" width="103" height="103"  /></a>
</div>
 

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Il footer potrebbe andare bene, qualche chiusura in meno avevo messo. Un'altra domanda, adesso ho inserito un file mp3, posso cambiare lo sfondo? o mi consigli un altro tipo di codice?

Codice:
<embed src="coldplay.mp3" width="150" height="80" loop="true"></embed>
 

BayLollo

Utente Attivo
28 Ago 2014
84
0
6
Il footer potrebbe andare bene, qualche chiusura in meno avevo messo. Un'altra domanda, adesso ho inserito un file mp3, posso cambiare lo sfondo? o mi consigli un altro tipo di codice?

Codice:
<embed src="coldplay.mp3" width="150" height="80" loop="true"></embed>
Lo sfondo del player?
 

Soulfearor

Utente Attivo
16 Set 2014
54
0
6
Torino
www.serenagraficatorino.it
Hai provato a creare 3 div all'interno del div #footer?

-------------------------------#footer width:817px; ----------------------------
--- .col1 width:100px; ...... .col2 width:617px; ...... .col3 width:100px; ---

A ogni .col gli dai un display:block; e un float:left; e alle immagini che inserisci all'interno gli dai un width:100%;

Così è molto gestibile anche per responsive e altre cose .. ovviamente esistono altri metodi ma io mi trovo bene così.
Ciau! :)
 

lukissimo81

Utente Attivo
28 Ago 2013
34
0
0
Nonho provato coni 3 div,ma ho usato il codice di Baylollo, se mi puoi dire come fare, faccio questa altra prova!
Grazie
 

Soulfearor

Utente Attivo
16 Set 2014
54
0
6
Torino
www.serenagraficatorino.it
Nonho provato coni 3 div,ma ho usato il codice di Baylollo, se mi puoi dire come fare, faccio questa altra prova!
Grazie
Ah ok, nessun problema :) .. per quanto riguarda la tua richiesta di cambiare colore di sfondo non ci ho mai provato quindi non saprei aiutarti minimamente. Posso solo consigliarti di:
1 visualizzare il riproduttore musicale dando la possibilità di stoppare la musica in quanto a molti visitatori del sito da fastidio
2 usare un riproduttore che sia compatibile con tutti i browser .. non testarlo quindi su un browser solo.

Ciau.
 

Soulfearor

Utente Attivo
16 Set 2014
54
0
6
Torino
www.serenagraficatorino.it
Intanto è normale che alcune voci del menù non vadano o è solo a me che da questo problema? l'immagine di sfondo è di bassa qualità, per una migliore qualità del sito ti consiglio di cambiarla.

Il player ci sono risucito, se vedi il footer, vorrei mettere tutto sulla stessa riga, se mi puoi aiutare come hai detto tu con i 3 div
www.pclabstore.com/pizza/

Allora puoi provare così:
HTML:
<div class="footer">
	<div class="col1">Qui inserisci il tuo riproduttore musicale </div>
	<div class="col2">Qui inserisci la parte di testo</div>
	<div class="col3">Qui inserisci l'icona fb</div>
        <div style="clear:both;"></div>
</div>

Codice:
..footer {
	width:100%;
	display:block;
	padding:5px; <!-- così il contenuto non è attaccato al bordo -->
}

.col1 {
	display:block;
	float:left;
	width:20%;
}

.col2 {
	display:block;
	float:left;
	width:60%;
        text-align:center; <!-- testo centrato -->
}

.col3 {
	display:block;
	float:left;
	width:20%;
}
}

In questo modo il contenuto è racchiuso in 3 div che sono affancati.

Ciao :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Mettere il footer in basso HTML e CSS 0
G Problema footer HTML e CSS 1
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
I [HTML] Footer a fondo pagina HTML e CSS 11
Andrea1981 [WordPress] [HTML] Help modifica credits nel footer.Tema Customizr. WordPress 5
S [WordPress] Footer php - il background riempie tutta la pagina - help WordPress 1
A [HTML+CSS] footer che si aggiorna da un file esterno HTML e CSS 22
giuseppe_123 [WordPress] Problema inserimento widget nel footer WordPress 0
A Footer a 6 colonne equistanziato e centrato HTML e CSS 1
L Footer PHP 1
G [VENDO] Banner 468x60 Zona Bassa Footer - advhits.com (3000 Unici/Giorno) Vendere e Acquistare pubblicita' online 0
J Inserimento di un header, nav, footer php PHP 0
A Meglio singolo backlink in Home o banner sul footer (quindi su tutte le pagine?) SEO e Posizionamento 2
P Problemi con il footer e css HTML e CSS 3
P Anno nel tag footer PHP 17
U distribuire elementi verticalmente tra header e footer HTML e CSS 7
P Modificare il footer di un sito wordpress CMS (Content Management System) 3
P Footer con bordi arrotondati HTML e CSS 8
renoir09 Dati di una tabella su più pagine e con footer PHP 10
S footer e frameset HTML e CSS 5
E Footer HTML e CSS 0
A Footer in fondo allo schermo HTML e CSS 3

Discussioni simili