Problema centraggio box div

Cippiri

Nuovo Utente
23 Nov 2014
2
0
0
Ciao a tutti! Questo è il mio primo post! Premetto che non sono un cultore di HTML, anche se di solito me la riesco a sfangare abbastanza bene.
Ho però un problema che mi sta facendo rognare, sono alle prese con un template già preimpostato strutturato come segue:
Immagine.jpg

Col seguente codice

HTML:
<!-- page header -->
<section id="page-header" class="team">
    <div class="container clearfix">
        <hgroup>
            <h1 class="page-title">Artists</h1>
            <h2 class="page-subtitle">Meet our artists.</h2>
        </hgroup>
        <!-- share it -->
        <div id="share-wrap">
            <div id="share" data-url="artists2.html" data-text="Artists" data-title="share"></div>
        </div>
        <!-- /share it -->
        <hr>
        <!-- masonry boxes -->
        <div class="masonry-wrap clearfix">
            <div class="masonry width-1-4 height-1-2">
                <a href="artist.html" class="thumb-icon tip" data-tip-title="DJ Envato" data-tip-desc="Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc consectetur eros eget lacus fringilla in feugiat odio viverra.">
                    <img src="placeholders/01-artist-image-233x468.jpg" alt="" title="This is an example of a caption" />
                    <span class="icon plus"></span>
                </a>
            </div>
            <div class="masonry width-1-4 height-1-2">
                <a href="artist2.html" class="thumb-icon tip" data-tip-title="DJ Themeforest" data-tip-desc="Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc consectetur eros eget lacus fringilla in feugiat odio viverra.">
                    <img src="placeholders/02-artist-image-233x468.jpg" alt="" title="This is an example of a caption" />
                    <span class="icon plus"></span>
                </a>
            </div>
            <div class="masonry width-1-4 height-1-2">
                <a href="artist.html" class="thumb-icon tip" data-tip-title="DJ Graphicriver" data-tip-desc="Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc consectetur eros eget lacus fringilla in feugiat odio viverra.">
                    <img src="placeholders/03-artist-image-233x468.jpg" alt="" title="This is an example of a caption" />
                    <span class="icon plus"></span>
                </a>
            </div>
            <div class="masonry width-1-4 height-1-2">
                <a href="artist2.html" class="thumb-icon tip" data-tip-title="DJ Videohive" data-tip-desc="Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc consectetur eros eget lacus fringilla in feugiat odio viverra.">
                    <img src="placeholders/04-artist-image-233x468.jpg" alt="" title="This is an example of a caption" />
                    <span class="icon plus"></span>
                </a>
            </div>
        </div>
        <!-- /masonry boxes -->
    </div>
</section>
<!-- /page header -->

Ora, come si può notare, ci sono 4 box arancioni selezionabili, a me ne servono 5. Ho provato ovviamente ad aggiungerne semplicemente uno, ma me lo mette a capo, sotto gli altri. Smanettando un pò sono riuscito a ottenerne 5 in linea ma stavolta il problema era che erano tutti spostati a sinistra e quindi non centrati.
Qualcuno sa indirizzarmi verso la retta via per ottenere 5 caselle in linea e centrate?
Grazie in ogni caso
(PS il comando <center> ovviamente non è stato di aiuto)
 

Allegati

  • Immagine.jpg
    Immagine.jpg
    77,7 KB · Visite: 150

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
50
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
Ciao,
metti tutte le immagini in un div <div style="position:relative;height:XXX;width:xxx;top: (in pixel quanto ti serve);left:50%;z-index:3000;"><img src="le tue img"></div>
height: l'altezza dell'immagine in pixel.
width:la larghezza complessiva delle 5 immagini.
Ovvio che devi considerare se il template è in css devi modificare lo stesso...
Ciao
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 1
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
H problema carrello woocommerce PHP 2
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
M Problema su query JOIN in tre tabelle PHP 0
S Problema esportazione tabelle Mysql in Excel PHP 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
M Problema su update di 3 tabelle PHP 1
T problema con select dinamica con jquery Javascript 0
A Problema checkout carrello php PHP 2
R Problema al server Domini 0
A Problema nel passare la variabile PHP 0
G Problema update di un database PHP 0
S Problema con spazi bianchi HTML e CSS 5

Discussioni simili