Visualizzazione dei risultati da 1 a 3 su 3

Discussione: div a centro pagina

  1. #1

    div a centro pagina

    Ciao a tutti!

    vorrei mettere tre foto con descrizione su una stessa riga mentra al momento riesco soloa mettere tutto il blocco uno sotto l'altro:

    Codice PHP:
    <div id="sponsor">
                    <
    div class="ristorante">
                        [
    url="#"][img]ristorante/ristorante-1.jpg[/img][/url]
                        <
    div class="name">[url="#"]RIST1[/url]</div>
                        <
    div class="type">Ristorante Giapponese1 Roma</div
                        <
    div class="ind">Via XXX 13div>
                        <
    div class="pm">Prezzo medio a persona 30-35</div>
                    </
    div>
                    <
    div class="ristorante">
                        [
    url="#"][img]ristorante/ristorante-2.jpg[/img][/url]
                        <
    div class="name">[url="#"]RIST2[/url]</a></div>
                        <
    div class="type">Ristorante Giapponese Roma</div
                        <
    div class="ind">vIA xxx14</div>
                        <
    div class="pm">Prezzo medio a persona 30-35</div>
                    </
    div>
                    <
    div class="ristorante">
                        [
    url="#"][img]ristorante/ristorante-3.jpg[/img][/url]
                        <
    div class="name">[url="#"]RIST3[/url]</a></div>
                        <
    div class="type">Ristorante Giapponese Roma</div
                        <
    div class="ind">VIA xxx18</div>
                        <
    div class="pm">Prezzo medio a persona 30-35</div>
                    </
    div>
                </
    div
    codice:
    #sponsor {
    padding: 5px;
    }
    #sponsor .name {
    font-size: 16px;
    font-weight: bold;
    }
    #sponsor .ristorante .type {
        color: #B92148;
        font-size: 12px;
        font-weight: bold;
    }
    #sponsor .ristorante .name {
        font-size: 14px;
    }
    #sponsor .name {
        font-weight: bold;
    }
    #sponsor .ristorante .ind, #sponsor .ristorante .pm, #sponsor .ristorante .or {
        font-size: 11px;
    }
    cosa devo aggiungere?? devo mettere un div "contenitore" di tutto impostanto qualche specifica proprietà nel foglio di stile??
    (gli elementi dell'immagine vorrei fossero tutti in orizzontale sulla stessa riga)

    Grazie mille
    Immagini allegate Immagini allegate
    Ristoranti Roma
    http://www.ristorantiromaristo.it
    info@ristorantiromaristo.it

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, per affiancare i tre div specificane la larghezza e assegna loro un float. Esempio:

    codice:
    #sponsor .ristorante  {
        width: 220px;
        float:left;
    }

  3. #3
    Perfetto!
    ti ringrazio!!
    Ristoranti Roma
    http://www.ristorantiromaristo.it
    info@ristorantiromaristo.it

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.