atributos de <div> ?

toiaqui · #1 (**permalink**) 17/04/2005, 16:43

hola

alguien me puede decir todos los atributos del tag div y para que sirve?

Otra duda que tengo es si estos 'div' son lo que tambien le dicen capas.

saludos y gracias

xp64 · #2 (**permalink**) 17/04/2005, 23:03

sip, los divs mejor conocidos como capas o layers(en ingles

) tienen muchismos atributos, realmente no se si en algun lugar este escrito cuales son estrictamente sus atributos

los mas comunes

font-size
font-family
color
position
left
top
width
height
background-color
background-image

uf!!!!

realmente son muchos atributos css, en todo caso aprende css y sabras cuales te convienen

caricatos · #3 (**permalink**) 17/04/2005, 23:58

Hola toiaqui:

Los atributos "oficiales" puedes verlos en la w3.org
Uno de esos atributos es style (como indica xp64) y en la misma web http://www.w3.org puedes encontrar un enlace a los estilos.

Hay navegadores como explorer que tienen sus propios atributos, y puedes obtenerlos con el array attributes de cualquier tag div...
Ejemplo: para un div con id="div1" haces un script:

var miDiv = document.getElementById("div1");
listaAttrs = "";
for (atributo in miDiv.attributes)
listaAttrs += atributo + " = " + miDiv.attributes[atributo];

Espero haber escrito bien el código...

Aunque esos atributos otros navegadores solo los muestra si están definidos, por lo que para ver los estándar puedes usar el mismo código sin especificar el array attributes.

Es algo raro, pero puedes probar esto:

Código:

<?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" xml:lang="en" lang="en">

<head>
	<title>An XHTML 1.0 Strict standard template</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
</head>

<body>
<div id="div1">
     <p>... prueba ...</p>
</div>
<script>
var miDiv = document.getElementById("div1");
listaAttrs = "";
for (atributo in miDiv.attributes)
  listaAttrs += atributo + " = " + miDiv.attributes[atributo] + "<br/>";
document.write(listaAttrs + "<br/><u>sin usar attributes...</u><br/>");

listaAttrs = "";
for (atributo in miDiv)
  listaAttrs += atributo + " = " + miDiv[atributo] + "<br/>";
document.write(listaAttrs + "<br/>");

</script>
</body>
</html>

Puedes probarlo directamente en esta página:
http://www.pepemolina.com/probador/

Saludos

toiaqui · #4 (**permalink**) 18/04/2005, 16:44

gracias por las repuestas..ahora mismo voi a reviasar la informacion que me habeis dado

Entonces, con esta etiqueta es con lo que muchos portales ponen 'publicidad' del tipo asi que cuando se muestra la web, se ve como un area sobre la web...con publicidad y el tipico boton por ahi para cerrar, o efectos asi como en la parte superiror de la ventana...hacer como si se doblara una hoja y al darle se desplegue esta hoja y deje ver publicidad..no?

saludos y gracias neuvamente