[tableau html] reconstitution kit graphique
antic80
Messages postés
4785
Date d'inscription
Statut
Contributeur
Dernière intervention
-
king -
king -
bonjour
voila j'ai créé avec photoshop un petit kit graphique que j'ai séparé en 3 parties (banniere , menu , contenu)
j'ai ensuite crée une page html avec un tableau pour replacer mes différentes parties
^la banniere ce place bien tout comme le menu mais le contenu je n'arrive pas a le mettre
voila le code de la page
<html>
<head>
<title></title>
</head>
<body>
<table border="0" bgcolor="" width="800px" cellpadding="0" cellspacing="0">
<tr>
<td width="" ><img border="0" src="banniere.gif" alt=""></td>
</tr>
<tr>
<td width="" ><img border="0" src="menugauche.gif" alt=""></td>
<td width="" ><img border="0" src="contenu.gif" alt=""></td>
</tr>
</table>
</body>
</html>
merci de me dire ce que j'ai oublié
voila j'ai créé avec photoshop un petit kit graphique que j'ai séparé en 3 parties (banniere , menu , contenu)
j'ai ensuite crée une page html avec un tableau pour replacer mes différentes parties
^la banniere ce place bien tout comme le menu mais le contenu je n'arrive pas a le mettre
voila le code de la page
<html>
<head>
<title></title>
</head>
<body>
<table border="0" bgcolor="" width="800px" cellpadding="0" cellspacing="0">
<tr>
<td width="" ><img border="0" src="banniere.gif" alt=""></td>
</tr>
<tr>
<td width="" ><img border="0" src="menugauche.gif" alt=""></td>
<td width="" ><img border="0" src="contenu.gif" alt=""></td>
</tr>
</table>
</body>
</html>
merci de me dire ce que j'ai oublié
A voir également:
- [tableau html] reconstitution kit graphique
- Tableau word - Guide
- Tableau ascii - Guide
- Changer carte graphique - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
9 réponses
Pour le contenu (la cellule donc), faut mettre l'image en background (ça n'a point l'air d'être le cas).
j'aimerai aussi savoir une chose
j'essaie d'obtenir le meme resultat a partir des CSS mais quand j'indique au niveau de la hauteur des images 100% ca ne marche mes images sont rétrécis
pourquoi ??
j'essaie d'obtenir le meme resultat a partir des CSS mais quand j'indique au niveau de la hauteur des images 100% ca ne marche mes images sont rétrécis
pourquoi ??
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
voila je reviens avec le code css
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.banniere{
width:780px;
height:118px;
background-image: url("banniere.gif");
}
.menu{
background-image: url("menugauche.gif");
height:682px;
width:260px;
float: left;
}
.contenu{
margin-left:260px;
height:680px;
width:500px;
background-image: url("contenu.gif");
}
et voici le code de la page html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" media="screen" href="test.css">
<title>Formulaire Hygiene</title>
</head>
<body>
<div class="global">
<div class="banniere">
</div>
<div class="menu">
</div>
<div class="contenu">
</div>
</div>
</body>
</html>
le probleme ici encore j'ai la banniere et le menu bien mais le cadre contenu est décallé en dessous
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.banniere{
width:780px;
height:118px;
background-image: url("banniere.gif");
}
.menu{
background-image: url("menugauche.gif");
height:682px;
width:260px;
float: left;
}
.contenu{
margin-left:260px;
height:680px;
width:500px;
background-image: url("contenu.gif");
}
et voici le code de la page html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" media="screen" href="test.css">
<title>Formulaire Hygiene</title>
</head>
<body>
<div class="global">
<div class="banniere">
</div>
<div class="menu">
</div>
<div class="contenu">
</div>
</div>
</body>
</html>
le probleme ici encore j'ai la banniere et le menu bien mais le cadre contenu est décallé en dessous
j'aimerai savoir aussi
mon kit est fait avec une dimension de 780 * 580 pour que ca marche avec les resolutions 800*600 mais comment ca se passe pour les resolutions supérieurs comment je dois faire pour que ca s'adapte
mon kit est fait avec une dimension de 780 * 580 pour que ca marche avec les resolutions 800*600 mais comment ca se passe pour les resolutions supérieurs comment je dois faire pour que ca s'adapte
En gros si le site s'adapte à la résolution, ben il s'adapte pour toutes les résolutions, de l'écran rikiki à l'écran de la taille d'un terrain de foot. Ce qui peut devenir vachement ingérable si tu souhaites conserver une certaine mise en page.
(suffit de mettre les tables ou DIV en % ou ne rien mettre, dans ce cas, ça s'adapte au contenu)
L'autre solution est de faire plusieurs versions fixes et de mettre un script de détection de résolution. Ce qui permet de conserver la mise en page comme tu la souhaites, cependant, vu le nombre de résolutions en cours, ça risque d'être fastidieux. Faudra se contenter des versions: 800, 1024 et 1280 ou 1600 par exemple (vu qu'il y a encore plus grand).
(suffit de mettre les tables ou DIV en % ou ne rien mettre, dans ce cas, ça s'adapte au contenu)
L'autre solution est de faire plusieurs versions fixes et de mettre un script de détection de résolution. Ce qui permet de conserver la mise en page comme tu la souhaites, cependant, vu le nombre de résolutions en cours, ça risque d'être fastidieux. Faudra se contenter des versions: 800, 1024 et 1280 ou 1600 par exemple (vu qu'il y a encore plus grand).
Oui et non, si tu la fais en extensible au débart, suffit de bloquer le contenant à la taille souhaitée dans ce cas. Le reste (contenu) va se fixer sur le contenant parent.
Donc que ce soit un DIV ou une table, si tu fixes le contenant (celui qui englobe le tout, ben le reste va suivre). Pour les DIV faut s'assurer qu'ils dépendent bien du DIV 1 (celui qui fait le périmètre du site, si je peux dire). :-)
Donc que ce soit un DIV ou une table, si tu fixes le contenant (celui qui englobe le tout, ben le reste va suivre). Pour les DIV faut s'assurer qu'ils dépendent bien du DIV 1 (celui qui fait le périmètre du site, si je peux dire). :-)
