Visualizzazione dei risultati da 1 a 9 su 9

Discussione: centrare testo...

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    170

    centrare testo...

    Ciao,
    devo centrare del testo in un contenitore div volevo capire come fare, visto che text-align: center giustifica il testo "centrato", il testo centrato a sua volta il deve essere al centro del div.
    Tenendo presente che altri elementi nello stesso div non devono avere la posizione centrata,
    come fare?

    <div id="contenitoreGenerale">
    <div id="head">
    <span class="TestoPicolo6">BED AND BREAKFAST B....... NEL PARCO ......</span>


    [img]IMMAGINI/bandiere.jpg[/img][img]IMMAGINI/logo185x115px.jpg[/img]

    </p>
    </div>

    segue css
    .TestoPicolo6 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 13px;
    color: #152680;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    margin-top: 0px;

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Se nel tuo div hai contenuti giustificati, allineati a sinistra e centrati o altro, inserisci più paragrafi e da' loro l'allineamento desiderato. Con span che è un elemento in linea il text-align:center non funziona in quanto lo span non si stende a occupare tutta la riga ma si allarga solo il necessario per accogliere il suo contenuto

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    170
    ciao, grazie per la risposta...
    ho cancellato span e va al centro...

    Adesso se voglio allineare anche una immagine (logo) al centro che è in un paragrafo a parte
    che comando gli devo dare??
    io mi arrangio dandogli un margin a sinistra fino ad arrivare al centro

    grazie

  4. #4
    Originariamente inviato da lorem
    ciao, grazie per la risposta...
    ho cancellato span e va al centro...

    Adesso se voglio allineare anche una immagine (logo) al centro che è in un paragrafo a parte
    che comando gli devo dare??
    io mi arrangio dandogli un margin a sinistra fino ad arrivare al centro

    grazie
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css" media="screen">
    .TestoPicolo6 {
    	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    	font-size: 13px;
    	color: #152680;
    	text-decoration: none;
    	text-align: center;
    	font-weight: bold;
    	font-style: normal;
    	font-variant: normal;
    	margin-top: 0px;
    }
    #bandiere, #logo {
    	text-align: center;
    }
    </style>
    </head>
    
    <body>
    <div id="contenitoreGenerale">
    <div id="head">
    <p class="TestoPicolo6">BED AND BREAKFAST B....... NEL PARCO ......</p>
    <p id="bandiere">[img]IMMAGINI/bandiere.jpg[/img]</p>
    <p id="logo">[img]IMMAGINI/logo185x115px.jpg[/img]
    </p>
    </div>
    </div>
    </body>
    </html>
    P.S. Due piccole annotazioni:
    [list=1][*]Nel tuo codice manca la chiusura del CSS e di un div, fai attenzione a queste cose[*]Quando posti del codice usa il tag [code] vedi come ho fatto io[/list=1]

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    170
    grazie,
    solo una cosa oncora sono un pivellino ancora...
    quindi tutto quello che voglio centrare deve essere allineato con
    text-align: center; non solo il testo?

    per quanto riguarda la chiusura del css ho copiato la regola da un foglio di stile esterno e non ho copiato la chiusura

    gentilissimo....

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    170
    scusate ancora,
    non ho avuto ancora una vostra conferma, ma ammesso che
    text-align: center; possa essere usato anche per le immagini che differenza c'è tra queste due righe di codice:

    codice:
       
    
    [img]IMMAGINI/logook.gif[/img]
    codice:
    <p class="allineamentoCentro">[img]IMMAGINI/logook.gif[/img]
    la prima non centra l'immagine la seconda si...
    la prima però è stata creata da dreamweaver, la seconda "mi è riscita" con le poche conoscenze che ho!

  7. #7
    Originariamente inviato da lorem
    la prima però è stata creata da dreamweaver
    come fa a creare codice, non lo scrivi tu?

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    170
    certo,
    io ma io non lo scrivo direttamente se decido di usare dreamweaver, a quel punto lo creo tramite l'interfaccia grafica

  9. #9
    Originariamente inviato da lorem
    scusate ancora,
    non ho avuto ancora una vostra conferma, ma ammesso che
    text-align: center; possa essere usato anche per le immagini che differenza c'è tra queste due righe di codice:

    codice:
       
    
    [img]IMMAGINI/logook.gif[/img]
    codice:
    <p class="allineamentoCentro">[img]IMMAGINI/logook.gif[/img]
    la prima non centra l'immagine la seconda si...
    la prima però è stata creata da dreamweaver, la seconda "mi è riscita" con le poche conoscenze che ho!
    La prima applicando la classe al tag img non può centrarla perchè non avendo di riferimento un contenitore non sa dove centrarla.

    Il secondo codice applica la classe al contenitore pertanto centra il contenuto al suo interno

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 © 2025 vBulletin Solutions, Inc. All rights reserved.