preview y final no igual

Jordi Maycas ha escrito lo siguiente el 09/07/07 04:47:

http://todo-pc.sytes.net

La parte de usuario/password usa estilos CSS... tipo de letra de momento.

Es que lo estas haciendo mal... muy mal... me parece que te convendría leer
algún tutorial y otras cosas sobre como funciona css y luego hacerlo con DW,
porque si no tendrás este tipo de problemas...

cuando definís un estilo personalizado/creado, que no hace referencia a ninguna
etiqueta html, como lo estás haciendo con "prueba", la forma correcta es usando
un punto si es un estilo que se repite, o un # si es un estilo único

.prueba { font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
background-color:#999999;
color:#993333;
text-align: right;
}

y luego en vez de hacer algo como
<p align="right"><prueba> Usuario: </prueba></p>

lo correcto sería algo como

<p class="prueba">Usuario:</p>

incluyendo el alineado derecho en el estilo...

a leer tutoriales y artículos!


pd: tampoco estás usando bien DW, porque DW no haría eso que tenés ahí...
F1 y leer la parte de css...


saludos!
Luciano A. Ferrer -
http://relojurbano.com.ar .algún día volverás.

... Los padres no existen, todo es un montaje de Papa Noel

ok, gracias

"Luciano A. Ferrer" escribió en el mensaje
news:f7b19s$126$

Jordi Maycas ha escrito lo siguiente el 09/07/07 04:47:

http://todo-pc.sytes.net

La parte de usuario/password usa estilos CSS... tipo de letra de momento.

Es que lo estas haciendo mal... muy mal... me parece que te convendría
leer
algún tutorial y otras cosas sobre como funciona css y luego hacerlo con
DW,
porque si no tendrás este tipo de problemas...

cuando definís un estilo personalizado/creado, que no hace referencia a
ninguna
etiqueta html, como lo estás haciendo con "prueba", la forma correcta es
usando
un punto si es un estilo que se repite, o un # si es un estilo único

.prueba { font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
background-color:#999999;
color:#993333;
text-align: right;
}

y luego en vez de hacer algo como
<p align="right"><prueba> Usuario: </prueba></p>

lo correcto sería algo como

<p class="prueba">Usuario:</p>

incluyendo el alineado derecho en el estilo...

a leer tutoriales y artículos!


pd: tampoco estás usando bien DW, porque DW no haría eso que tenés ahí...
F1 y leer la parte de css...


saludos!
Luciano A. Ferrer -
http://relojurbano.com.ar .algún día volverás.

... Los padres no existen, todo es un montaje de Papa Noel

Hola Jordi
(me sumo al post)

Como te comenta Luciano, solo que fue un poco directo con el "Estas
haciendolo mal, muy mal.." :)
Pero bueno.. tenia un profesor que me decia igual, pero a no decaer.

Una ayuda, la idea de los selectores (lo que establece a quien modificar)
Como su nombre lo indica, indentifica a quien asignar

una facil:
h1{}
body{}
Identifica a los tags HTML h1 y body respectivamente si aparece en la pagina
tendran el estilo que asignaste, A TODOS por ejemeplo si colocas para un
parrafo o sea p{} entonces ten cuidado de utilizar esto

Pero podes realizar selectores "abstractos", que se llaman clases (empiezan
por un punto)
.estilo1{} /* Esto define una clase que la puedes ocupar asi*/
<div class="estilo1">Algo</div>
Tambien puedes asignar clases o selectores especificos para alguna etiqueta
o tag html
h1.estilo1{}

Bueno veras despues que puedes asignar varias clases
<h1class="estilo1 estilo2 estilo3">Titulo</h1>

Otro tipo de selector es por ID
Podemos establecer a un unico elemento dentro de la pagina
#contenedorUsuario{} /*Esto define */

<div id="contenedorUsuario">
<span>Usuario: ...</span>
</div>

y ALGO MUY BUENO es la HERENCIA, ya que puedes

#contenedorUsuario span{}
#contenedorUsuario h1{}
#contenedorUsuario ul li{}

#contenedorUsuario h1 .estilo1{}

Bueno ahora tenes que empezar a jugar un rato... pero mira lo que se puede
realizar
Este es el ejemplo universal :) por llamarlo de alguna manera:
http://www.csszengarden.com/tr/espanol/

Bueno y que mejor que un tutorial de la W3C para aprender CSS

- Guia Breve
http://www.w3c.es/Divulgacion/Guias...ojasEstilo
- Guia de Referencia CSS 2.1
http://www.w3c.es/Divulgacion/Guias...cia/CSS21/
- Tutorial de CSS Comenzando con HTML + CSS
http://www.w3.org/Style/Examples/011/firstcss


y por si te interesa la especificacion completa
http://www.w3.org/Style/CSS/#specs
http://www.w3.org/TR/CSS21/

Espero que te sirva de ayuda o guia.
______________________
Jose A. Fernandez
blog: http://geeks.ms/blogs/fernandezja



"Jordi Maycas" wrote in message
news:%

ok, gracias

"Luciano A. Ferrer" escribió en el mensaje
news:f7b19s$126$

Jordi Maycas ha escrito lo siguiente el 09/07/07 04:47:

http://todo-pc.sytes.net

La parte de usuario/password usa estilos CSS... tipo de letra de
momento.

Es que lo estas haciendo mal... muy mal... me parece que te convendría
leer
algún tutorial y otras cosas sobre como funciona css y luego hacerlo con
DW,
porque si no tendrás este tipo de problemas...

cuando definís un estilo personalizado/creado, que no hace referencia a
ninguna
etiqueta html, como lo estás haciendo con "prueba", la forma correcta es
usando
un punto si es un estilo que se repite, o un # si es un estilo único

.prueba { font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
background-color:#999999;
color:#993333;
text-align: right;
}

y luego en vez de hacer algo como
<p align="right"><prueba> Usuario: </prueba></p>

lo correcto sería algo como

<p class="prueba">Usuario:</p>

incluyendo el alineado derecho en el estilo...

a leer tutoriales y artículos!


pd: tampoco estás usando bien DW, porque DW no haría eso que tenés ahí...
F1 y leer la parte de css...


saludos!
Luciano A. Ferrer -
http://relojurbano.com.ar .algún día volverás.

... Los padres no existen, todo es un montaje de Papa Noel

eiii, eso queria yo. Yo se que con CSS se pueden hacer cosas muy buenas, y
yo queria que mi pagina http://todo-pc.sytes.net (la pongo no solo por
publicidad obviamente), tubiera ese toque.

Muchas gracias.

Ya me diste faena para el finde.

"Jose A. Fernandez" escribió en el mensaje
news:

Hola Jordi
(me sumo al post)

Como te comenta Luciano, solo que fue un poco directo con el "Estas
haciendolo mal, muy mal.." :)
Pero bueno.. tenia un profesor que me decia igual, pero a no decaer.

Una ayuda, la idea de los selectores (lo que establece a quien modificar)
Como su nombre lo indica, indentifica a quien asignar

una facil:
h1{}
body{}
Identifica a los tags HTML h1 y body respectivamente si aparece en la
pagina tendran el estilo que asignaste, A TODOS por ejemeplo si colocas
para un parrafo o sea p{} entonces ten cuidado de utilizar esto

Pero podes realizar selectores "abstractos", que se llaman clases
(empiezan por un punto)
.estilo1{} /* Esto define una clase que la puedes ocupar asi*/
<div class="estilo1">Algo</div>
Tambien puedes asignar clases o selectores especificos para alguna
etiqueta o tag html
h1.estilo1{}

Bueno veras despues que puedes asignar varias clases
<h1class="estilo1 estilo2 estilo3">Titulo</h1>

Otro tipo de selector es por ID
Podemos establecer a un unico elemento dentro de la pagina
#contenedorUsuario{} /*Esto define */

<div id="contenedorUsuario">
<span>Usuario: ...</span>
</div>

y ALGO MUY BUENO es la HERENCIA, ya que puedes

#contenedorUsuario span{}
#contenedorUsuario h1{}
#contenedorUsuario ul li{}

#contenedorUsuario h1 .estilo1{}

Bueno ahora tenes que empezar a jugar un rato... pero mira lo que se puede
realizar
Este es el ejemplo universal :) por llamarlo de alguna manera:
http://www.csszengarden.com/tr/espanol/

Bueno y que mejor que un tutorial de la W3C para aprender CSS

- Guia Breve
http://www.w3c.es/Divulgacion/Guias...ojasEstilo
- Guia de Referencia CSS 2.1
http://www.w3c.es/Divulgacion/Guias...cia/CSS21/
- Tutorial de CSS Comenzando con HTML + CSS
http://www.w3.org/Style/Examples/011/firstcss


y por si te interesa la especificacion completa
http://www.w3.org/Style/CSS/#specs
http://www.w3.org/TR/CSS21/

Espero que te sirva de ayuda o guia.
______________________
Jose A. Fernandez
blog: http://geeks.ms/blogs/fernandezja



"Jordi Maycas" wrote in message
news:%

ok, gracias

"Luciano A. Ferrer" escribió en el mensaje
news:f7b19s$126$

Jordi Maycas ha escrito lo siguiente el 09/07/07 04:47:

http://todo-pc.sytes.net

La parte de usuario/password usa estilos CSS... tipo de letra de
momento.

Es que lo estas haciendo mal... muy mal... me parece que te convendría
leer
algún tutorial y otras cosas sobre como funciona css y luego hacerlo con
DW,
porque si no tendrás este tipo de problemas...

cuando definís un estilo personalizado/creado, que no hace referencia a
ninguna
etiqueta html, como lo estás haciendo con "prueba", la forma correcta es
usando
un punto si es un estilo que se repite, o un # si es un estilo único

.prueba { font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
background-color:#999999;
color:#993333;
text-align: right;
}

y luego en vez de hacer algo como
<p align="right"><prueba> Usuario: </prueba></p>

lo correcto sería algo como

<p class="prueba">Usuario:</p>

incluyendo el alineado derecho en el estilo...

a leer tutoriales y artículos!


pd: tampoco estás usando bien DW, porque DW no haría eso que tenés
ahí...
F1 y leer la parte de css...


saludos!
Luciano A. Ferrer -
http://relojurbano.com.ar .algún día volverás.

... Los padres no existen, todo es un montaje de Papa Noel

Jose A. Fernandez ha escrito lo siguiente el 19/07/07 14:43:

Hola Jordi
(me sumo al post)

Como te comenta Luciano, solo que fue un poco directo con el "Estas
haciendolo mal, muy mal.." :)
Pero bueno.. tenia un profesor que me decia igual, pero a no decaer.

jejejej, pero iba con onda, eh?
:)

lo mejor para apredender css es ver cómo lo hacen los grandes
hay algunos códigos que están para enmarcarlos y ponerlos en la pared...
tanto por la simplicidad, escalabilidad y posibilidad de modificación
global masiva a posteriori
(obviamente no me refiero a mí... yo voy a medio pelo, jejeje)

Saludos!

Luciano A. Ferrer -
http://relojurbano.com.ar .algún día volverás.

... He oído incluso que los ángeles lo declaraban desde arriba