Tom's Guide > Forum > Programmation > au secour je n'y arrive pas ider moi plz ( html)

au secour je n'y arrive pas ider moi plz ( html)

Forum Programmation : au secour je n'y arrive pas ider moi plz ( html)

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
loobstyle@IDN   10-07-2005 à 00:07:07

bonjour ,
je vous explique, j'ai un problème. jai une image que j'ai mis en background du td de ma table. cette image est spécial, elle fais le contour de mes menu et a la fois le background.

donc je dois diviser cette image par de table.
le PROBlème c'est que pendent 3 heure j'ai éssayer dans tous les moyen , donc je me resou a demander votre AIDE!

quelqu'un pourais scripter les tables pour moi ? plz j'ai vraiment besoin.
voici l'image:


http://www.image-dream.com/image.p [...] 4-fond.jpg

et voici comment j'aimerais que les table soient misent . ( en pixel:

http://www.image-dream.com/image.p [...] ndplak.jpg

voila , merci d'avance. n'ésitez pas a tenter d'autres table , mais sur les menu . merciii
:-D

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
szdavid   10-07-2005 à 00:09:13
- 0 +

pas de titre en majuscule, s'il te plait

Répondre à szdavid
loobstyle@IDN   10-07-2005 à 00:23:31
- 0 +

ok dsl j'édite tout de suite .



alors ?

Répondre à loobstyle@IDN
szdavid   10-07-2005 à 00:26:13
- 0 +

Merci :-)

(désolé, je ne suis pas développeur web ; je peux faire des sites mais je préfère les bases de données donc je ne peux pas t'aider)

Répondre à szdavid
isatis39871   10-07-2005 à 00:46:41
- 0 +

Pour un menu, il faut banir la balise TD, garde les tableaux pour la mise en valeur d'informations. Utilise plutôt des listes ! (balises ul et li)

Tu fait ta mise en page en HTML ou en CSS ?

Répondre à isatis39871
loobstyle@IDN   10-07-2005 à 00:58:18
- 0 +

je travaille sous html, et je connais grava pas css dont sur sa je peux rien faire mais par contre j'ai pas compris pourquoi faut viré les td ?

tu voudrais pas assayer de le faire ? ;-)

Répondre à loobstyle@IDN
isatis39871   10-07-2005 à 01:13:40
- 0 +

En fait, je crois qu'il faut que tu revois pas mal de chose. C'est pas méchant ce que je te dit. Simplement l'utilisation du html seulement n'est plus vraiment très apprécié sur le net.

Va sur le site du zero qui explique le CSS. C'est un moyen de séparer le fond (ce que tu dis), de la forme (les couleurs, les images...).

Le CSS ne s'applique pas au HTML mais au XHTML qui implique le banissement des tableaux (TD) à des fins de présentation. En fait les TD comme tu peux le voir, ne sont pas maléables...

Mais si tu veux vraiment faire ça sans rien changer, pourquoi ne pas couper ton image en plusieurs morceaux ?

Bonne continuation...

Répondre à isatis39871
okin@IDN   10-07-2005 à 01:23:13
- 0 +

Citation :


isatis39871 a écrit :
Le CSS ne s'applique pas au HTML mais au XHTML qui implique le banissement des tableaux (TD) à des fins de présentation. En fait les TD comme tu peux le voir, ne sont pas maléables...



Tu te trompe.

Je ne vois pas depuis quand le CSS ne s'applique qu'au XHTML ? le XHTML est la nouvelle norme evolué de l'HTML. Le CSS est 100% compatible HTML...

Répondre à okin@IDN
isatis39871   10-07-2005 à 01:26:20
- 0 +

C vrai. Dsl, je m'emporte. C'est le XHTML qui peut pas se passer d'un langage de mis en page.

Mais le CSS trouve sa raison d'être dans une véritable séparation contenu/contenant. Sur du HTML, les concepteurs l'utilisent le souvent pour changer la police de caractère ou la couleur de fonc. Un peu limité quand on sait la puissance des feuilles de style.

EDIT : et pour éviter que tu me reprennes, je neveux pas dire qu'on ne pouvais pas faire du XHTML sans CSS, mais c'est super moche sans mis en page. Juste bon pour lynx ou un autre navigateur non graphique (pour aveugles par exemples).

Répondre à isatis39871
okin@IDN   10-07-2005 à 01:50:35
- 0 +

Oui tout à fait, le XHTML est simplement une evolution de l'HTML pour un affichage correct sous tout naviguateur, et tout autre support qui permet de visualisé des page internet.

Maintenant, libre à lui de mettre du CSS ou non ;)

Répondre à okin@IDN
loobstyle@IDN   10-07-2005 à 11:17:55
- 0 +

ouai bon voila quoi moi j'ai un peu continuer a essayer hier , mais j'ai carement viré ché pas combien de td lol .

sa donne un truc faisable mais j'ai un proble avec mon iframe je n'arrive pas a la mettre en dessou de celle du millieu, pour comprendre, allez voir ici:

http://www.freazer.com/perso/clanelfe/index.html


pouriez vous copier le code , le rectifier en me le coller ici ?
svp ;-)

Répondre à loobstyle@IDN
isatis39871   10-07-2005 à 12:25:12
- 0 +

LOL ! Je suis vraiment désolé de ne pas être d'un grand secour... En fait, les iframes aussi sont pas les bien vues dans des pages XHTML ! Bon bah sorry, je peux pas t'aider sur ce coup là vu que j'ai apris tout en xhtml + css.

J'espère que quelqu'un pourra t'éclairer ou que tu choisisse de transformer ton code. J'avoue c'est pas hyper motivant, mais le CSS c'est très cool !

EDIT : je prépare quand même un petit truc au cas où, hitoire de pas être venu pour rien.

Bonne chance.

Répondre à isatis39871
isatis39871   10-07-2005 à 13:49:32
- 0 +

Voilà, j'ai un petit exemple de ce que tu peux faire. Je ne suis pas une référence donc j'ai surement fait des erreurs, avis aux professionnels !

Comme le disais Okin, le CSS peut s'appliquer au HTML normal donc tu peux le reprendre, il suffit d'inclure <link rel="stylesheet" type="text/css" media="all" href="Chemin d'accès à ta feuile de style (monstyle.css par exemple)"> dans l'en tête. Mais c'est dommage et ça risque de t'embrouiller.

Je n'ai pas réécris ta page, ça aurait pris trop de temps, et j'ai laissé tel quel les caractères non ANSI. Je t'explique juste un méthode qui pourrait peut être t'aider. Je l'espère en tout cas.

En tête de page, si tu veux passer au XHTML :

Code :
  1. <html>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  7.     <head>
  8.    
  9.         <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  10.         <meta http-equiv="content-language" content="fr">
  11.         <meta name="keywords" content="Tes mots clés">
  12.         <meta name="description" content="Description de ta page">
  13.         <meta name="author" content="ton pseudo>
  14.         <meta name="copyright" content="ta licence">
  15.         <title>Titre de ta page</title>
  16.         <link rel="stylesheet" type="text/css" media="all" href="Chemin d'accès à ta feuile de style (monstyle.css par exemple)">
  17.        
  18.     </head>



Puis l'exemple :

Code :
  1. <body>
  3. <!-- Ce que tu avais codé :
  5. <table border="1" align="center" width="948" height="699" background="metal2.jpg">
  6. <tr>
  7. <td>
  8. <table border="1" width="281" height="248">
  9. <tr>
  10. <td>
  11. <p><font color="white">la ya un menu</font>
  12. </tr>
  13. <tr>
  14. -->
  16. <!-- En xhtml ce serait :-->
  18. <ul id='menu1'>
  19.     <li>En tête du Menu</li>
  20.     <li>Entrée du menu 1</li>
  21.     <li>Entrée du menu 2</li>
  22.     <li>Entrée du menu 3</li>
  23. </ul>
  25. <!-- A mettre sur la feuille de style : -->
  27. #menu1
  28. {
  29.   background-image:url(metal2.jpg); /* ton fond */
  30.   border: 1px solid black; /* La bordure */
  31.   list-style-type: none; /* On retire les points devant chaque entrée de la liste puisque c'est un menu */
  32.   width:948px;
  33.   height:699px;
  34.   /* Pour garder tes alignements, calculs à ajuster selon tes besoins, dsl g pas eu le temps de tout faire */
  35.   padding-left:333px;
  36.   padding-right:333px;
  37.   padding-top:210px;
  38.   padding-bottom:210px;
  39.   text-align: left; /* Les entrées du menu sont alignées à gauche */
  40. }
  42. #menu1:first-line
  43. {
  44.   text-align:center; /* l'entête est centré */
  45. }



Pout ton iframe, utilise un simple block de paragraphe dans ton code xhtml

Code :
  1. <p id='annonce'> <!-- Donne lui un eptit nom perso, ici 'annonce'-->
  2. contenu
  3. </p>
  5. <!--Puis en CSS : --!>
  7. #annonce
  8. {
  9.   overflow: scroll; /* barre de défilement */
  10.   width="663" ;
  11.   height="402";
  12.   background-color: white; /* couleur de fond */
  13.   border: 1px solid black; /* l'entête est centré */
  14. }


Pour placer tes blocs :
Pour un design fixe, plus simple mais moins recommandé (enfin c'est déjà bien, hein...), tu peux placer ta frame au pixel près :

Code :
  1. #annonce
  2. {
  3.   position: absolute; /* type de positionnement : en nombre abslolu de pixelspar rapportsaux points d'origine décrit ci après jusqu'au coin haut gauche de ton bloc (ici ta fausse frame) */
  4.   left: 35px; /* 35 pixels en partant du gauche de la page, c'est un exemple, place le OU TU VEUX */
  5.   top: 50px;  /* 50 pixels en partant du haut de la page, c'est un exemple, place le OU TU VEUX*/
  6. }



Et si rien ne t'aide, fait comme si je n'avais rien dit lol !

Répondre à isatis39871
loobstyle@IDN   11-07-2005 à 11:42:22
- 0 +

ok , merci pour tout, je vais voir se que je peux faire a++

Répondre à loobstyle@IDN
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > au secour je n'y arrive pas ider moi plz ( html)
Aller à :

Il y a 545 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,245 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens