[HTML] DIV all'interno di un altro DIV

Mike84bs

Nuovo Utente
22 Mar 2017
3
0
1
37
Ciao a tutti,
nell'header di un sito a cui mi trovo a mettere mano devo aggiungere un DIV (class="site-facebook" contenente appunto un'immagine con link alla pagina Facebook) all'interno del DIV di intestazione (che già contiene correttamente un DIV con il logo).
Con questo codice però il DIV site-facebook viene mostrato al di sotto del DIV contenitore.
Che proprietà CSS si deve utilizzare per fare in modo che rimanga all'interno del DIV contenitore, e allineato a destra?
Attualmente sono queste:
line-height: 0;
width: auto;
float: right;
margin: 0 auto;

HTML:
<div class="header-container">
    <div class="site-branding clearfix">

        <div class="site-logo">
        <a href="" class="custom-logo-link" ><img width="181" height="181" src="" class="custom-logo" /></a>
        </div>

        <div class="right-header float-right">
        <h1>...</h1>
        <h3>...</h3>
        </div>

        <div class="site-facebook">
        <a href="" target="_blank">
        <img width="97" height="181" src="">                       
        </a>
        </div>

    </div>
</div>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
Codice:
 <div class="right-header float-right">
Questa è già una sintassi sbagliata, quindi non serve a nulla e provvoca errori
Invece di
Codice:
float:right
devi dare ai tre div
Codice:
float:left;
Inoltre per una corretta risposta devi farci vedere almeno la pagina online
 

Mike84bs

Nuovo Utente
22 Mar 2017
3
0
1
37
Ciao Max 1 e grazie mille per la tua risposta.
Dunque credo che la sintassi sia corretta (un'assegnazione multipla di classi CSS), ma aldilà di questo la tua dritta sul float:left è la soluzione: presente nel primo DIV, non c'era nel secondo! (ho lasciato right al terzo)
Il sito è www.altaredeglialpini.it (so del rel=nofollow del forum eheh) e ora ho potuto scommentare la porzione di codice incriminata.

Grazie davvero tante! :)
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.407
339
83
Si si avevo letto in fretta e mi era sembrato che avessi scritto una classe poi una regola "float:right;" ora ho letto meglio e va bene

Però se dai float:left; a tutti e tre e meglio poi dopo il terzo div metti un div vuoto con clear:both;
 
Discussioni simili
Autore Titolo Forum Risposte Data
F [HTML] Inserire testo all'interno di una div con border radius HTML e CSS 2
P caricare dati all'interno di un tag div html HTML e CSS 15
A inserire variabile php colore in div html PHP 2
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
S [HTML] Distanza esatta tra due div HTML e CSS 7
G [HTML] Posizionamento testo in un div HTML e CSS 5
G [HTML] Bordo bianco sotto immagine in un Div HTML e CSS 1
F [HTML] pagina non scorre e div sotto l'altezza del browser non si vedono HTML e CSS 3
M [HTML] Inserire un div tra altri div già esistenti HTML e CSS 7
giannit [HTML] Mettere div al posto di iframe e possibile? HTML e CSS 9
A [HTML] div flessibile con span HTML e CSS 14
F [HTML] Div in scroll insieme alla pagina HTML e CSS 0
S [HTML] Effetto hover in un div HTML e CSS 6
zorro [HTML] 'bucare ' un div HTML e CSS 10
P [HTML] Sfondo colorato di un div contenitore di altri due div HTML e CSS 9
S [HTML] spostare div se quello adiacente è vuoto HTML e CSS 6
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
F [HTML] Centratura Div HTML e CSS 3
F [HTML] Scalare un div ma non il suo contenuto HTML e CSS 1
felino Shortcode e HTML Div WordPress 3
felino [HTML] DIV menu fisso durante lo scroll HTML e CSS 5
C in un file html/javascript caricare i div presenti nel body in un file di testo e richiamarli Javascript 7
N [PHP+HTML+CSS] Problema con un div HTML e CSS 6
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 4
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3

Discussioni simili