Design dynamic
hack_net
Messages postés
814
Statut
Membre
-
hack_net Messages postés 814 Statut Membre -
hack_net Messages postés 814 Statut Membre -
Bonjour,
Je cherche à faire un design dynamic, c'est à dire expenssible (je veut que quelque soit la résolution, la page prenne 100%).
J'ai crée une page, et tout marche, mais un élément dans le tableau (corps) ne se positionne pas correctement selon la résolution de l'écrant.
Voici le code de la page :
Et celui du CSS :
Voila. Quelqu'un as-t-il une solution ? Merci d'avance...
Je cherche à faire un design dynamic, c'est à dire expenssible (je veut que quelque soit la résolution, la page prenne 100%).
J'ai crée une page, et tout marche, mais un élément dans le tableau (corps) ne se positionne pas correctement selon la résolution de l'écrant.
Voici le code de la page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<?php include ('include/head.html'); ?>
<body>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr align="center">
<td colspan="2" rowspan="1" height="100"><div class="element_logo" id="logo"><br /><a href="/"><img src="images/entete.gif" height="70" width="807"></a></div></td>
</tr>
<tr align="center">
<td colspan="2" rowspan="1"><div id="menu_h"><?php include ('include/menu_h.html'); ?></div>
</td>
</tr>
<tr>
<td style="width: 20%;text-align: center;"><div class="element_menu_g" id="menu_g"><?php include ('include/menu_g.html'); ?></div>
</td>
<td style="width: 80%;">
<div id="corps">
<div id="titre_bloc" class="element_menu_g" ><bg>.: Présentation...</bg></div>
<h2>A qui s'adresse ce site ?</h2>
<p>A tous ! Enfin, tout ceux et celles qui aime l'informatique.<br>
En effet, il est destiné du programmeur, au geek, en passant par le débuttant, ect...<br><br></p>
<h2>Quel est son contennu ?</h2>
<p>Sont contennu est divers. On peut y trouver des programmes, des tutos, des listes de sites, ... Le contenu est a 100% légale, même si des liens visant vers des sites illégaux sont présent. En effet, un lien n'est pas jugé illégal, et nous ne sommes pas responssable de ce que vous en ferez.</p>
<h2>En conclusion</h2>
<p>Pour conclure, nous dirons qu'une seul chose... Bonne continuation !</p>
<p><br><br><br><br><span style="color:lime; float:right;">Les admin du site, Andrelec1 & Hack_Net</span><br><br></p>
</div>
</td>
</tr>
<tr align="center">
<td colspan="2" rowspan="1"><div class="element_copyright" id="copyright">
<?php include ('include/bas.html'); ?>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Et celui du CSS :
/*
Css by Andrelec1 & Hack_Net
Andrelec1@hotmail.fr & h4ck.n3t@gmail.com
-------------
Fichier éditer le : 18/o2/08
Derniére mise à jour le : 22/05/08
Fichier sous copyright
*/
/* Mises en page générales */
body{
height: auto;
width: auto;
background-image:url(images/back-body.jpg);
font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#logo{
font-size: 8px;
height: 100%;
width: 100%;
border: #000000;
background-color: black;
}
.element_logo a{
color: #000000;
}
.element_logo a:hover{
color: #000000;
}
#menu_h{
height: 27px;
width: 100%;
margin-top: 20px;
background: #c0c0c0;
}
#menu_g{
float:left;
width: 195px;
margin-top: 10px;
background-color: #444444;
border: 1px solid #666666;
height:auto;
min-height: 100px;
margin-bottom: 10px;
}
#titre_bloc{
padding-top: 2px;
height: 25px;
background-image: url(images/fond-titre-cellules.png);
}
.element_menu_g bg{
color: #FF9900;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
}
#corps{
float: left;
top: 28%;
position: absolute;
width: 77.7%;
background: #333333;
border: 1px solid #666666;
height: auto;
}
#copyright{
position: absolute;
height: 100px;
width: 100%;
margin-top: 20px;
padding-top: 16px;
background-image: url(images/copyright.png);
background-repeat: repeat-x;
text-align: center;
color: #FFFFFF;
font-family: Arial;
}
a{
font-weight: bold;
color: #FFFFFF;
}
a:hover{
color: #FF9900;
}
img{
border: 0px;
}
Voila. Quelqu'un as-t-il une solution ? Merci d'avance...
A voir également:
- Design dynamic
- Dynamic ras - Forum Réseau
- Dynamic island realme - Accueil - Guide Android
- Azura home design avis ✓ - Forum Consommation & Internet
- Enlever stb refsw design - Forum Ecran
- Home design jeux gratuit - Télécharger - Divers Jeux
