PDA

Ver la versión completa : Duda novato edicion web



crossmax
14/11/2009, 02:06
Buenas!
Estoy administrando una plataforma de estudio llamada moodle y estaba intentando modificar un poco el aspecto web que tiene. Me gusta un theme pero tengo que añadirle unos logos y demas.
El problema es que tiene un css que te cagas de tocho y cantidad de div. Y cuando le meto mano no acabo de dejarlo fino del todo, bueno, a decir verdad lo dejo hecho una chapuza.
Mi pregunta es:
Si hay un div (cabecera), que contiene tres mas (2 pegados a la izq y el otro pegado a la derecha) que cambia su tamaño (mueve los div internos) segun el tamaño de ventena, ¿como puedo hacer para que tenga un tamaño minimo?
El problema es que si yo meto una imagen de fondo en la cabecera, se me descojona a nada que cabie un poco el tamaño del navegador.
Os dejo parte del codigo por si os es mas facil ayudarme con él:

<div id="page">

<?php if (!$inpopup) {
if ($home) { // This is what gets printed on the home page only
?>
<?php print_container_start(true, '', 'header-home'); ?>
<h1 class="headermain"><img alt="logo uni" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/pix/uni.png"/><img alt="logo arq" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/pix/aqr.png"/></h1>
<div class="headermenu"><?php echo $menu ?><img alt="logo escudo" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/pix/escudo.gif"/></div>
<?php print_container_end(); ?>
<?php } else if ($heading) { // This is what gets printed on any other page with a heading
?>
<?php print_container_start(true, '', 'header'); ?>
<h1 class="headermain"><img alt="logo arq" src="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/pix/aqr.png" /></h1>
<div class="headermenu"><?php echo $menu ?></div>
<div class="navbar clearfix">
<?php if ($navigation) { // This is the navigation table with breadcrumbs
?>
<div class="breadcrumb"><?php print_navigation($navigation); ?></div>
<div class="navbutton"><?php echo $button; ?></div>
<?php } ?>
</div>
<?php print_container_end(); ?>
<?php }
}
?>


Cualquier intento de ayuda sera agradecido!

^MiSaTo^
14/11/2009, 02:20
Para que un div tenga un tamaño mínimo edita el CSS y en la clase que use el div pon:
min-height: Npx;
min-width: Mpx;
donde N y M es el tamaño en píxeles que quieres que tenga ;)
Por ejemplo si quieres un div de 200x100 de la clase "headermenu" (que veo que está por ahí) deberías tener:

.headermenu {
min-height: 100px;
min-width: 200px;
}
Espero que esto te ayude :brindis:

Karkayu
14/11/2009, 12:23
Para que un div tenga un tamaño mínimo edita el CSS y en la clase que use el div pon:
min-height: Npx;
min-width: Mpx;
donde N y M es el tamaño en píxeles que quieres que tenga ;)
Por ejemplo si quieres un div de 200x100 de la clase "headermenu" (que veo que está por ahí) deberías tener:

.headermenu {
min-height: 100px;
min-width: 200px;
}
Espero que esto te ayude :brindis:

Cuidado con esas propiedades que no van del todo bien en Internet Explorer (y nos guste o no, las paginas deben verse bien en todos los navegadores).

Ahi muchas formas de "adaptar" lo que ha dicho Misato para que vaya en IE. Te pongo la primera que me ha salido en google:

http://www.webmasterlibre.com/2006/08/04/tamanos-minimos-y-explorer/

Un saludo
:brindis:

crossmax
14/11/2009, 14:00
Ok, gracias a los dos!!!
Mas o menos ya lo tengo aceptablemente para ir tirando.
He metido el "!important" por si las moscas.

Mil gracias