CSS en linea

ulises2010 · #1 (**permalink**) 24/03/2014, 16:57

Estoy preparando una newsletter y los requisitos que me ponen es que:

Los estilos deben ser “en línea”, escritos directamente en la etiqueta; no en una hoja CSS aparte ni tampoco como regla en el encabezado (head) del documento.

Yo utilizo para maquetar Dreamweaber, y me coloca los estilos CSS siempre en el <head> y no se como hacer para pasarlo a "en linea" tal y como me piden.

¿Alguien me puede ayudar?

Gracias

pzin · #2 (**permalink**) 24/03/2014, 17:00

Es embeber los estilos dentro del atributo style de cada elemento:

Código HTML:

Ver original<p style="color: #fff; background-color: #000"></p>

ulises2010 · #3 (**permalink**) 24/03/2014, 17:35

Eso he intentado... pero dos preguntas.... una, ¿no hay algún modo de hacerlo automático con el dreamweaber?

Y la otra es que lo intento de este modo y no lo consiguo.

Tengo este estilo:

Código:

.encabezado {
	font-size: 15px;
	color: #09F;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

en este sitio

Código:

<a href="http://productosuniversitarios.org/es/master-en-direccion-de-recursos-humanos/" title="M&aacute;ster en Direcci&oacute;n, Planificaci&oacute;n y Gesti&oacute;n de Recursos Humanos" target="_blank" class="encabezado">M&aacute;ster en Direcci&oacute;n, Planificaci&oacute;n y Gesti&oacute;n de Recursos Humanos</a>

Pero si pongo

Código:

<a style="font-size: 15px; color: #09F; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style: normal; font-weight: bold; text-decoration: none; href="http://productosuniversitarios.org/es/master-en-direccion-de-recursos-humanos/" title="M&aacute;ster en Direcci&oacute;n, Planificaci&oacute;n y Gesti&oacute;n de Recursos Humanos" target="_blank">M&aacute;ster en Direcci&oacute;n, Planificaci&oacute;n y Gesti&oacute;n de Recursos Humanos</a>

No me lo coje.....

codeams · #4 (**permalink**) 24/03/2014, 18:22

Estas colocando doublestrings dentro de sí.

"Lucida Sans Unicode" no puedes ponerlo así, el navegador interpreta que estas concluyendo el valor del atributo style, en vez de eso debes usar comillas simples: 'Lucida Sans Unicode'.

monicapo · #5 (**permalink**) 25/03/2014, 10:04

Y el ultimo text-decoration:none no lo finalizas con ".

Si tienes que colocar muchas cosas en el propio elemento HTML empieza con style=";" y vete metiendo las cosas poco a poco.

Si style lo usas con comillas dobles, las comillas dobles interiores las puedes poner simples.

Código:

.
<a style="font-size: 15px; color: #09F; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-style: normal; font-weight: bold; text-decoration: none;" href="http://productosuniversitarios.org/es/master-en-direccion-de-recursos-humanos/" title="M&aacute;ster en Direcci&oacute;n, Planificaci&oacute;n y Gesti&oacute;n de Recursos Humanos" target="_blank">M&aacute;ster en Direcci&oacute;n, Planificaci&oacute;n y Gesti&oacute;n de Recursos Humanos</a>
.

ulises2010 · #6 (**permalink**) 26/03/2014, 16:17

Muchísimas gracias... ya he conseguido que funcione con vuestros consejos.