Comment définir l'emplacement d'un tableau
Fermé
dustman
-
7 nov. 2007 à 22:20
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 25 janv. 2008 à 17:25
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 25 janv. 2008 à 17:25
A voir également:
- Comment définir l'emplacement d'un tableau
- Tableau croisé dynamique - Guide
- Tableau ascii - Guide
- Tableau word - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Le nom du champ de tableau croisé dynamique n'est pas valide ✓ - Forum Excel
9 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 nov. 2007 à 22:32
7 nov. 2007 à 22:32
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...
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
7 nov. 2007 à 22:43
7 nov. 2007 à 22:43
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.
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
7 nov. 2007 à 22:49
7 nov. 2007 à 22:49
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...
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
8 nov. 2007 à 00:29
8 nov. 2007 à 00:29
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à ? ;-)
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
11 nov. 2007 à 22:37
11 nov. 2007 à 22:37
Oui.
Et c'est plus lisible aussi (-;
--
Et c'est plus lisible aussi (-;
--
gintoxic
Messages postés
524
Date d'inscription
mardi 31 juillet 2007
Statut
Membre
Dernière intervention
7 avril 2016
10
23 janv. 2008 à 15:17
23 janv. 2008 à 15:17
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
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
24 janv. 2008 à 19:47
24 janv. 2008 à 19:47
salut,
ouvre un fil pour ton problème et colle le code de ton document HTML ou une URL, stp.
à plus
ouvre un fil pour ton problème et colle le code de ton document HTML ou une URL, stp.
à plus
gintoxic
Messages postés
524
Date d'inscription
mardi 31 juillet 2007
Statut
Membre
Dernière intervention
7 avril 2016
10
25 janv. 2008 à 12:10
25 janv. 2008 à 12:10
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/
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
25 janv. 2008 à 17:25
25 janv. 2008 à 17:25
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.
