[Ovillo] ¿ Permite mayúsculas los elementos ht ml 4.01 ?

2008-12-02 Por tema Chr5
Buenos días,

Tengo una duda, la especificación XHTML 1.0 no permite etiquetas ni
atributos en mayúscula, pero ¿ Ocurre lo mismo con la especificación html
4.01 ?

¿ Alguien podría aclararme éso ?

Gracias y disculpen si este hilo ya ha salido en la lista,

saludos,
carlos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Hoja de estilos alternativa para IE

2008-12-02 Por tema Alberto García
Muchas gracias Miguel, siento haberos molestado con esta tontería pero 
en esos momentos en que miras y remiras el código diez veces sin 
encontrar lo que buscas no hay mejor ayuda que unos ojos ajenos sin 
prejuicios ni predisposiones.

Ah, también deciros que soy nuevo en la lista y que me tenéis a vuestra 
disposición para lo que necesitéis.

Gracias de nuevo y ¡Salud!

Alberto García

**

[EMAIL PROTECTED] escribió:
 Message: 3
 Date: Tue, 02 Dec 2008 10:18:56 +0100
 From: Miguel Gonzalez [EMAIL PROTECTED]
 Subject: Re: [Ovillo] Hoja de estilos alternativa para IE
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Message-ID: [EMAIL PROTECTED]
 Content-Type: text/plain; charset=ISO-8859-1
 
 
 Creo que la hoja de estilo no se carga porque no has cerrado el
 comentario que encierra el condicional (te faltan los dos guiones antes
 del  final.
 
 Tienes: !--[if IE]
 Y deberías tener: !--[if IE]--
 
 ¡Saludos!
 
 Miguel González
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Problemas con las propiedades margin y padding en div

2008-12-02 Por tema Silvana Peralta
Hola gente,

  tengo algunos problemas con estas propiedades al anidadar divs para
darle la estructura a mi sitio. Mi idea es tener un contenedor principal
(container), que tiene un encabezado (header), el menú (nav), el contenido
del sitio (contents) y el pie (footer).  Mi problema surge, que cuando le
asigno algún color de fondo o una imágen al encabezado o al cuerpo del
sitio, noto que me queda una línea blanca entre divs (por ejemplo entre el
header y el content, y el content y el footer).
  Estuve buscando en internet, viendo el modelo de cajas, pero
evidentemente hay algo que estoy pasando por alto o algo que entendí mal.
Probé con el paddin, el magin y me sigue pasando lo mismo, no consigo que
los divs se unan.
  Si alguno me puede dar alguna pista de lo que estoy haciendo mal lo
agradecería mucho. Igualmente pego abajo el codigo de mi css y mi html. Si
no es muy claro lo que quiero decir podría ver la posibilidad de subir una
impresión de pantalla donde se note correctamente mi proble.
  Saludos y muchas gracias.

Silvana.


Acá va el código.

CSS:

* {
  margin:  0;
  padding: 0;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/bgmain.jpg);
background-color: #828282;
}

#container {
background-color: #ff;
width: 786px;
margin: 0px auto 0px auto;
padding: 0px;
}

#header {
background: url(images/header.jpg) no-repeat;
margin: 0px;
height: 285px;
}

#nav {
background: url(images/bgnav.jpg) no-repeat;
height: 40px;
padding: 20px 25px 8px 25px;
}

#nav ul {
list-style-type: none;
}
#nav li {
display: inline;
}

#nav .active a:visited,active {
text-decoration: none;
display: block;
}

#contents {
background: url(images/bgbody.jpg) repeat-y;
margin: 0px;
}


#maincontent {
text-align: justify;
margin: 0px 70px 0px 30px;
width: 750px;
/*padding: 0px 0px 30px 30px;*/
padding-right: 60px;
}

#footer {
background: url(images/bgfooter.jpg) no-repeat;
padding-top: 10px;
height: 43px;
}

#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
left: 100px;
}


HTML:

?xml version=1.0 encoding=UTF-8 ?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;

html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8
/
titleTitulo/title
link href=style.css rel=stylesheet type=text/css /
/head
body
div id=container

div id=header
/div
!-- Fin header --

div id=nav
ul
li class=#a href=index.htmlInicio/a/li
lia href=#Link_1/a/li
lia href=#Link_2/a/li
lia href=#Link_3/a/li
lia href=#Link_4/a/li
lia href=#Link_5/a/li
/ul
/div
!-- Fin topmenu --

div id=contents
div id=maincontent
h1Header 1/h1
h2Header 2/h2
h6Header 6 - Descripción/h6
p
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Donec placerat neque vel tortor. Duis urna. Cras
orci eros, rutrum porttitor, viverra sit amet,
gravida sit amet, nisl. Fusce laoreet elementum eros. Sed
mattis volutpat magna. Class aptent taciti sociosqu
ad litora torquent per conubia nostra, per inceptos
himenaeos. Nulla hendrerit orci ornare ipsum. Proin
semper sapien non libero. Sed auctor, est eget
volutpat sodales, nulla eros auctor tortor, et
pellentesque eros diam in odio. Etiam euismod dui eu augue.
Integer at lacus. Duis eleifend placerat tellus.
Cras velit. Suspendisse ut arcu.
/p
p
Vivamus in libero. Donec elementum. Vestibulum
iaculis interdum erat. Fusce vestibulum blandit nulla.
Nullam fringilla lacus eu sem. Sed non magna. Morbi
ut lorem. Maecenas sem magna, iaculis mollis, placerat
at, euismod ut, dolor. Phasellus fringilla mi. Nam
hendrerit. Maecenas adipiscing justo ut nibh. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit.
Quisque gravida posuere magna. Morbi interdum nulla id
mauris.
/p
p
Nam tellus. In elementum elementum nibh. Aenean
ante. Fusce viverra odio ac tortor. Pellentesque habitant
morbi tristique senectus et netus et malesuada fames
ac turpis egestas. Duis magna elit, commodo sit amet,
lobortis nec, commodo in, magna. 

Re: [Ovillo] Problemas con las propiedades margin y padding en div

2008-12-02 Por tema Ignacio Aguirre
Silvana

 Si bien puede que tengas más errores, yo percato que falta definir el
ancho en la mayoría de tus divs.

 En algunos IDs solo tienes definida la propiedad height.
 Tambien deberas asignar la propiedad width, donde especificas el ancho.
 Puede ser fijo (con pixeles uso yo, quizas hay otras medidas) o con
porcentajes. También puedes usar como valor auto, donde el navegador
calculará el ancho necesario.

 Te dejo un enlace con más información. Espero te sea útil.

 http://www.librosweb.es/referencia/css/width.html



 Saludos!
2008/12/2 Silvana Peralta [EMAIL PROTECTED]:
 Hola gente,

  tengo algunos problemas con estas propiedades al anidadar divs para
 darle la estructura a mi sitio. Mi idea es tener un contenedor principal
 (container), que tiene un encabezado (header), el menú (nav), el contenido
 del sitio (contents) y el pie (footer).  Mi problema surge, que cuando le
 asigno algún color de fondo o una imágen al encabezado o al cuerpo del
 sitio, noto que me queda una línea blanca entre divs (por ejemplo entre el
 header y el content, y el content y el footer).
  Estuve buscando en internet, viendo el modelo de cajas, pero
 evidentemente hay algo que estoy pasando por alto o algo que entendí mal.
 Probé con el paddin, el magin y me sigue pasando lo mismo, no consigo que
 los divs se unan.
  Si alguno me puede dar alguna pista de lo que estoy haciendo mal lo
 agradecería mucho. Igualmente pego abajo el codigo de mi css y mi html. Si
 no es muy claro lo que quiero decir podría ver la posibilidad de subir una
 impresión de pantalla donde se note correctamente mi proble.
  Saludos y muchas gracias.

 Silvana.


 Acá va el código.

 CSS:

 * {
  margin:  0;
  padding: 0;
 }

 body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/bgmain.jpg);
background-color: #828282;
 }

 #container {
background-color: #ff;
width: 786px;
margin: 0px auto 0px auto;
padding: 0px;
 }

 #header {
background: url(images/header.jpg) no-repeat;
margin: 0px;
height: 285px;
 }

 #nav {
background: url(images/bgnav.jpg) no-repeat;
height: 40px;
padding: 20px 25px 8px 25px;
 }

 #nav ul {
list-style-type: none;
 }
 #nav li {
display: inline;
 }

 #nav .active a:visited,active {
text-decoration: none;
display: block;
 }

 #contents {
background: url(images/bgbody.jpg) repeat-y;
margin: 0px;
 }


 #maincontent {
text-align: justify;
margin: 0px 70px 0px 30px;
width: 750px;
/*padding: 0px 0px 30px 30px;*/
padding-right: 60px;
 }

 #footer {
background: url(images/bgfooter.jpg) no-repeat;
padding-top: 10px;
height: 43px;
 }

 #footer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
left: 100px;
 }


 HTML:

 ?xml version=1.0 encoding=UTF-8 ?
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;

 html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8
 /
titleTitulo/title
link href=style.css rel=stylesheet type=text/css /
/head
body
div id=container

div id=header
/div
!-- Fin header --

div id=nav
ul
li class=#a href=index.htmlInicio/a/li
lia href=#Link_1/a/li
lia href=#Link_2/a/li
lia href=#Link_3/a/li
lia href=#Link_4/a/li
lia href=#Link_5/a/li
/ul
/div
!-- Fin topmenu --

div id=contents
div id=maincontent
h1Header 1/h1
h2Header 2/h2
h6Header 6 - Descripción/h6
p
Lorem ipsum dolor sit amet, consectetuer adipiscing
 elit. Donec placerat neque vel tortor. Duis urna. Cras
orci eros, rutrum porttitor, viverra sit amet,
 gravida sit amet, nisl. Fusce laoreet elementum eros. Sed
mattis volutpat magna. Class aptent taciti sociosqu
 ad litora torquent per conubia nostra, per inceptos
himenaeos. Nulla hendrerit orci ornare ipsum. Proin
 semper sapien non libero. Sed auctor, est eget
volutpat sodales, nulla eros auctor tortor, et
 pellentesque eros diam in odio. Etiam euismod dui eu augue.
Integer at lacus. Duis eleifend placerat tellus.
 Cras velit. Suspendisse ut arcu.
/p
p
Vivamus in libero. Donec elementum. Vestibulum
 iaculis interdum erat. Fusce vestibulum blandit nulla.
Nullam fringilla lacus eu sem. Sed non magna. Morbi
 ut lorem. Maecenas sem magna, iaculis mollis, placerat
  

Re: [Ovillo] Hoja de estilos alternativa para IE

2008-12-02 Por tema Miguel Gonzalez

Creo que la hoja de estilo no se carga porque no has cerrado el
comentario que encierra el condicional (te faltan los dos guiones antes
del  final.

Tienes: !--[if IE]
Y deberías tener: !--[if IE]--

¡Saludos!

Miguel González

Alberto García escribió:
 Hola a todos:
 Tengo un problema que no sé solucionar. He creado una hoja de estilos 
 alternativa para IE para corregir ciertos detalles, hasta ahora siempre 
 lo había hecho con comentarios condicionales y poniendo los hacks en el 
 propio archivo html donde estaban los problemas pero ahora he creado un 
 archivo css aparte y lo he vinculado con un condicional. El problema es 
 que localmente funciona pero en el servidor no, y no doy con donde puede 
 estar el problema.

 Este es el enlace al sitio en cuestion: http://surftherapy.es/

 Gracias a todos de antemano por vuestro interés y vuestro tiempo:

 Alberto García

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

   
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] ¿ Permite mayúsculas los elementos ht ml 4.01 ?

2008-12-02 Por tema carlos campderrós
Hola,

2008/12/2 Chr5 [EMAIL PROTECTED]

 Buenos días,

 Tengo una duda, la especificación XHTML 1.0 no permite etiquetas ni
 atributos en mayúscula, pero ¿ Ocurre lo mismo con la especificación html
 4.01 ?

 ¿ Alguien podría aclararme éso ?


En principio es indiferente, tanto para los nombres de elementos como para
los nombres e incluso valores de atributos.

-- 
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemas con las propiedades margin y padding en div

2008-12-02 Por tema Silvana Peralta
Hola,
 mil gracias Ignacio. Le especifiqué el alto y el ancho y se visualiza
como corresponde (igual no lo quiero decir muy alto por las dudas, jejeje).
Saludos.
Silvana
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Problemas con el fondo de un blog wordpress

2008-12-02 Por tema Daniel Gabana Arellano
Hola listos,

Estoy modificando una plantilla de un blog (lo siento, no tengo nivel para
hacerme una...) y me ocurre un problemilla. En el fondo de la cabecera ,
donde estan los botones metalicos,  he metido un jpg que debe coincidir
con  los cuadraditos del fondo del body. En Firefox, como no, funciona
perfect, pero IE da por saco, lo mueve un par de pixeles y hace que se
descuadre. He jugado hasta la saciedad con los margins, paddings y anchuras
de todas las capas y no funciona...
Alguien puede hecharme alguna solucion o codigo? He pensado en discriminar a
IE, pero no se como se hace...

La direccion es www.nextepvision.com

Gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemas con el fondo de un blog wordpress

2008-12-02 Por tema andres karp
Yo pondria un png transparente asi te ahorras lo de cuadrar las imagenes, y
recuerda de poner el hack para png para que vayan bien en ie6. saludos

2008/12/2 Daniel Gabana Arellano [EMAIL PROTECTED]

 Hola listos,

 Estoy modificando una plantilla de un blog (lo siento, no tengo nivel para
 hacerme una...) y me ocurre un problemilla. En el fondo de la cabecera ,
 donde estan los botones metalicos,  he metido un jpg que debe coincidir
 con  los cuadraditos del fondo del body. En Firefox, como no, funciona
 perfect, pero IE da por saco, lo mueve un par de pixeles y hace que se
 descuadre. He jugado hasta la saciedad con los margins, paddings y anchuras
 de todas las capas y no funciona...
 Alguien puede hecharme alguna solucion o codigo? He pensado en discriminar
 a
 IE, pero no se como se hace...

 La direccion es www.nextepvision.com

 Gracias!
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
saludos
Andrés Karp

blog_ http://blog.dinamiclab.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemas con el fondo de un blog wordpress

2008-12-02 Por tema Jose Leiva
adjunte el codigo para tener una idea, o al menos un link

2008/12/2 andres karp [EMAIL PROTECTED]

 Yo pondria un png transparente asi te ahorras lo de cuadrar las imagenes, y
 recuerda de poner el hack para png para que vayan bien en ie6. saludos

 2008/12/2 Daniel Gabana Arellano [EMAIL PROTECTED]

  Hola listos,
 
  Estoy modificando una plantilla de un blog (lo siento, no tengo nivel
 para
  hacerme una...) y me ocurre un problemilla. En el fondo de la cabecera ,
  donde estan los botones metalicos,  he metido un jpg que debe coincidir
  con  los cuadraditos del fondo del body. En Firefox, como no, funciona
  perfect, pero IE da por saco, lo mueve un par de pixeles y hace que se
  descuadre. He jugado hasta la saciedad con los margins, paddings y
 anchuras
  de todas las capas y no funciona...
  Alguien puede hecharme alguna solucion o codigo? He pensado en
 discriminar
  a
  IE, pero no se como se hace...
 
  La direccion es www.nextepvision.com
 
  Gracias!
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 



 --
 saludos
 Andrés Karp

 blog_ http://blog.dinamiclab.com
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
http://daflai.wordpress.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] fondo de menu que no se ve en ie y otros detalles

2008-12-02 Por tema Daniel Navarro
Hola, estos días estoy muy ocupado, pero cuando pueda le vuelvo a echar un
vistazo a tu página.

Respecto del corte en la imagen de fondo, te lo comenté en el mensaje
anterior:
Tienes dos formas de arreglarlo: cambiar el texto para que ocupe menos
(obvio) o editar la imagen rhm1_hover_r.gif para alargarla por la izquierda.

Hasta pronto.

2008/12/1 [EMAIL PROTECTED]

 Hola otra vez!
  Daniel todo lo que me has dicho lo he corregido y funciono!!
 solo me quedan estos temas:
 1- ahora la imagen de fondo cubre todo el texto, pero, no solo en el hover,
 sino de forma permanente, yo solo quiero que sea en el hover
 2- en la dichosa imegen de fondo de los links (hover, sí, no podia ser de
 otra forma), se ve un corte en la union de las dos imagenes, porque se
 produce?
 3- respecto a que el current deberia marcar solo la pagina actual, yo no
 distingo ningun efecto o cambio  en una pagina o en otra, soy yo, o no esta
 sucediendo nada?

 Especiales gracias a Daniel que con sus consejos pude solucionar casi todo.
 Otra cosa mas, nunca habia oido del tema ese del scroll, he aprendido algo
 nuevo, Gracias
 Los que puedan y quieran echenle un vistazo, busco sus opiniones en cuanto
 al diseño y demas

 Alejandra
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo