Visualización
Hice una página para un una universidad que me pidieron tero tengo problemas con la visualización esta es la dirección http://163.10.0.155/webproyecto2006/folder10/
Tengo problemas con los <div></div> y con las imágenes degrade si a la pantalla le pongo una resoluccion baja se ve todo mal es un desastre o si a la ventana la achico se ve muy mal como uno encima del otro me encataria que le des un vistazo o sino te paso mis archivos que uso mi email es [email protected] lo uso para el correo y para chatear uso el msn es [email protected]
Y por ultimo que es gotolive nunca escuche de el bueno espero la respuesta
Tengo problemas con los <div></div> y con las imágenes degrade si a la pantalla le pongo una resoluccion baja se ve todo mal es un desastre o si a la ventana la achico se ve muy mal como uno encima del otro me encataria que le des un vistazo o sino te paso mis archivos que uso mi email es [email protected] lo uso para el correo y para chatear uso el msn es [email protected]
Y por ultimo que es gotolive nunca escuche de el bueno espero la respuesta
1 respuesta
Respuesta de buzu
1
Para empezar creo que podrías hacer un código más limpio, por ejemplo, no hay necesidad de poner la imagen de la cabecera en un div, y no uses p vacíos, eso no es el problema, pero no es una buena practica tampoco, el problema esta en que estas asignando el valor de tamaño en % eso te va a dar problemas cuendo haces este tipo de diseño, estas manejando un diseño liquido en un estático y no se puede, cambia el valor de% a pixeles (px) siempre es una buen practica colocar un div contenedor, que es exactamente en donde ira todo, dentro de ese div, aasi solo asignas un width en pxeles y listo, te digo la solución es simple solo cambia los valores de % a pixeles y ajustalos a la medida, trata de no asignar, a menos que sea necesario un valor de heigth o ponerlo en auto, así se ajusta y aun que el texxto o contendió se reacomode, también lo hará tu div, dando la apariencia que el texto o contenido sigue dentro del div.
Por ultimo gotolive no se que sea, pero me imagino que trataste de decir golive,
bueno si es así, golive es un editor web con interfaz gráfica, en el que básicamente arrastras elementos a una ventana para ir armando tu layout, si ya empezaste a hacer sitios con puro código, no te recomiendo que uses un programa de ese tipo, aun que se me ocurre que tal vez estés usando un dream weaber o algo parecido, pues golibe es lo mismo, por ultimo vuelvo a recomendarte que limpies tu código, te dará una página más ligera y cuando alguien revise el código te dará mayor presentación.
Por ultimo gotolive no se que sea, pero me imagino que trataste de decir golive,
bueno si es así, golive es un editor web con interfaz gráfica, en el que básicamente arrastras elementos a una ventana para ir armando tu layout, si ya empezaste a hacer sitios con puro código, no te recomiendo que uses un programa de ese tipo, aun que se me ocurre que tal vez estés usando un dream weaber o algo parecido, pues golibe es lo mismo, por ultimo vuelvo a recomendarte que limpies tu código, te dará una página más ligera y cuando alguien revise el código te dará mayor presentación.
Gracias amigo puede ser que mi código este muy sucio recién empiezo en esto por eso te pido ayuda hice esos cambios pero si saco el div cabecera no tengo más la cajita de cabecera que adentro tengo la imagen y el titulo, lo que si hice fue sacar el el div de logoizq pero la foto se fue para arriba y el titulo para abajo. Después lo que hice fue sacar los height solo deje los width pero si agrando o achico la letra me queda todo mal. Otra si minimizo la ventana y voy achicando la ventana la letras de la cabecera se salen de la cajita si quieres ver los cambios como quedaron no mires más en la página que te di antes http://163.10.0.155/webproyecto2006/folder10/ porque no puedo subir más por un tiempo si quieres te mando los archivos por mail pero no se el tuyo el mio es [email protected] o sino te paso por acá así:
----------------------------
index.php
----------------------------
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" rel="stylesheet" type="text/css">
<link rel="icon" href="imagenes/pencil.ico" type="image/x-icon" />
<SCRIPT text="text/javascript" src="validardatos.js"></SCRIPT>
<noscript>Esta página contiene scripts </noscript>
<title>Sistema de Convenios</title>
</head>
<div id="cabecera">
<img src="imagenes/Facultad.jpg" alt="Universidad" >
<h1> Gestion de convenios de la Universidad Nacional de La Plata</h1>
</div>
<div id="navegador">
<?php echo date("d/m/Y h:i");?>
</div>
<div id="cuerpo">
<h1>Proyecto desarrollo</h1>
<div id="texto"> La Universidad de La Plata firma numerosos convenios con distintas organizaciones.
Estos pueden ser convenios marcos, de pasantías, de colaboración, etc.
Cada convenio tiene una fecha, una vigencia (en meses o años), la entidad firmante y
Puede tener una unidad ejecutora. Muchas veces estos convenios tienen un origen en
Alguna Unidad Académica, y otras veces en la misma Presidencia.
Cada entidad que firma un convenio con la UNLP tiene: nombre y DNI del
responsable, CUIT y domicilio.<br><br>
Se desea implementar un sistema que permita la gestión de estos convenios como así
también de las entidades firmantes.</div>
</div>
<div id="columnader">
<div id="usu">Usuarios Registrados</div>
<div id="login">
<form name="form1" id="form1" action="ingresar.php" method="post">
<label for="usuario"><span>Usuario:</span></label>
<span id="nombreusuario"> <input name="usuario" id="usuario" type="text" size="20" maxlength="20"/><br/></span>
<label for="pass"><span>Password:</span></label>
<input name="pass" id="pass" type="password" size="20" maxlength="20"/><br/>
<input TYPE="button" onclick="validar(this);" CLASS="boton" VALUE="Ingresar" size="10"><br/>
</form>
</div>
<div id="sectionLinks">
<h3>Listados</h3>
<a href="listado1.php">Convenios por organismos (en totales y detallado) </a>
<a href="listado2.php">Convenios por tipo (de cooperación, de pasantías,etc)</a>
<a href="listado3.php">Convenios por unidad ejecutora (en caso de contar con ese dato)</a>
</div>
</div>
</html>
---------------------------------------
stilo2.css
---------------------------------------
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
padding-left:50px;
background-image:url('imagenes/bto2.jpg');
font-weight: bold;
text-decoration:none;
color: #000000;
}
#derecha a {
font-size:19px;
padding-right:5px;
text-decoration:none;
float:right;
clear:right;
color: #000000;
}
#sectionLinks a:hover{
border-top: 1px solid #ffffff;
background-image: url('imagenes/atras.jpg');
}
#indatos{
padding-bottom:10px;
padding-left:7px;
padding-right:5px;
padding-top:6px;
}
#nombreusuario{
padding-left:13px;
}
#bienvenido{
text-align:center;
font-family:verdana;
}
#login{
padding-left:30px;
padding-right:5px;
padding-top:20px;
}
#usu{
font-size:19px;
text-align:center; }
#izquierda{
clear:left;
float:left;
}
logoizq {
clear:left;
float:left;
padding-top:13px;
padding-bottom:10px;
padding-right:1%;
padding-left:3%;
}
#posicionarTitulo {
padding-top:22px;
padding-bottom:22px;
text-align:center;
}
#cabecera {
width: 1038px;
background:url('imagenes/logo4.jpg') repeat-x;
color:#black;
}
#navegador{
background:url('imagenes/dibujo.jpg') repeat-x;
padding :3px 10px 5px 10px;
}
#cuerpo {
width:738px;
float:left;
background:url('imagenes/fondo3.jpg') repeat;
}
#columnader {
width:300px;
float:right;
background: url('imagenes/colder.jpg') repeat;
}
#datosincorrectos{
font-size:18px;
color:red;
text-align:center;
}
#listado td{
width:175px;
text-align:center;
font-weight:bold;
padding :3px 10px 5px 10px;
}
#texto{
padding-left:2%;
padding-top:2%;
padding-bottom:2%;
padding-right:2%;
font-size:14px;
font-family:verdana;
}
body {
margin:10px 10px 0px 10px;
padding:4% 8% 4% 8%;
background: url('imagenes/body.gif');
}
----------------------------
index.php
----------------------------
<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" rel="stylesheet" type="text/css">
<link rel="icon" href="imagenes/pencil.ico" type="image/x-icon" />
<SCRIPT text="text/javascript" src="validardatos.js"></SCRIPT>
<noscript>Esta página contiene scripts </noscript>
<title>Sistema de Convenios</title>
</head>
<div id="cabecera">
<img src="imagenes/Facultad.jpg" alt="Universidad" >
<h1> Gestion de convenios de la Universidad Nacional de La Plata</h1>
</div>
<div id="navegador">
<?php echo date("d/m/Y h:i");?>
</div>
<div id="cuerpo">
<h1>Proyecto desarrollo</h1>
<div id="texto"> La Universidad de La Plata firma numerosos convenios con distintas organizaciones.
Estos pueden ser convenios marcos, de pasantías, de colaboración, etc.
Cada convenio tiene una fecha, una vigencia (en meses o años), la entidad firmante y
Puede tener una unidad ejecutora. Muchas veces estos convenios tienen un origen en
Alguna Unidad Académica, y otras veces en la misma Presidencia.
Cada entidad que firma un convenio con la UNLP tiene: nombre y DNI del
responsable, CUIT y domicilio.<br><br>
Se desea implementar un sistema que permita la gestión de estos convenios como así
también de las entidades firmantes.</div>
</div>
<div id="columnader">
<div id="usu">Usuarios Registrados</div>
<div id="login">
<form name="form1" id="form1" action="ingresar.php" method="post">
<label for="usuario"><span>Usuario:</span></label>
<span id="nombreusuario"> <input name="usuario" id="usuario" type="text" size="20" maxlength="20"/><br/></span>
<label for="pass"><span>Password:</span></label>
<input name="pass" id="pass" type="password" size="20" maxlength="20"/><br/>
<input TYPE="button" onclick="validar(this);" CLASS="boton" VALUE="Ingresar" size="10"><br/>
</form>
</div>
<div id="sectionLinks">
<h3>Listados</h3>
<a href="listado1.php">Convenios por organismos (en totales y detallado) </a>
<a href="listado2.php">Convenios por tipo (de cooperación, de pasantías,etc)</a>
<a href="listado3.php">Convenios por unidad ejecutora (en caso de contar con ese dato)</a>
</div>
</div>
</html>
---------------------------------------
stilo2.css
---------------------------------------
#sectionLinks a:link, #sectionLinks a:visited {
display: block;
padding-left:50px;
background-image:url('imagenes/bto2.jpg');
font-weight: bold;
text-decoration:none;
color: #000000;
}
#derecha a {
font-size:19px;
padding-right:5px;
text-decoration:none;
float:right;
clear:right;
color: #000000;
}
#sectionLinks a:hover{
border-top: 1px solid #ffffff;
background-image: url('imagenes/atras.jpg');
}
#indatos{
padding-bottom:10px;
padding-left:7px;
padding-right:5px;
padding-top:6px;
}
#nombreusuario{
padding-left:13px;
}
#bienvenido{
text-align:center;
font-family:verdana;
}
#login{
padding-left:30px;
padding-right:5px;
padding-top:20px;
}
#usu{
font-size:19px;
text-align:center; }
#izquierda{
clear:left;
float:left;
}
logoizq {
clear:left;
float:left;
padding-top:13px;
padding-bottom:10px;
padding-right:1%;
padding-left:3%;
}
#posicionarTitulo {
padding-top:22px;
padding-bottom:22px;
text-align:center;
}
#cabecera {
width: 1038px;
background:url('imagenes/logo4.jpg') repeat-x;
color:#black;
}
#navegador{
background:url('imagenes/dibujo.jpg') repeat-x;
padding :3px 10px 5px 10px;
}
#cuerpo {
width:738px;
float:left;
background:url('imagenes/fondo3.jpg') repeat;
}
#columnader {
width:300px;
float:right;
background: url('imagenes/colder.jpg') repeat;
}
#datosincorrectos{
font-size:18px;
color:red;
text-align:center;
}
#listado td{
width:175px;
text-align:center;
font-weight:bold;
padding :3px 10px 5px 10px;
}
#texto{
padding-left:2%;
padding-top:2%;
padding-bottom:2%;
padding-right:2%;
font-size:14px;
font-family:verdana;
}
body {
margin:10px 10px 0px 10px;
padding:4% 8% 4% 8%;
background: url('imagenes/body.gif');
}
[email protected]
En este momento estoy en el msn
En este momento estoy en el msn
Por cierto, yo no me refería al div de la cabecera, sino al de l a imagen... la de la foto de la facultad
mi mail es [email protected]
Si saco el div de la imagen la imagen se va para arriba y el titulo para abajo así no me gusta yo quiero la imagen a la izq y el titulo a lado de la imagen
Si saco el div de la imagen la imagen se va para arriba y el titulo para abajo así no me gusta yo quiero la imagen a la izq y el titulo a lado de la imagen
Si, debes quitar el div y asignarle el id o class a la imagen, el que usabas para flotar el div a la izquierda...
