[tableau html] reconstitution kit graphique

Fermé
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 - 23 mars 2006 à 15:31
 king - 24 mars 2006 à 14:04
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é
A voir également:

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).
1
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
23 mars 2006 à 18:56
ok je v voir la dessus

peut tu me dire aussi par rapport au css ce qui pose probleme
1
Voir plus haut :-)
cela dit faudrait que j'essaie, suis pas spécialiste du CSS.
0
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
23 mars 2006 à 19:25
ok merci
1
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
23 mars 2006 à 15:51
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 ??
0
Ben ça va être 100% en rapport avec la taille du DIV, donc si le DIV est plus petit que l'image, l'image va s'adapter me semble (c'est le cas avec les tables). Mais là, je ne vois pas trop ce que tu essaies de faire...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
23 mars 2006 à 16:54
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
0
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 mars 2006 à 11:16
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
0
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).
0
antic80 Messages postés 4751 Date d'inscription lundi 30 mai 2005 Statut Contributeur Dernière intervention 9 septembre 2009 1 159
24 mars 2006 à 12:38
ok je vais voir ca mais pour le scirpt ca inclus que je dois faire 4 fois mon interface
0
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). :-)
0