Me pueden pasar un manual de <div>

kekys · #1 (**permalink**) 02/04/2011, 04:10

Hola chicos quiero hacer una pagina web y vi lo de <div> y parece interesante pero aver si se puede hacer esto

yo hago 2 divisiones con did y en una cargo un html qe sera el indice y el la otra es donde se cargara cada html del indice ej: a la izquierda pone fotos pues en la 2 division salen las fotos pero se carga esa zona me entendeis :D???

otra cosa, como haria una pagina como www.voll.com

gracias

C2am · #2 (**permalink**) 02/04/2011, 07:20

Hola
Te dejo un enlace: www.librosweb.es
Lee el Introduccion al xhtml, e introduccion a Css.

Ahora lo que planteas no se puede hacer solo con html y css, es necesario utilizar ajax que es una combinacion de jscript y php.

kekys · #3 (**permalink**) 02/04/2011, 11:31

dejemos lo de voll a sido una paranoya :D digo que tener dos div y en una tener un undice y en otra donde se cargara cada paginita se entiende

C2am · #4 (**permalink**) 02/04/2011, 18:29

Comencemos por el principio.
Si no quieres que se recargue TODA la página, solamente que se recargue una sección debes utilizar ajax o similares tal como mencione antes.
Si no te importa que se recargue toda la página, pues simplemente crea una plantilla o copia el html base y ve cambiando las partes que quieras cambiar.
Pero así hablando al aire esto sirve solo como orientación muy general.
Sería bueno que muestres que codigo estás usando y en base a él seguro que la ayuda será más eficiente.

kekys · #5 (**permalink**) 03/04/2011, 04:50

aver si me explico xdd
yo tengo una web con 2 div (div son divisiones no?) en uno cargo un html que sale pues fotos mm, historia etcc.. y en la otra div se cargaria ps historia.html, fotos.html es como esto mas o menos pero con div

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Men&uacute;</title>
</head>
<frameset rows=30%,*>
<frame src="Top.html" frameborder="no" noresize="noresize">
<frameset rows="*" cols=39%,61%>
<frame name="A" src="Indice.html" frameborder="no" noresize="noresize">
<frame name="B" src="Vacio.html" frameborder="no" noresize="noresize">
</frameset>
<noframes></noframes>
</html>

y luego el indice es asi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menú</title>
</head>
<DIV STYLE="position:absolute; top:4px; left:2px; width:200px; height:200px;visibility:visible z-index:1">
<a href="Indice.html"><img src="Indice.png.png" height="542"></DIV>

<DIV STYLE="position:absolute; top:27px; left:20px; width:168px; height:54px;visibility:visible z-index:2">
<a href="Historia.html" target="B"><IMG SRC="Historia.png" width="178" height="55" border=0></a></DIV>

<DIV STYLE="position:absolute; top:92px; left:42px; width:186px; height:61px;visibility:visible z-index:2">
<a href="Terminologia.html" target="B"><IMG SRC="Terminologia.png" width="193" height="61" border=0></a></DIV>

<DIV STYLE="position:absolute; top:160px; left:14px; width:203px; height:64px;visibility:visible z-index:2">
<a href="Equipamiento.html" target="B"><IMG SRC="Equipamiento.png" width="202" height="61" border=0></a></DIV>

<DIV STYLE="position:absolute; top:230px; left:29px; width:185px; height:67px;visibility:visible z-index:2">
<a href="Filosofia.html" target="B"><IMG SRC="Filosofia.png" width="214" height="66" border=0></a></DIV>

<DIV STYLE="position:absolute; top:299px; left:13px; width:200px; height:71px;visibility:visible z-index:2">
<a href="Movimientos.html" target="B"><IMG SRC="Movimientos.png" width="216" height="65" border=0></a></DIV>

<DIV STYLE="position:absolute; top:373px; left:19px; width:209px; height:62px;visibility:visible z-index:2">
<a href="Imagenes.html" target="B"><IMG SRC="Imagenes.png" border=0></a></DIV>

<DIV STYLE="position:absolute; top:487px; left:16px; width:168px; height:59px;visibility:visible z-index:2">
<a href="Creadores.html" target="B"><IMG SRC="Desarroladores.png" width="161" height="58" border=0></a></DIV>

<DIV STYLE="position:absolute; top:445px; left:15px; width:93px; height:46px;visibility:visible z-index:2">
<a href="Entrar.html" target="_parent"><IMG SRC="Atras.png" width="103" height="51" border=0></a></DIV>
</body>
</html>

se carga en el frame llamado b me explico mejor?

maycolalvarez · #6 (**permalink**) 03/04/2011, 12:08

los DIV y los FRAME no son la misma cosa, ni se comportan igual.

para que un enlace se cargue en un FRAME correspondiente, tienes que aplicar el atributo target, para cargar contenido dinámicamente a un DIV necesitas manipularlo por medio del DOM, claro que esto lo sabe cualquiera que estudio HTML.