Comment définir l'emplacement d'un tableau
dustman
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Puissiez vous m'aider s'il vous plait. Je suis actuellement entrain de réaliser un document avec une interface de navigation... enfin j'aimerais bien.. Mes problèmes sont les suivants: Je voudrais que mon interface (ni plu ni moins qu une image JPG en fond avec quelques boutons) soit commune à chaque page, c'est à dire sans avoir à la recharger en "background" pour chacune des pages.. et au sein de chaque page, au milieu de mon interface je voudrais integrer un tableau pour y mettre du texte et des images, mais j'aimerais pouvoir définir l'emplacement exact de celui ci dans la page, (chose pas evidente à faire avec mon éditeur html) et je voudrais enfin que ce tableau soit fixe.
Merci à toutes et a tous pour vos précieux conseils.
Puissiez vous m'aider s'il vous plait. Je suis actuellement entrain de réaliser un document avec une interface de navigation... enfin j'aimerais bien.. Mes problèmes sont les suivants: Je voudrais que mon interface (ni plu ni moins qu une image JPG en fond avec quelques boutons) soit commune à chaque page, c'est à dire sans avoir à la recharger en "background" pour chacune des pages.. et au sein de chaque page, au milieu de mon interface je voudrais integrer un tableau pour y mettre du texte et des images, mais j'aimerais pouvoir définir l'emplacement exact de celui ci dans la page, (chose pas evidente à faire avec mon éditeur html) et je voudrais enfin que ce tableau soit fixe.
Merci à toutes et a tous pour vos précieux conseils.
A voir également:
- Comment définir l'emplacement d'un tableau
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Comment faire un tableau croisé dynamique - Guide
9 réponses
salut,
le mieux avec les tableaux c'est de ne pas les utiliser.
pour le reste tu peux recharger à chaque fois cela ne changera pas grand chose, l'image étant enregistrée dans le cache du navigateur le chargement se fait assez vite (sauf si tu mets un énorme bitmap).
donc mieux vaut faire une belle architecture HTML avec des '<div>' et tout mettre en page avec CSS. si tu as beaucoup de pages à afficher il sera peut être intéressant de passer à PHP.
le mieux avec les tableaux c'est de ne pas les utiliser.
pour le reste tu peux recharger à chaque fois cela ne changera pas grand chose, l'image étant enregistrée dans le cache du navigateur le chargement se fait assez vite (sauf si tu mets un énorme bitmap).
donc mieux vaut faire une belle architecture HTML avec des '<div>' et tout mettre en page avec CSS. si tu as beaucoup de pages à afficher il sera peut être intéressant de passer à PHP.
Merci beaucoup Dalida pour ta réponse aussi rapide.. mais un autre prob c'est que j'y connais pas grand chose en css et encore moins en php...
php c'est si tu as 15, 20 pages à gérer ou plus.
pour le reste dis nous exactement où tu en es.
tu as déjà tout fait ou tu es en train d'intégrer ton design au site ?
tu peux simplement faire ce que tu voulais faire mais en remplaçant le tableau par des '<div>'.
on te file un coup de main pour la mise en page et le tour est joué.
le résultat est visuellement le même mais techniquement c'est beaucoup plus propre.
pour le reste dis nous exactement où tu en es.
tu as déjà tout fait ou tu es en train d'intégrer ton design au site ?
tu peux simplement faire ce que tu voulais faire mais en remplaçant le tableau par des '<div>'.
on te file un coup de main pour la mise en page et le tour est joué.
le résultat est visuellement le même mais techniquement c'est beaucoup plus propre.
Bonjour,
Sans recharger l'image de fond, ça se fait normalement une fois que la page d'accueil a été chargée.
Il faut quand-même la définir dans chaque page.
Pour intégrer images et texte, tu n'as certainement pas besoin d'un tableau.
Un bloc positionné à ton gré devrait suffire.
Son emplacement peut être défini précisément par CSS.
Si tu nous montrais un peu de code, si tu donnais une adresse et le nom de ton éditeur ça nous aiderait certainement.
--
Sans recharger l'image de fond, ça se fait normalement une fois que la page d'accueil a été chargée.
Il faut quand-même la définir dans chaque page.
Pour intégrer images et texte, tu n'as certainement pas besoin d'un tableau.
Un bloc positionné à ton gré devrait suffire.
Son emplacement peut être défini précisément par CSS.
Si tu nous montrais un peu de code, si tu donnais une adresse et le nom de ton éditeur ça nous aiderait certainement.
--
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci encore pour les réponses... En fait.. pour être plus explicite, ce n'est pas vraiment pour faire un site internet bien que mon document ne sera visible que par un navigateur.. mon document est en fait une méthode pour apprendre le piano, enfin bref on s'en fout ce que c'est... en fait... j'en suis dans un 1er temps à la réalisation de mon interface, le texte est à part pour l'instant je l'integrerai une fois mon design terminé.. (pour infos il y aura plus de 50 pages...) Je bosse avec Kompozer, et je n'arrive pas à définir de position absolue ..surement parceque je ne suis pas bien fort en HTML ...sinon vu que ce n'est pas un site il n'est pas en ligne donc il n'a pas d'adresse, et pour le code vu que je n'ai pas encore de texte je ne peux pas vraiment vous l'envoyer... je vais essayer de voir comme tu dis avec un bloc c'est peut être la meilleur solution...
Un petit exemple
http://gihef.bey.free.fr/CCM/positionabsolute/absolute.html
où tout est en absolute ?
Tout, sauf le conteneur en relative pour que ceux en absolute le prennent comme référence.
++
Aère, espace ton texte, appuie de temps en temps sur <Entrée> (-;
--
http://gihef.bey.free.fr/CCM/positionabsolute/absolute.html
où tout est en absolute ?
Tout, sauf le conteneur en relative pour que ceux en absolute le prennent comme référence.
++
Aère, espace ton texte, appuie de temps en temps sur <Entrée> (-;
--
Merci... Je pense pouvoir me débrouiller à partir de ça.
Sympa en tou cas de m' avoir aidé.
A+
C'est assez aéré là ? ;-)
Sympa en tou cas de m' avoir aidé.
A+
C'est assez aéré là ? ;-)
bnjour
je n'arrive pas a centrer un titre (div id="titre") en haut de ma page html et à mettre en bas à gauche (left:10px ; bottom:10px;) un id pour mettre un petit mot "contact"
sur mon image de fond qui me sert de page d'accueil
quelqu'un peut-il m'aider ???
svp merci beaucoup
je n'arrive pas a centrer un titre (div id="titre") en haut de ma page html et à mettre en bas à gauche (left:10px ; bottom:10px;) un id pour mettre un petit mot "contact"
sur mon image de fond qui me sert de page d'accueil
quelqu'un peut-il m'aider ???
svp merci beaucoup
jai enlevé la banniere par souci d'hebergeur en atendant de résoudre mon probleme et mis le "contact" en zone cliquable mais je te passe le link (desolé du bordel sur la source, j'ai essayé dreamweaver)
https://cv-suspension-dd24.key-systems.net/
https://cv-suspension-dd24.key-systems.net/
salut,
si tu préfères rester ici…
voila en gros le source que je tire de ton document, pour ceux que ça intéresserait :
pour le HTML :
• l'architecture de ton document est vide. il te faudrait au moins un titre (<h1>) et en plus de la <map> tu peux ajouter une liste de lien (<ul>, <li>, <a>) pour garantir la navigabilité.
• les noms d'éléments et d'attributs doivent être en minuscules.
• dans une balise <img>, il faut cibler un fichier
• même remarque pour <script type="text/javascript"> qui devrait viser un fichier JS.
pour le CSS :
tu as deux sources de style, il faut en supprimer une. à priori, mieux vaut garder la feuille de style ('pda.css').
dans cette dernière tu pourrais essayer :
ça pourrait marcher, à vérifier.
si tu préfères rester ici…
voila en gros le source que je tire de ton document, pour ceux que ça intéresserait :
<!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=iso-8859-1">
<title>Document sans titre</title>
<style type="text/css">
<!--
body {
background-color: #ced178;
}
#titre {width: 749px; height:72px; position : absolute; top:10px; right: 50%; left: 50px;}
#contact{position:absolute; bottom:10px; left:10px; ;}
-->
<!-- en plus dans la feuille de style 'pda.css' -->
body {background: url(images/pda.jpg) no-repeat;
}
title {
color:#CC0000;
}
#titre {
width:749 px;
height: 72 px;
border: 1 px solid black;
position : center;
margin-top: 10 px;
}
</style>
</head>
<body>
<img src="pda.gif" usemap="#Map" border="0" height="761" width="1024">
<map name="Map" id="Map">
<area shape="rect" coords="111,61,193,182" href="http://flap.hostarea.org/page2.php">
<area shape="rect" coords="13,737,82,760" href="http://flap.hostarea.org/formulaire.php">
</map>
<div id="titre"><img src="mondeflap3.htm"></div>
<script type="text/javascript" src="verificateur.htm"></script>
</body>
</html>
pour le HTML :
• l'architecture de ton document est vide. il te faudrait au moins un titre (<h1>) et en plus de la <map> tu peux ajouter une liste de lien (<ul>, <li>, <a>) pour garantir la navigabilité.
• les noms d'éléments et d'attributs doivent être en minuscules.
<map name="Map" id="Map">
• dans une balise <img>, il faut cibler un fichier
bitmap(image GIF, JPEG, PNG), pas un fichier HTML.
<img src="mondeflap3.htm">
• même remarque pour <script type="text/javascript"> qui devrait viser un fichier JS.
<script type="text/javascript" src="verificateur.htm"></script>
pour le CSS :
tu as deux sources de style, il faut en supprimer une. à priori, mieux vaut garder la feuille de style ('pda.css').
dans cette dernière tu pourrais essayer :
body
{
background-image:url(images/pda.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
#titre
{
width:749 px;
height:72 px;
border:1 px solid black;
margin:10px auto 0 auto;
}
#contact
{
position:absolute;
bottom:10px;
left:10px;
}
ça pourrait marcher, à vérifier.
