classe tag p non si allinea al centro

[gabar-el]

ciao, ho un problema con l'allineamento di un tag p all'interno di codice php
il tag p ha classe avvisi ed è all'interno del div class corpo che ha questa formattazione:

div.corpo {
	width: 733px;
	margin: 18px auto 0;
	padding: 0;
	float: right;
	text-align: center;
}

il tag p ha questa formattazione:

p.avvisi {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
	margin: 0;
	padding: 0;
}

ma tramite questo codice:

echo '<p class="avvisi">Puoi caricare solamente documenti pdf!</p>'; 

lo ottengo si rosso, ma non allineato al centro. perchè? ho provato a dare anche alla classe avvisi un testo allineato al centro, ma nulla....
grazie

[hcka]

Imposta il background-color al p e dovresti capire perché non è allineato al centro.

p ha di default display: block e width: 100%;

Imposta una larghezza al p per vedere l'elemento centrato, o in alternativa imposti text-align: center al p per avere il suo testo centrato.



! Mi sono accorto di avere scritto una cappella !

[UmaThurman]

Strano, il paragrafo in questo modo è allineato al centro... prova a verificare dando un colore di background al div o al paragrafo stesso. Il fatto che il div.corpo abbia i margini dx e sx impostati su auto mi fa pensare che tu volessi centrare anche quest'ultimo rispetto alla pagina. Per fare questo però devi togliere il float:right. Se gliel'avevi dato per contenere il float devi usare overflow:auto.

[gabar-el]

ha un float right poichè è la seconda colonna di un layout a due colonne.
cmq, incredibile sta cosa! non si sa perchè non me lo allinea al centro!
ho un tag h1 con classe allineato al centro che si allinea perfettamente! che sia il codice php che influisce?
che due p...e!!!

ecco, ho appena provato a metterlo fuori dal php (sotto all'h1) e non cambia nulla! mi viene da pensare che sia errato il codice di questo tag, ma a vederlo a me pare corretto!

[gabar-el]

ok, ho avuto un'idea lungimirante e ho capito dov'è il problema: va in conflitto con un altro tag p classificato come

div.corpo p

ora devo solo capire come risolvere visto che dentro al div class corpo ho questo e appunto quello con class avvisi.... direi che creando una classe anche per questo qui sopra risolvo.... vedremo....
grazie cmq per l'aiuto...

[UmaThurman]

Prova con

div.corpo p.avvisi

[gabar-el]

buona idea uma, ma a quanto pare bisogna distinguere gli uni dagli altri in modo che vengano distingi unicamente, altrimenti si ha sempre un'influenza!
grazie

[UmaThurman]

Non credo,

div.corpo p.avvisi

ha una maggiore specificità rispetto a

div.corpo p

quindi ne sovrascrive le regole... quelle che dichiari ovviamente.
Se decidi ad esempio che l'unica differenza tra i paragrafi sia l'allineamento del testo, scrivi le regole generali nella dichiarazione più generica e l'allineamento del testo in quella più specifica

[gabar-el]

mmhhh.... non sono sicuro di ciò che hai detto, cmq ho provato e a quanto pare

div.corpo p

sovrascrive ogni p all'interno del div con classe corpo, quindi anche

div.corpo p.avvisi

per differenziarli mi tocca modificare anche l'html, dando per es. una classe standard ai tag p interessati e modificando l'attuale

div.corpo p

in

div.corpo p.standard

allora tutti i p saranno differenziati e nessuno entrerà in conflitto con gli altri....

se sbaglio e qualcuno me lo dimostra buon per me....

[gabar-el]

ho riletto ciò che ho scritto e ho capito subito che ero sicurissimo di ciò che avevi detto tu, avevi ragione, il tuo ragionamento era ovvio (ero un pò in confusione) solo che avevo in sequenza errata le due formattazioni e quindi una ereditava dall'altra. Mettendo

div.corpo p

per prima, e poi

div.corpo p.avvisi

quest'ultima va a sovrascrivere come dicevi tu il tag p formattandolo con la nuova classe!
grazie uma, m hai risparmiato un bel pò di lavoraccio!