Footer

[lukissimo81]

Ciao ho questo footer e vorrei mettere una immagine a dx (100 x 100) e una a sinistra, come posso fare?

grazie

#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]

Prova questo:

#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]

Ho messo il footer nello style.css, adesso come metto le immagini?
Scusa se faccio anche domande stupide, ma sono un neofita!!

<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]

Sono riuscito a inserire le due immagini, adesso è possibile mettere sulla stessa riga?

<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]

Attento alle chiusure dei tags. Comunque, prova così:

<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]

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?

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

 

[BayLollo]

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?

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

Lo sfondo del player?

 

[lukissimo81]

si, adesso è nero!

 

[Soulfearor]

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]

Nonho provato coni 3 div,ma ho usato il codice di Baylollo, se mi puoi dire come fare, faccio questa altra prova!
Grazie

 

[Soulfearor]

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.

 

[lukissimo81]

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/

 

[Soulfearor]

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ì:

<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>

..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