Aller au contenu

doomer2

Hubmaster
  • Compteur de contenus

    232
  • Inscrit(e) le

  • Dernière visite

Messages postés par doomer2

  1. Bonsoir à tous,

    Je suis en train de faire petit agenda en PHP et CSS et me voilà confronté à un petit probléme de positionnement d'une image.

    Voici d'abord un petit lien vers une copie écran :

    Copie ecran du soucis

    Je souhaiterais positionner mon image juste en dessous de la date tout en laissant le reste de l'information à gauche.

    Voici mon code en CSS :

    dl.event
    {
    margin: 2em 0;
    padding: 0;
    font-family: georgia, times, serif;
    }
    .event dt
    {
    position: relative;
    left: 0;
    top: 0.5em;
    width: 10em;
    font-weight: bold;
    border:1px solid #000;
    background-color:#fff0d7;
    }
    .event dd
    {
    border-left: 3px double #000;
    margin: 0 0 0 20em;
    padding: 0 0 .5em .5em;
    }

    .event dd img{margin:5px;padding:5px;border:1px solid #cccccc;}

    Pour l'instant rien d'extraordinaire et voici mon code XHTML et PHP :

    echo "<dl class='event'>";
    affiche_date($date_deb,$date_fin);
    echo "<dd>$lieu</dd><dd>($rubrique)</dd>";  
    if (!file_exists("./admin/images/image_$id.jpg"))
    {
    echo "<dd>$description</dd>
    <dd><strong>Entrée: $entree</strong></dd>
     </dl>";
      comment($id);
    }
    else
    {
    echo "
    <dd><img src='./admin/images/image_$id.jpg' width='110' height='120'/>  </dd>
    <dd>$description</dd>
    <dd><strong>Entrée: $entree</strong></dd>
    </dl>";
    comment($id);
    }
    echo "<br />";
    }
    function affiche_date($date_deb,$date_fin)
    {
    if ($date_fin==$date_deb)
    {
     $date_2=date("d-m-Y",$date_deb);
     echo "<dt><strong>le $date_2 </strong></dt>";
    }
    else
    {
     $date_2=date("d-m-Y",$date_deb);
     $date_3=date("d-m-Y",$date_fin);
     echo "<dt><strong>du $date_2 au $date_3</strong></dt>";
    }
    }

    Si quelqu'un à une petite idée pour placer cette fameuse image à gauche en dessous de mes dates serait la bienvenue. J'ai essayé avec un float mais en vain.

    Merci à tous

    PS: J'ai effectué tous de même des recherches sur le forum sans trouver une réponse concréte à mon probléme.

  2. Bonsoir, voilà mon bout de code et je souhaiterais centrer les images dans les cellules mais en vain.

    <table  border="1" cellspacing="1" cellpadding="1" summary="Essai">
    <caption>Essai</caption>
    <tr>
    <th scope="col">Fichier de la programmation </th>
    <th scope="col"><a href="Essai.php" title="essai"><img src="images/pdf.jpg" alt="Télécharger au format PDF"/></a><p>Taille du fichier:23Ko</p></th>
    <th scope="col"><a href="#prog" title="essai"><img src="images/html.jpg" alt="essai"  /></a></th>
    </tr>
    <tr>
    <th scope="col">Télécharger Acrobat Reader pour lire les fichiers PDF </th>
    <th colspan="2" scope="col"><a href="http://www.adobe.fr" title="Télécharger le logiciel Acrobat Reader sur le site de Adobe"><img src="images/pdf.jpg" alt="Télécharger  au format PDF"/></a></th>
    </tr>
    </table>

    Merci à vous.

  3. Bonsoir à tous,

    Voilà j'ai un tableau dans une page et je voudrais qu'il s'étire ou se réduise à volonté selon la résolution de l'écran mais voilà cela ne fonctionne pas

    La page concernée est la suivante : Essai de tableau

    Le source XHTML :


    <div id="essai">
    <table border="1" cellspacing="1" cellpadding="1" summary="Consultez le tableau">
           <caption>
           ESSAI DE TABLEAU REDIMENSIONNABLE PAR RAPPORT AU NAVIGATEUR
           </caption>
           <tr>
             <td colspan="10"><strong>TEST DE TABLEAU APRES REDIMENSIONNEMNT </strong></td>
           </tr>
           <tr>
             <td rowspan="2">Essai</td>
             <td rowspan="2">Essai</td>
             <td rowspan="2">EssaiEssaiEssa</td>
             <td colspan="2">xxxx</td>
             <td colspan="2">xxxx</td>
             <td colspan="2">xxxxxxxx</td>
             <td rowspan="2">Remarques</td>
           </tr>
           <tr  >
             <td>xxxxxxxxxxxx</td>
             <td>%</td>
             <td>xxxxxxxxxxxx</td>
             <td>%</td>
             <td>xxxxxxxxxxxx</td>
             <td>%</td>
           </tr>
           <tr >
             <td colspan="10"><strong>ccccccccccccccccccccccccccccc</strong></td>
           </tr>
           <tr>
             <td colspan="10"><strong>cccccccccccc/2 :"xxxxxxx</strong></td>
           </tr>
           <tr>
             <td>xxxxxxxxxxxxxxxxxxxxxxxxx</td>
             <td>xxxxxxxxxxxxxxxxxxxxx</td>
             <td>xxxxx</td>
             <td> </td>
             <td> </td>
             <td>xx2</td>
             <td>10</td>
             <td> </td>
             <td> </td>
             <td>HT</td>
           </tr>
           <tr>
             <td>xxxxxxxxxxxxxxxxxxxxxxxxxxx</td>
             <td>xxxxxxxxxxxxxxxxxxxx</td>
             <td>15 000</td>
             <td>3 750</td>
             <td>25</td>
             <td> </td>
             <td> </td>
             <td> </td>
             <td> </td>
             <td>Exxxxx</td>
           </tr>
           <tr>
             <td colspan="2">ccccccccccccccccccccccccc</td>
             <td>396 122</td>
             <td colspan="2">3 750</td>
             <td colspan="2">38 112</td>
             <td colspan="2">0</td>
             <td>41 862</td>
           </tr>
           <tr>
             <td colspan="2">cccccccccccccccccccc</td>
             <td>396 122</td>
             <td colspan="2">3 750</td>
             <td colspan="2">38 112</td>
             <td colspan="2">0</td>
             <td>41 862</td>
           </tr>
           <tr>
             <td colspan="2"><strong>Pour information</strong></td>
           </tr>
           <tr>
             <td><strong>Pxx</strong></td>
             <td><strong>xxxxxxxxxx</strong></td>
           </tr>
           <tr>
             <td><strong>5xxxxxx</strong></td>
             <td><strong>1xxxxxxxxxxxxxxx</strong></td>
           </tr>
           <tr>
             <td><strong>Rexxxxxx</strong></td>
             <td><strong>1 xxxxxxxxxxxxx </strong></td>
           </tr>
         </table>
    </div>

    Le code CSS repris sur openweb et modifié :


    #essai table {
    border:3px solid #000000;
    border-collapse:collapse;
    width:auto;
    margin-left:0em;
    margin-right:2em;
    text-align:center;
    }
    #essai thead,#essai  tfoot {
    background-color:#cccccc;
    border:1px solid #ffcc33;
    }
    #essai tbody {
    background-color:#FFFFFF;
    border:1px solid #ffcc33;
    }
    #essai th {
    font-family: 80% "Times New Roman", Times, serif;
    border:1px dotted #ffcc33;
    padding:5px;
    background-color:#cccccc;
    width:25%;
    }
    #essai td {
    font-family:sans-serif;
    font-size:80%;
    border:1px solid #ff6600;
    padding:5px;
    text-align:center;
    }

    #essai caption {
    font-family: "Times New Roman", Times, serif;
    font-weight:bold;
    border-bottom:1px solid #ff6600;
    margin-bottom:10px;
    width:auto;
    margin-left:2em;
    margin-right:2em;
    text-align:center;

    }

    Je viens d'essayer differente méthode :

    - mettre le tableau dans un div puis donner une largeur auto et margin auto : ne fonctionne pas

    - jouer avec les marges : ne fonctionne pas.

    Si quelqu'un à la solution, ce serait pas mal car de nombreuses de mes pages vont utiliser ce type de tableau pour des statistiques

  4. Bonjour à tous,

    Je suis en train de finaliser mon site accessible et réalisé en xhtml et css2.

    Actuellement le site est référencé sur différents moteurs.

    Le probléme est que lorsque je vais mettre la nouvelle version en ligne, mes pages ne possédent plus le même nom. Je pense que les gens vont tomber sur l'erreur 404.

    Comment éviter cela ?

    Merci à tous

  5. Bonjour, un eptit conseil d'abord :

    Simplifie par exemple ton CSS par des choses comme cela :

    font:11px bold Arial, Helvetica, sans-serif;

    au lieu de :

    font-family : Arial, Helvetica, sans-serif;
     font-size : 11px;
     font-weight : bold;

    Cela simplifiera encore plus ton CSS, c'est toujours difficile de s'y retrouver je trouve

    De plus, je viens de regarder ton fichier xhtml et tu utilises des images de 1px , des styles CSS dans ton fichier xhtml, n'est il pa plus facile de définir tout cela dans tes fichiers CSS externes le code sera plus lisible :lol: .

    Essaies d'isoler le probleme en utilisant des couleurs de fond pour voir où il faut agir .

    PS: J'ai également remarqué tque tu définissais des couleurs pour liens actifs, visités, etc ... mais qu'ils ont toujours la couleur noire selon l'endroit où il se trouve peut ^tre que tu n'as pas besoin d'utiliser toutes ces propriéts et tu définis juste en dessous du body une propriété général pour les liens actifs, visité comme quoi ils seront noir :D . Ta CSS sera beaucoup plus simplifiée. Avoir 36 sortes de liens peut déstabiliser les surfeurs. Enfin c'est mon avis B)

  6. Merci Dan,

    Mais cela est déjà configuré dans mon CSS pour le footer cela. Même en mettant un <br class="clear"> à la fin du formulaire je me retrouve avec mon pied de page à cette position. c'est à dire tout de suite aprés mon contenu de ce fait le menu est plus long que mon contenu.

  7. Bonsoir,

    J'ai un petit souci avec le positionnement de mon footer, tout semble correctement fait avec le CSS. Cela vient du fait que si il n'y a pas de contenu mon footer remonte et passe en dessous de mon menu gauche.

    Le menu gauche est en position absolute par contre si je le place en position float, le soucis disparait mais les 4 boites de la boite d'accueil restent en dessous du menu et ne sont plus à la suite de mon h2 (News du site)

    Ceci est assez urgent car de ce fait, l'avancement de mon site est retardé cligne

    Formulaire du site

    Lien avec le probleme

    Page accueil :

    Accueil du site

    Quelqu'un a t'il la solution afin de résoudre ce probléme qui sera embêtant quand je n'aurais que peu de contenu sur une page.

    Je pense que la strcture global a peut être un petit souci au niveau des positionnements. Mais où ?

    Merci à tous.

    Joyeux Noel

  8. Bonsoir à tous,

    Déjà Merci Ernestine pour ton aide d'hier soir,

    J'ai refait comme je l'avais dis tout mon architecture CSS,

    Voilà le résultat pour l'instant :

    Essai de page en CSS

    Maintenant après de nombreux essais, j'y suis depuis ce matin et comme tu peux le voir à chaque fois que j'ajoute tu texte dans mon menu gauche , mes 4 blocs descendent par rapport à mon conteneur alors qu'ils sont bien dans ce conteneur.

    As tu déjà eu ce probléme ?

    merci beaucoup.

  9. Bonsoir à tous,

    Je vous propose un petit probleme à résoudre, je refias totalement une mise en page en css et xhtml afin que mon prochain site soit plus lisible et facile à mettre à jour.

    Mon probleme est que je n'arrive pas à centrer mes 4 blocs d'actualités sous Firefox alors que sous IE pas de probleme.

    L'adresse du site : Essai de page en CSS

    Quelqu'un peut il m'aider car cela devient urgent.

    Je précise que j'ai consulté de nombreux articles et fait de nombreux essai mais en vain.

    Merci à tous pour votre aide d'avance.

    <Edit Monique : Même si tu as recommencé entièrement ta page, il s'agit toujours du même problème et il est inutile de commencer un nouveau sujet. J'ai donc combiné les deux discussions.>

  10. Bonsoir à tous,

    Je suis en train de refaire une maquette(je le précise c'est juste un essai de 1ére page afin d'avoir une bonne trame tout ce qui est couleur,design changera) et me voilà confronter à un probléme sur lequel je planche depuis ce matin en faisant plusieurs essais sans succés.

    L'adresse temporaire : L'accessibilite au bout des doigtsL

    Sous Firefox 1.0 ma premiere page passe nickel pas de probleme de positionnement.

    Sous IE 6.0 2 problemes :

    - Décalage de mes 4 div du bas pour les sites a voir, site en bref ....

    - Probleme de positionnement ce l'actualité car elle ne se font pas en dessous de mon flottant droit.

    Ce que je ne comprends pas c'est que j'utilise bien le float puis un hr avec l'attribut clear:both

    S'il vous plait, là je pense vraiment avoir besoin d'aide pour repositionner correctement cela.

    Merci à tous, j'attends beaucoup de vous. cligne

  11. Bonsoir à tous,

    Voilà j'ai fait un petit script en javascript qui me permet de rediriger des visiteurs mais voilà il fait prés de 9ko et je voudrais arriver à peu prés à la moitié c'est à dire 4ko ou 5ko.

    var str='';
    str+='<form>'
    str+=' <select name=\"rubrique\" size=1 onchange=\"window.location = form.rubrique.options[form.rubrique.selectedIndex].value;\">'
    str+=' <option selected="selected" value=\"\">-Selectionnez la commune-</option>'
     str+=' <option value=\"essai.php?commune=Authieule\">Authieule</option>'
           str+=' <option value=\"essai.php?commune=Doullens\">Doullens</option>'
           str+=' <option value=\"essai.php?commune=Beauval\">Beauval</option>'
           str+=' <option value=\"essai.php?commune=Beauquesne\">Beauquesne</option>'
           str+=' <option value=\"essai.php?commune=Terramesnil\">Terramesnil</option>'
           str+=' <option value=\"essai.php?commune=Grouches Luchuel\">Grouches-Luchuel</option>'
           str+=' <option value=\"essai.php?commune=Lucheux\">Lucheux</option>'
           str+=' <option value=\"essai.php?commune=Humbercourt\">Humbercourt</option>'
           str+=' <option value=\"essai.php?commune=Brevillers\">Brevillers</option>'
           str+=' <option value=\"essai.php?commune=Bouquemaison\">Bouquemaison</option>'
           str+=' <option value=\"essai.php?commune=Neuvillette\">Neuvillette</option>'
           str+=' <option value=\"essai.php?commune=Barly\">Barly</option>'
           str+=' <option value=\"essai.php?commune=Remaisnil\">Remaisnil</option>'
           str+=' <option value=\"essai.php?commune=Outrebois\">Outrebois</option>'
           str+=' <option value=\"essai.php?commune=Occoches\">Occoches</option>'
           str+=' <option value=\"essai.php?commune=Hem Hardinval\">Hen-Hardinval</option>'
           str+=' <option value=\"essai.php?commune=Gezaincourt\">Gezaincourt</option>'
           str+=' <option value=\"essai.php?commune=Longuevillette\">Longuevillette</option>'
           str+=' <option value=\"essai.php?commune=Beaumetz\">Beaumetz</option>'
           str+=' <option value=\"essai.php?commune=Vignacourt\">Vignacourt/></option>'
           str+=' <option value=\"essai.php?commune=Bernaville\">Bernaville</option>'
           str+=' <option value=\"essai.php?commune=Picquigny\">Picquigny</option>'
           str+=' <option value=\"essai.php?commune=Breilly\">Breilly</option>'
           str+=' <option value=\"essai.php?commune=St Sauveur\">St Sauveur</option>'
           str+=' <option value=\"essai.php?commune=Argoeuves\">Argoeuves</option>'
           str+=' <option value=\"essai.php?commune=Ailly/Somme\">Ailly/Somme</option>'
           str+=' <option value=\"essai.php?commune=Ferrieres\">Ferrières</option>'
           str+=' <option value=\"essai.php?commune=Fourdrinoy\">Fourdrinoy</option>'
           str+=' <option value=\"essai.php?commune=Cavillon\">Cavillon</option>'
           str+=' <option value=\"essai.php?commune=Le Mesge\">Le Mesge</option>'
           str+=' <option value=\"essai.php?commune=Soues\">Soues</option>'
           str+=' <option value=\"essai.php?commune=Hangest/Somme\">Hangest/Somme</option>'
           str+=' <option value=\"essai.php?commune=Yzeux\">Yzeux</option>'
           str+=' <option value=\"essai.php?commune=Crouy St Pierre\">Crouy St Pierre</option>'
     str+=' <option value=\"essai.php?commune=Belloy/Somme\">Belloy/Somme</option>'
     str+=' <option value=\"essai.php?commune=Chaussée Tirancourt\">La Chaussée Tirancourt</option>'
     str+=' <option value=\"essai.php?commune=Bonneville\">Bonneville</option>'
     str+=' <option value=\"essai.php?commune=Prouville\">Prouville</option>'
     str+=' <option value=\"essai.php?commune=Fieffes Montrelet\">Fieffes Montrelet</option>'
           str+=' <option value=\"essai.php?commune=Berneuil\">Berneuil</option>'
           str+=' <option value=\"essai.php?commune=Candas\">Candas</option>'
           str+=' <option value=\"essai.php?commune=Gorges\">Gorges</option>'
           str+=' <option value=\"essai.php?commune=Fienvillers\">Fienvillers</option>'
           str+=' <option value=\"essai.php?commune=Autheux\">Autheux</option>'
     str+=' <option value=\"essai.php?commune=Boisbergues\">Boisbergues</option>'
           str+=' <option value=\"essai.php?commune=Le Meillard\">Le Meillard</option>'
           str+=' <option value=\"essai.php?commune=Domesmont\">Domesmont</option>'
           str+=' <option value=\"essai.php?commune=Agenville\">Agenville</option>'
           str+=' <option value=\"essai.php?commune=Bernatre\">Bernatre</option>'
           str+=' <option value=\"essai.php?commune=Bealcourt\">Béalcourt</option>'
           str+=' <option value=\"essai.php?commune=Mezerolles\">Mézerolles</option>'
           str+=' <option value=\"essai.php?commune=Frohen le Grand\">Frohen le grand</option>'
           str+=' <option value=\"essai.php?commune=Frohen le Petit\">Frohen le Petit</option>'
     str+=' <option value=\"essai.php?commune=Montigny les Jongleurs\">Montigny les Jongleurs</option>'
     str+=' <option value=\"essai.php?commune=Maizicourt\">Maizicourt</option>'
           str+=' <option value=\"essai.php?commune=Saint Acheul\">Saint Acheul</option>'
           str+=' <option value=\"essai.php?commune=Epécamps\">Epécamps</option>'
           str+=' <option value=\"essai.php?commune=Heuzecourt\">Heuzecourt</option>'
       str+=' <option value=\"essai.php?commune=Pernois\">Pernois</option>'
           str+=' <option value=\"essai.php?commune=Canaples\">Canaples</option>'
           str+=' <option value=\"essai.php?commune=Havernas\">Havernas</option>'
           str+=' <option value=\"essai.php?commune=Halloy Les Pernois\">Halloy</option>'
     str+=' <option value=\"essai.php?commune=Berteaucourt Les Dames\">Berteaucourt les Dames</option>'
           str+=' <option value=\"essai.php?commune=Franqueville\">Franqueville</option>'
       str+=' <option value=\"essai.php?commune=Ribeaucourt\">Ribeaucourt</option>'
           str+=' <option value=\"essai.php?commune=Domart En Ponthieu\">Domart en Ponthieu</option>'
       str+=' <option value=\"essai.php?commune=Saint Ouen\">St Ouen</option>'
           str+=' <option value=\"essai.php?commune=Bettencourt St Ouen\">Bettencourt St Ouen</option>'
       str+=' <option value=\"essai.php?commune=Ville le Marclet\">Ville le Marclet</option>'
           str+=' <option value=\"essai.php?commune=Flixecourt\">Flixecourt</option>'
       str+=' <option value=\"essai.php?commune=L\'Etoile\">L\'Etoile</option>'
           str+=' <option value=\"essai.php?commune=Bouchon\">Bouchon</option>'
           str+=' <option value=\"essai.php?commune=Vauchelles les Domart\">Vauchelles les Domart</option>'
           str+=' <option value=\"essai.php?commune=Surcamps\">Surcamps</option>'
           str+=' <option value=\"essai.php?commune=St Léger les Domart\">Saint Léger les Domart</option>'
     str+=' <option value=\"essai.php?commune=Saisseval\">Saisseval</option>'
     str+=' <option value=\"essai.php?commune=Seux\">Seux</option>'

    str+=' </select>'
    str+=' </form>'
    document.write(str)

    En espérant avoir de nouvelles.

    merci à tous

  12. Bonjour,

    J'ai une animation en flash qui prend 530px lorsque je redimensionne en 800*600 elle depasse de mes cadres. Je voudrais pouvoir desactiver l'animation et pouvoir à partir de balise noscript afficher une image.

    J'espere que j'ai été clair ;-)

  13. Bon, je viens de trouver :

    Un fichier pHP comme cela :

    switch($_POST['Liste']){
    case "w3c":
    header("Location: http://www.w3c.org");
    break;
    case "google":
    header("Location: http://www.google.fr");
    break;

    Un fichier javascript comme cela :

    var str='';
    str+='<FORM>'
    str+=' <select NAME=\"ListeUrl\" SIZE=1 onChange=\"ChangeUrl(this.form)\">'
    str+=' <option selected="selected" value=\"\">-Selectionnez votre destination-</option>'
    str+=' <option value=\"http://www.w3c.org\">Le w3c</option>'
    str+=' <option value=\"http://www.google.fr\">Google</option>'
    str+=' </select>'
    str+=' </FORM>'
    document.write(str)

    Et le fichier principal qui fait appel avec un formulaire au fichier PHP et au JS.

    Voilà

    Une matinée pour arriver à faire fonctionner une liste deroulante sans javascript et redirection. C pas mal non

×
×
  • Créer...