Re: [Ovillo] Problemas con el DOM
para mejorar la info, eso de que detecte los espacios como nodos es solo con
firefox, el internet exploter lleva el ignoreWhite por defecto como true.
(ignoreWhite es eliminar todos los espacios en blanco y tabulaciones que
tiene un código XML entre elementos, pero el palabro lo he sacado de
actionscript, ya que en javascript DOM no hay esa propiedad).
Así pues, para eliminar un elemento, puedes hacerlo así:
padre.removeChild(hijo);
padre = UL
hijo = LI
No he podido mirarme el código así que tampoco te puedo decir más (si nadie
aporta nada más o no sacas la solución por la noche me lo miraré más a fondo
que ahora no puedor :)).
saludos
Marc
- Original Message -
From: Hermann Kaser [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, July 01, 2006 11:42 PM
Subject: Re: [Ovillo] Problemas con el DOM
On 7/1/06, Hermann Kaser [EMAIL PROTECTED] wrote:
On 7/1/06, Beldar [EMAIL PROTECTED] wrote:
Hola!
Os escribo porque estoy trasteando con el DOM de XHTML, pero hay cosas
que
no me salen.
He aprendido a añadir (append) Nodos a un elemento sin problemas, pero
lo
que no me sale
es eliminar un nodo concreto después, he probado de todo, intentar
eliminarlo por los attributes, por
el NodeName, por la NodeList, y nada. No tengo problemas para
eliminar-los
ordenadamente (por
el último o por el primero firstNode, lastNode), pero lo que me interesa
es
eliminar un nodo concreto
llámandolo por la id por ejemplo, sin importar en qué posición esté.
Os dejo una prueba que hecho para ilustrarlo:
http://radleb.net/mylists/prova2.php
Como podeis ver, el botón de Append, añade un nodo del tipo 'li' a la
lista,
consecutivamente,
y el Remove First, borra el primer elemento de la lista
consecutivamente,
pero el Remove, en teoria
tendria que borrar un nodo concreto ( en éste caso el último (li + items
=
ultimo elemento), pero da
un error de Invalid Pointer.
Pues eso, a ver si me podríais ayudar a borrar un nodo concreto de la
lista.
Gracias.
Mirando el código no veo porque no funciona, usando el DOM inspector
de FF se ve que el li tiene el ID adecuado. De todas maneras en vez de
usar li.id yo usaria el metodo li.setAttribute('id','li'+items);
Si eso no funcionase siempre podes hacer li = ul.childNodes[items];
Mentira, mejor no usar li = ul.childNodes[items] a menos que estes
seguro de no haber puesto espacio entre ul/ul porque sino
javascript considera el espacio como un nodo mas, es por eso que si
abres la pagina, añades un nodo y luego apretas el boton de remove
first hay que darle dos veces para que funcione, la primera vez
eleimina el nodo de texto.
--
Beldar
___
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://ovillo.org/mailman/listinfo/ovillo
--
Hermann Kaser
http://www.theragingche.com/
--
Hermann Kaser
http://www.theragingche.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://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] height 100% que no funciona en dos columnas a la vez
Buenas mañanas!
Tengo el sgte HTML, de una página a dos columnas, la cual no consigo tener
ambas con una altura del 100%.
Si consigo tener la altura de una de ellas al 100%, en una la otra funciona y
viceversa.
Ya me pelé el coco hasta el momento en que envío este e-mail.
Definí -height:100%- en el #html, body pero igual no me funcan.
Seguramente sea algo simple, pero de algún modo algo de lo que no me he
percatado aún.
HTML:
body
div id=contenedor
div id=pageHeader
h1spanTEXTO/span/h1
h2spanTEXTO/span/h2
/div
div id=banner/div
div id=nav
ul
lia href=menu1.html class=currentmenu1/a/li
lia href=menu2.htmlmenu2/a/li
lia href=menu3.htmlmenu3/a/li
lia href=menu4.htmlmenu4/a/li
lia href=manu5.htmlmenu5/a/li
/ul
/div
div id=cuerpo
h1Titulo /h1
pAcá va un texto que explicará lo inexplicable./p
/div
div id=derecha
h2Subtitulo /h2
p Acá va otro texto que explicará lo más inexplicable./p
/div
div class=clear/div
div id=footer
pa href=http://validator.w3.org/check/referer; title=Check the
validity of this site#8217;s XHTMLxhtml/a/p
/div/div
/body
CODIGO CSS
html, body {
background: #743019;
font-family: Trebuchet, tahoma, Arial, Helvetica, sans-serif;
color: #000;
font-size: 1em;
padding: 0;
margin: 0;
text-align: center;
height:100%;
}
* html div{
height:100%;
}
#contenedor {
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
text-align: left;
height:auto;
}
#banner{
height:305px;
width: 760px;
background: #743019 url(../images/banner.jpg) top center no-repeat;}
/*
Navegación
*/
#nav {
background: #E4AA1E url(../images/dot_orange.gif);
border-top: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
align: center;
font-size: .80em;
margin: 0px;
padding: 0;
width: 100%;
height: 25px;
}
#nav a {
color: #000;
float: left;
padding: 5px 10px;
text-decoration: none; }
#nav a.current {
color: #fff; /*color texto boton inicio*/
background-color: #99; } /*color fondo con mouse over para menu INICIO
solamente*/
#nav a:hover {
color: #fff; /*color texto resto de menus*/
background-color: #ff9900; } /*color fondo celeste con mouse over para el
RESTO de menus*/
#nav li {
background-image: none;
border-right: 1px solid #4c4c4c;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav ul {
margin: 0;
padding: 0; }
/*
Cuerpo
*/
#cuerpo {
float: left;
margin:0;
padding: 1em .5em 1em .5em;
voice-family : \}\;
voice-family: inherit;
width : 543px;
background: #EBE3C5 ;
height: 100%;
}
/*
Columna
*/
#derecha {
float: right;
background:#996633;
margin: 0;
padding: 1em .5em 0 .5em;
width: 185px;
font-size: 1em;
text-align: left;
height:100%;
}
#footer {
color: #BAB977;
font-size: 0.95em;
margin: 0;
width: 720px;
height: 100%;
padding: 1em 1.3em;
text-align: center;
background: #000;
}
Saludos cordiales a todos y gracias anticipadas.
Miguel Flores Franco
Pixelperu
Arte, Diseño, Web y Teletrabajo
http://www.pixelperu.net
http://www.limaperuhosting.com
Telf.: +511 567 7475
MSN: [EMAIL PROTECTED]
VoipCheap: pixelperu
SKYPE ID: pixelperu
___
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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Aún con problemas con desplegable
Lo ideal sería poder cambiar el estilo aplicado a los elementos con una clase determinada (con getElementsByClassName en lugar de getElementById) para que hacerlo dinámico y con múltiples niveles sea más sencillo. Gracias, Ignacio ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problemas tamaño texto IE
Hola! Santiago Flores escribió: flow? también ;) ojo que en iexplorer 6 tambien tienes el bug ese que desaparecen cosas en la columna central., a veces se soluciona poniendo position relative o dandole un height. cierto, se me había olvidado ponerlo en uno de los divs, muchas gracias! sobre lo otro ni idea. Estoy mirando. Gracias, creía que no había nadie por aquí :) ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] que etiquetas usar para maquetar unos datos a 2 columnas?
Hola buenas, desde hace un tiempo (sobretodo desde que sigo esta lista!!) intento crear mis páginas web lo más semánticamente correctas. Muchas veces me encuentro con problemas para escoger qué etiquetas se ajustan mejor al contenido. Lo que he de maquetar está en un pdf (enviado por el diseñador) en esta web (que es la que renovamos): http://www.flsida.org/pdf/contactos.pdf (no se si es correcto en la lista apuntar a un pdf para enseñar un ejemplo. Disculpen si no es así). Por si preferís no ver el pdf os explico: tengo 5 datos de contacto: telef, fax, web, mail i direccion. Cada uno tiene un pequeño icono (del tamaño de la linia del texto), a su derecha el texto telefono (o el que sea) y debajo de este el número de telefono (o el mail o lo que toque). El diseñador quiere cada grupo ( o sea, el grupo telefono con el icono, el texto telefono i el número) a dos columnas, y debajo quedaría direccion ( en el pdf esta al reves pero creo q quedaría mejor (o sería más facil) poner la direccion al final, ya q la cantidad de texto es largo). Mi pregunta: podría usar tablas pero no son del todo datos propios de una tabla. Si uso listas, no se como hacer dos columnas... una opcion es meter cada li dentro de un div i segun va a la izq o derecha flotarlo. Tampoco se si no tendrian que ser listas de definicion (q nunca he entendido para que sirven), ya que tengo un texto importante i debajo la definicion... No se... quizá me estoy liando demasiado?? Gracias y perdonad q el pdf esta en catalan... pero creo q se entiende de todas formas la idea. Joan pd. Por cierto!! no mireis el codigo de la web flsida.org q da pena... lo sé... todo con tablas y un código terrible... en ese momento sabia lo que sabia! ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Porque no me funciona el RollOver
Hola a todos y gracias por sus respuestas: Bueno les cuento que no tenía ni idea de que poniendo la propiedad display:block lograba que el LI me ocupase el tamaño de la imagen. Más o menos ya he optimizado un poco mi CSS. Bueno ahora el hecho del RollOver. Si se dieron cuenta en el HTML que les envie lo que tengo es una imagen con un vínculo en cada elemento LI, por ejemplo aquí: li class=li0 id=li0a href=#img src=img/img_r2_c1.png alt= //a/li Ahora se preguntarán porque no usar una imagen de fondo y arriba poner el texto con el enlace y así lograr fácilmente el efecto que quiero, pues bien el caso es que el diseñador me ha dado las imágenes con texto y todo por lo que no debo ponerle por encima otro texto, primero porque no tendría lógica y luego porque se vería un poco feo. El tutorial que me deja Yurkevich está muy bueno y me ha enseñado unas cuantas cosas pero no sirve para mi caso ya que como dije ante son imágenes. Alguna otra sugerencia o idea? Salu2 -- ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] que etiquetas usar para maquetar unos datos a 2 columnas?
Joan:
Espero que andes bien.
A mí no me gusta para abusar del posicionamiento absoluto, pero me
parece que en este caso, si estás teniendo problemas para encontrarle la
vuelta, lo que podés hacer es posicionar cada uno de los objetos de
forma absoluta.
Pensado my a la ligera, podrías hacer algo por el estilo... suponete
que decidís utilizar una ul
ul id=datos_contacto
li id=telLALA/li
li id=faxLALA/li
li id=correuLALA/li
li id=webLALA/li
li id=adrecaLALA/li
/ul
Y en los estilos:
#datos_contacto {
position: relative;
}
#tel {
position: absolute;
top: 0;
left: 0;
list-style: none;
}
#fax {
position: absolute;
top: 50px;
left: 0;
list-style: none;
}
#correu {
position: absolute;
top: 150px;
left: 0;
list-style: none;
}
#web {
position: absolute;
top: 0;
left: 100px;
list-style: none;
}
#adreca {
position: absolute;
top: 50px;
left: 100px;
list-style: none;
}
Es un abuso de posicionamiento absoluto, y definitivamente un abuso de
IDs. Habría que pensar si hay otra manera mejor, pero se me ocurre que
esta debiera funcionar sin problemas.
El contenedor (que en este caso es el ul #datos_contacto), debe tener
posicionamiento relativo, para que sus descendientes tomen las
coordenadas absolutas a partir de sus bordes, y no del body.
espero que te sirva!
saludos,
Lucas
--
===
LucasMourelle - desarrollos rgb
===
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===
Joan wrote:
Hola buenas,
desde hace un tiempo (sobretodo desde que sigo esta lista!!) intento crear
mis páginas web lo más semánticamente correctas. Muchas veces me encuentro
con problemas para escoger qué etiquetas se ajustan mejor al contenido. Lo
que he de maquetar está en un pdf (enviado por el diseñador) en esta web
(que es la que renovamos): http://www.flsida.org/pdf/contactos.pdf (no se
si es correcto en la lista apuntar a un pdf para enseñar un ejemplo.
Disculpen si no es así). Por si preferís no ver el pdf os explico:
tengo 5 datos de contacto: telef, fax, web, mail i direccion. Cada uno tiene
un pequeño icono (del tamaño de la linia del texto), a su derecha el texto
telefono (o el que sea) y debajo de este el número de telefono (o el mail
o lo que toque). El diseñador quiere cada grupo ( o sea, el grupo telefono
con el icono, el texto telefono i el número) a dos columnas, y debajo
quedaría direccion ( en el pdf esta al reves pero creo q quedaría mejor (o
sería más facil) poner la direccion al final, ya q la cantidad de texto es
largo).
Mi pregunta: podría usar tablas pero no son del todo datos propios de una
tabla. Si uso listas, no se como hacer dos columnas... una opcion es meter
cada li dentro de un div i segun va a la izq o derecha flotarlo. Tampoco se
si no tendrian que ser listas de definicion (q nunca he entendido para que
sirven), ya que tengo un texto importante i debajo la definicion...
No se... quizá me estoy liando demasiado??
Gracias y perdonad q el pdf esta en catalan... pero creo q se entiende de
todas formas la idea.
Joan
pd. Por cierto!! no mireis el codigo de la web flsida.org q da pena... lo
sé... todo con tablas y un código terrible... en ese momento sabia lo que
sabia!
___
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://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://ovillo.org/mailman/listinfo/ovillo
