elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Guía actualizada para evitar que un ransomware ataque tu empresa


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  html y resolución de pantalla
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: html y resolución de pantalla  (Leído 4,674 veces)
dani1843

Desconectado Desconectado

Mensajes: 74



Ver Perfil
html y resolución de pantalla
« en: 14 Diciembre 2010, 21:59 pm »

Bueno, se que hay muchos temas sobre esto, pero no consigo hacer que la pagina se vea igual para todos. Me explico, tengo el fondo de pantalla auto-ajustable a la resolución, pero lo que son las imágenes, el texto etc, no hay manera de que se hagan pequeños. Tengo la pagina distribuida en tablas, estas "creo" que están en %, al menos cuando me dice de crearlas pongo % en vez de px. Creo que es por culpa de las imágenes.

Dejo el código:

Citar
<!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>Clan rebellion</title>
<style type="text/css">
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-image:url(Images/Wallpaper%20Final.jpg);
   background-position: center top;
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-color: #fcfcfc;
    font-family:Arial;
   font-size:12px;
   
   }
</style>
</head>

<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"  style="border:0 #666 1px;">
  <tr>
    <td width="25%" align="center" valign="top"><p><img src="Images/ts3.png" width="222" height="26" alt="ts3" /></p>
      <p><p>&nbsp;</p>
        <p>&nbsp;<script type="text/javascript">
<!--
var ouvert = 1;
var style = "headset";
var couleur_fond = "000000";
var couleur_texte = "FFFFFF";
var largeur = 390;
var hauteur = 350;
var ip = "ts3.iberbit.es";
var port = 10026;
var query = 10011;
var lang = "en";
var taille_police = 12;
var voir_salons = 1;
var image = "http://imoeventos.com/sitebuilder/images/fondo_negro-760x1037.png";
//-->
</script>
<script type="text/javascript" src="http://www.ts3-serveur.com/web_script/webscript_ts3.js"></script>&nbsp;</p>
      <p>&nbsp;</p>
      <p><img src="Images/afili.png" width="222" height="26" alt="afiliados" />           
      <p><a href="elorigendetodo.blogspot.com/"><img src="Images/el fin.png" width="222" height="59" alt="elfian" /></a>           
      <p><a href="http://elecodelamusica.blogspot.com/"><img src="Images/eco.png" width="222" height="59" alt="eco musica" /></a>           
     
   
    <td width="50%"><p><img src="Images/rebellion.png" width="859" height="116" alt="rebellion" /></p>
    <center>
    <p><img src="Images/noticias.png" width="857" height="26" alt="noticias" />   
    <center>
      <table width="91%" border="0">
        <tr>
          <td width="17%"><a href="http://www.clanrebellion.com/foro/index.php?/topic/23-bad-company-2-vietnam-tendra-un-5%C2%BA-mapa-operacion-hastings-desbloqueable/"><img src="Images/Operacion.jpg" width="100" height="89" alt="operacion hasting" /></a></td>
          <td width="83%" align="left" valign="top"> <p><strong>Bad Company 2 Vietnam tendrá un 5º mapa &quot;Operación Hastings&quot; desbloqueable! </strong></p>
            <p> El mapa, Operación Hastings, se une a los ya anunciados Colina 137, Posición Estratégica, Valle de Phu Bai y Templo de Cao Son. Quizás alguno lo reconozca, ya que Operación Hastings era uno de los mapas más conocidos...</p></td>
        </tr>
  </table>
      <table width="91%" border="0">
        <tr>
          <td width="17%" height="95"><a href="http://www.clanrebellion.com/foro/index.php?/topic/25-battlefield-bad-compnay-2-vietnam-gameplay/"><img src="Images/Vietnam Gameplay.jpg" width="100" height="89" alt="vietnam gameplay" /></a></td>
          <td width="83%" align="left" valign="top"> <p> <strong>Battlefield: Bad Compnay 2 Vietnam Gameplay. </strong></p>
            <p>Ya queda muy poco para poder jugar a la expansion de Bad Company 2: Vietnam.  Para ir abriendo boca, un nuevo video lleno de acción interpretado por los chicos de DICE...</p></td>
        </tr>
      </table>
      <table width="91%" border="0">
        <tr>
          <td width="17%" height="95"><a href="http://www.clanrebellion.com/foro/index.php?/topic/32-anadidos-nuevos-videos-gameplay/"><img src="Images/nuevos vietnam.jpg" width="100" height="89" alt="nuevo vietnam" /></a></td>
          <td width="83%" align="left" valign="top"> <p><strong>Añadidos nuevos videos gameplay. </strong></p>
            <p> 1.<a href="http://www.youtube.com/watch?v=PPSp4Pen1cE" title="External link" rel="nofollow external">Battlefield: Bad Company 2 Vietnam Cao Son Temple Gameplay Movie</a> </p>
            <p>Más después del corte.</p></td>
        </tr>
      </table>
      <table width="91%" border="0">
        <tr>
          <td width="17%" height="91"><a href="http://www.clanrebellion.com/foro/index.php?/topic/13-actualizar-pb/"><img src="Images/Pb.jpg" width="100" height="89" alt="pb" /></a></td>
          <td width="83%" align="left" valign="top"><p><strong>Actualizar   PunkBuster.</strong></p>
            <p>¿Harto de los cortes por culpa de punkbuster? </p>
            <p>Actualízate después  del salto…</p></td>
        </tr>
      </table>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p><a href="http://contador-de-visitas.com"><img style="border: 0px solid ; display: inline;" alt="contador de visitas"
   src="http://contador-de-visitas.com/hit.php?id=645945&amp;counter=0" /></a></p>&nbsp;</p>
    </center>
    <div align="center"></div></p></td>
        <td width="25%" align="center" valign="top"><p><img src="Images/foro2.png" width="222" height="26" alt="foro" /></p>
        <p><a href="http://www.clanrebellion.com/foro/"><img src="Images/enter.png" width="248" height="134" alt="enter" /></a></p>
        <p><img src="Images/server.png" width="222" height="26" alt="server" /></p>
        <p><p><a href="http://www.clanrebellion.com/foro/"></a><iframe src="http://cache.www.gametracker.com/components/html0/?host=93.93.65.37:19568&bgColor=333333&fontColor=CCCCCC&titleBgColor=222222&titleColor=FF9900&borderColor=555555&linkColor=FFCC00&borderLinkColor=222222&showMap=1&currentPlayersHeight=100&showCurrPlayers=1&topPlayersHeight=100&showTopPlayers=1&showBlogs=0&width=240" frameborder="0" scrolling="no" width="240" height="536"></iframe></p>
    <p>&nbsp;</p></td></p>&nbsp;</p>
        <p><a href="elorigendetodo.blogspot.com/"></a></p>
        <p><a href="http://elecodelamusica.blogspot.com/"></a></p>
       
</p></td>
  </tr>
</table>
</body>
</html>

A ver si me podéis ayudar, muchas gracias.


En línea

catriel10

Desconectado Desconectado

Mensajes: 13


Ver Perfil
Re: html y resolución de pantalla
« Respuesta #1 en: 16 Diciembre 2010, 03:00 am »

Yo tengo un codigo pero es para que se auto-ajuste solo las imagenes de fondo de pantalla. nose si te sirva:


Código:
<style type="text/css">
html, body {width:100%; height:100%; padding:0; margin:0; background:#000000;}
body {
font-family:verdana, arial, sans-serif; font-size:12px;
background-image: url(back.png);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}
scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
content {padding:5px 300px 20px 200px;}
p {line-height:22px; text-align:justify;}
fixed {position:absolute; top:0px; left:0px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>


En línea

dani1843

Desconectado Desconectado

Mensajes: 74



Ver Perfil
Re: html y resolución de pantalla
« Respuesta #2 en: 16 Diciembre 2010, 23:36 pm »

muchas gracias, pero no XD, el caso es que tengo la tabla puesta en % pero por culpa de las imágenes que están dentro no se reduce, no sabréis como hacer que las imágenes se reduzcan con la tabla ?
En línea

4rkn63l

Desconectado Desconectado

Mensajes: 199



Ver Perfil
Re: html y resolución de pantalla
« Respuesta #3 en: 30 Diciembre 2010, 02:35 am »

una recomendacion...mejor utiliza divs junto con CSS en vez de tablas, te resultara mucho mas facil el diseño y podras examinar bien donde necesitas realizar ajustes.
« Última modificación: 30 Diciembre 2010, 02:38 am por 4rkn63l » En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Resolucion de pantalla
Programación Visual Basic
renga73 1 1,430 Último mensaje 7 Junio 2006, 11:36 am
por SheKeL_C$
Resolucion de pantalla
Programación Visual Basic
Nodles 4 3,486 Último mensaje 9 Junio 2008, 15:55 pm
por cobein
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines