No puedo centrar 2 párrafos en hoja de estilos

Hola todos! Voy por la lección primera por la parte de "Centrar Párrafos" y en la hojas de estilo pongo lo de ".centrado {text-align:center}" y despues en el index le pongo a lo que quiera lo de "<p class="centrado">" para que lo ponga en el centro.
El problema viene cuando en la hoja de estilos meto otra entrada y pongo ".centrado-otro {text-align:right}" y despues en index a lo que le pongo "<p class="centrado-otro">" no hecha cuenta, el texto o la imagen, sea lo que sea, se va para la izkierda como si no tubiera definido el centrado... en cambio a todos los que le pongo ".centrado {text-align:center}" si funcionan y ponga donde los ponga, ya sea que en la hoja de estilos cambie ".centrado {text-align:center}" por ".centrado {text-align:right}" a todos los que le pongo "<p class="centrado">" funcionan y me los pone donde yo quiero, pero no me deja definir otro centrado. ¿Es que en la hoja de estilos sólo se puede definir un centrado?

Saludos!

Hola

tratarè de entender
en la hoja de estilos tienes esto:

.centrado {text-align:center}
.centrado-otro {text-align:right}

y en el html esto

<p class="centrado">LO QUE ESTÈ AQUI SE QUEDA CENTRADO</P>

<p class="centrado-otro">LO QUE ESTÈ AQUI SE VA A LA DERECHA




esto es porque center significa
centrado

y right, significa
derecha

saludos :wink:

Tasartir escribió:Hola todos! Voy por la lección primera por la parte de "Centrar Párrafos" y en la hojas de estilo pongo lo de ".centrado {text-align:center}" y despues en el index le pongo a lo que quiera lo de "<p class="centrado">" para que lo ponga en el centro.
El problema viene cuando en la hoja de estilos meto otra entrada y pongo ".centrado-otro {text-align:right}" y despues en index a lo que le pongo "<p class="centrado-otro">" no hecha cuenta, el texto o la imagen, sea lo que sea, se va para la izkierda como si no tubiera definido el centrado... en cambio a todos los que le pongo ".centrado {text-align:center}" si funcionan y ponga donde los ponga, ya sea que en la hoja de estilos cambie ".centrado {text-align:center}" por ".centrado {text-align:right}" a todos los que le pongo "<p class="centrado">" funcionan y me los pone donde yo quiero, pero no me deja definir otro centrado. ¿Es que en la hoja de estilos sólo se puede definir un centrado?

Saludos!

Hola:
A veces suele suceder que las cosas no funcionan como uno quiere, porque muchas veces uno se olvida (o no toma en cuenta) lo que significa la herencia en las hojas de estilo, en realidad tampoco es tan fácil comprenderla a veces, porque uno por mas que ponga lo que se supone que tiene que poner, sencillamente no resulta, como cuando usted dice que crea una clase .centrado{text-align:center} y una clase .centrado-otro{text-align:right} y que no surten efectividad esas modificaciones por ejemplo, para que funcione lo que usted quiere, una de las formas (y es solo una de las formas) sería poner en la hoja de estilo (en la primera línea) una directiva general, como por ejemplo
* {text-indent:0;margin:0;padding:0;border:0;}
Recordando que en el body tiene puesto text-align:center
Luego en la misma hoja de estilo en la directiva para P (párrafo), se puede poner
P{text-indent:10px;font-size:14px;text-align:justify;}
Luego se crea la clase
.centrado{text-align:center}
Luego se crea la clase
.derecha{text-align:right}
Ahora se va a la página y en algún párrafo corto, que ocupe menos de una línea (para comprobar la modificación) se pone
P class="centrado">bla bla bla bla bla bla bla</p>
Y en otro párrafo corto también se pone
P class="derecha">ble ble ble ble ble ble</p>
Para comprobar si las modificaciones hicieron efecto.
Le recomiendo estudiar un poco lo que significa la herencia y lo que significa cascada en lo referente a las hojas de estilo para que tenga una idea mas clara.
En todo caso eso es lo que he entendido de su problema, si no lo era, lo siento
Saludos

Yaneth escribió:Hola

tratarè de entender
en la hoja de estilos tienes esto:

.centrado {text-align:center}
.centrado-otro {text-align:right}

y en el html esto

<p class="centrado">LO QUE ESTÈ AQUI SE QUEDA CENTRADO</P>

<p class="centrado-otro">LO QUE ESTÈ AQUI SE VA A LA DERECHA




esto es porque center significa
centrado

y right, significa
derecha

saludos :wink:

WOW yaneth tu siempre tan servicial recuerdo cundo me ayudaste con el problema de ftp que tenia ace tiempo si no fuera por ti me ubiera dado por bensido y biera dejado el mundo de la programacion. solo queria agradesertelo por que pasaba por aqui e me senti en la situcion de Tasartir(Dani) bueno es todo.
:cry: se que no es este el lugar apropiado de mi mensaje pero ya lo puse. :o

Lo primero agradecer enormemente a Yaneth y Raulyure haber respondido, y porque no, mandar un saludo a GhostAir89, que por cierto, no me molesta que escribas aqui :wink:

Creo que me expliqué un poco mal y por eso Yaneth no me entendió.

Raulyure, sorprendentemente, si consiguió entenderme, y afirmo que esa era exactamente mi duda. He probado tu solución y efectivamente así he conseguido el objetivo deseado, que era poder llevarme un texto al centro y otro texto a la derecha.

Pobre necio de mí cuando supuse que sería tan facil como poner en la hoja de estilos:(a continuación pongo como quedó mi hoja de estilo completa)
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
img {border-style: none}
.centrado {text-align:center}
.centrado-otro {text-align:right}

Y entonces, en index, sólo tendría que ponerle a un párrafo "<p class="centrado">" y a otro "<p class="centrado-otro">" para que uno se fuera al centro y el otro a la derecha.
Este fue, comprobado ahora, mi absurdo razonamiento, quien Raulyure con una clase magistral de sabiduría aplastó con su explicación.

Comprobado queda que debo dejar a un lado tantos "razonamientos" y "suposiciones" tan "evidentes" porque esto sigue un razonamiento propio, el cual aún no he aprendido. Pero estoy en ello.

Para finalizar pongo como a quedado ahora mi hoja de estilo:
body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; }
img {border-style: none}
{text-indent:0;margin:0;padding:0;border:0;}
P{text-indent:10px;font-size:14px;text-align:justify;}
.centrado{text-align:center}
.derecha{text-align:right}

Ahora cuando a un texto le pongo "<p class="centrado">" se lo lleva al centro y si a otro le pongo "<p class="derecha">" sí se lo lleva a la derecha. Gracias a Raulyure ahora me hace caso :P

Saludos y, nuevamente, muchas gracias!

EDITO: Esto que me has explicado y que me has aconsejado que estudie, ¿viene en el "Curso Completo Paso a Paso"? (voy por la primera lección) ¿o tendría que estudiarme el apartado de "Curso de Estilo CSS" que hay aparte? o si fuera otro sitio te agradecería que me lo dijeras. Es para seguir tu consejo y no dejármelo atrás.