PA réactive Bouton_activePA réactive Bouton_hoverPA réactive Fb-hoverPA réactive Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
PA réactive EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
PA réactive EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
PA réactive EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
PA réactive EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
PA réactive EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
PA réactive EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
PA réactive EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
PA réactive EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

PA réactive

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lyceeothelo.1fr1.net/forum.htm
emillie
emillie
{ Membre }
{ Membre }

Féminin Messages : 60



PA réactive Empty
Alors voila je suis tomber sur ce super tuto, voila trois jours que je planche dessus. mais euh sa ne veut pas j'ai eu beau regarder les erreurs et les corrections de mes confrères rien n'y fait je ne trouve pas mon erreur.
voici le tuto ici

voila tous les codes.

voici le code après le maping

Code:
<html>
<head>
<title>page d'accueil complete</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (page d'accueil complete.png) -->
<table id="Tableau_01" width="817" height="588" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="9">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d14.png" width="816" height="146" alt="" USEMAP="#navigation"></td>
   <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="146" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d15.png" width="65" height="248" alt=""></td>
      <td colspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d16.png" width="394" height="169" alt=""></td>
      <td colspan="4" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d17.png" width="357" height="248" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="169" alt=""></td>
   </tr>
   <tr>
      <td colspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d18.png" width="394" height="79" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="79" alt=""></td>
   </tr>
   <tr>
      <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d19.png" width="45" height="193" alt=""></td>
      <td colspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d20.png" width="230" height="126" alt=""></td>
      <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d21.png" width="124" height="193" alt=""></td>
      <td colspan="2" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d22.png" width="193" height="162" alt=""></td>
      <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d23.png" width="41" height="193" alt=""></td>
      <td rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d24.png" width="126" height="162" alt=""></td>
      <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d26.png" width="57" height="193" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="126" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d27.png" width="230" height="67" alt="" USEMAP="#vousnous"></td>
   </tr>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="36" alt=""></td>
   </tr>
   <tr>
      <td colspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d28.png" width="193" height="31" alt=""></td>
      <td>
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d29.png" width="126" height="31" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="31" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="45" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="20" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="210" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="124" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="60" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="133" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="41" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="126" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="57" height="1" alt=""></td>
      <td></td>
   </tr>
</table>

<MAP NAME="vousnous">
<AREA SHAPE="rect" ALT="Plus" COORDS="45,0,110,21" HREF="http://lyceeothelo.1fr1.net/t582-les-partenaires-acceptes">
<AREA SHAPE="rect" ALT="vous" COORDS="110,0,176,21" HREF="http://lyceeothelo.1fr1.net/t27-modele-pour-les-demandes-de-partenariat">
</MAP>

<MAP NAME="navigation">
<AREA SHAPE="rect" ALT="reglement" COORDS="91,20,195,48" HREF="http://lyceeothelo.1fr1.net/t1662-reglement-du-forum">
<AREA SHAPE="rect" ALT="histoire" COORDS="203,23,306,49" HREF="http://lyceeothelo.1fr1.net/t1668-l-histoire-du-lycee-othelo">
<AREA SHAPE="rect" ALT="bestiaire" COORDS="313,23,418,49" HREF="http://lyceeothelo.1fr1.net/t1670-le-bestiaire-d-othelo">
<AREA SHAPE="rect" ALT="styles" COORDS="420,23,521,49" HREF="http://lyceeothelo.1fr1.net/t1086-les-styles">
<AREA SHAPE="rect" ALT="objectifs" COORDS="529,23,633,49" HREF="http://lyceeothelo.1fr1.net/f91-objectifs-et-concours">
</MAP>

<!-- End Save for Web Slices -->
</body>
</html>

voici le lien de mon code avec mon texte
Code:

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (page d'accueil complete.png) -->
<table id="Tableau_01" width="817" height="588" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="9">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d14.png" width="816" height="146" alt="" USEMAP="#navigation"></td>
   <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="146" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d15.png" width="65" height="248" alt=""></td>
      <td colspan="3">
        <div class="Contexte">Un mystérieux lycée est né dans la ville d'Aberdeen située en Écosse, une école baptisée « Othelo » accueillant des étudiants étranges. Les humains habitant la ville pensent qu'il s'agit d'un centre d'aide pour les jeunes en difficulté, mais derrière une puissante barrière magique se cache un lycée réservé aux Néphilins, des personnes dôtées de pouvoirs et des créatures fantastiques apprenant à vivre en secret au milieu des hommes... Un établissement créé pour apporter la pai et la sérénité absolue dans la ville.
      Mais cela suffira-t-il?La coexistence des éspèces se fera-t-elle?</div></td>
          <td colspan="4" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d17.png" width="357" height="248" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="169" alt=""></td>
   </tr>
      <td colspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d18.png" width="394" height="79" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="79" alt=""></td>
   </tr>
      <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d19.png" width="45" height="193" alt=""></td>
         <td>
        <td colspan="2">
         <div class="partenaire">
      <A class=postlink href="http://libertasque-schola.forumactif.org/" target="_blank"><IMG border="0" alt="" src="http://i65.servimg.com/u/f65/10/05/12/38/labout10.png"></A>
        <A class=postlink href="http://aslways.forumactif.fr/" target="_blank"><IMG border="0" alt="" src="http://nsa19.casimages.com/img/2010/10/25/101025034940202659.jpg"></A>
        <br><br>
        <A class=postlink href="http://himitsu-rpg.forumactif.com/" target="_blank"><IMG border="0" alt="" src="http://img4.hostingpics.net/pics/432262logohimi.png"></A>
        <A class=postlink href="http://prettyneko.forumpro.fr/index.htm" target="_blank"><IMG border="0" alt="" src="http://img4.hostingpics.net/pics/546758pettite.jpg"></A>
      </div></td>
    <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d21.png" width="124" height="193" alt=""></td>
      <td colspan="2">
         <div class="New">♠ Nouveau graphisme ♠<br><br>♠ changement au niveau de vos fiche ♠<br><br>♠boutique ouverte pour la saint valentin♠</div></td>
          <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d23.png" width="41" height="193" alt=""></td>
      <td rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d24.png" width="126" height="162" alt=""></td>
      <td rowspan="3">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d26.png" width="57" height="193" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="126" alt=""></td>
   </tr>
      <td colspan="2" rowspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d27.png" width="230" height="67" alt="" USEMAP="#vousnous"></td>
   </tr>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="36" alt=""></td>
   </tr>
      <td colspan="2">
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d28.png" width="193" height="31" alt=""></td>
      <td>
         <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d29.png" width="126" height="31" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="31" alt=""></td>
   </tr>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="45" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="20" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="210" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="124" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="60" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="133" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="41" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="126" height="1" alt=""></td>
      <td>
         <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="57" height="1" alt=""></td>
      <td></td>
   </tr>
</table>

<MAP NAME="vousnous">
<AREA SHAPE="rect" ALT="Plus" COORDS="45,0,110,21" HREF="http://lyceeothelo.1fr1.net/t582-les-partenaires-acceptes">
<AREA SHAPE="rect" ALT="vous" COORDS="110,0,176,21" HREF="http://lyceeothelo.1fr1.net/t27-modele-pour-les-demandes-de-partenariat">
</MAP>

<MAP NAME="navigation">
<AREA SHAPE="rect" ALT="reglement" COORDS="91,20,195,48" HREF="http://lyceeothelo.1fr1.net/t1662-reglement-du-forum">
<AREA SHAPE="rect" ALT="histoire" COORDS="203,23,306,49" HREF="http://lyceeothelo.1fr1.net/t1668-l-histoire-du-lycee-othelo">
<AREA SHAPE="rect" ALT="bestiaire" COORDS="313,23,418,49" HREF="http://lyceeothelo.1fr1.net/t1670-le-bestiaire-d-othelo">
<AREA SHAPE="rect" ALT="styles" COORDS="420,23,521,49" HREF="http://lyceeothelo.1fr1.net/t1086-les-styles">
<AREA SHAPE="rect" ALT="objectifs" COORDS="529,23,633,49" HREF="http://lyceeothelo.1fr1.net/f91-objectifs-et-concours">
</MAP>

<!-- End Save for Web Slices -->
</body>
</html>

voici mon css

Code:
.Contexte
{ 
 
    background-image: url("http://i39.servimg.com/u/f39/15/69/89/25/page-d16.png") ;
    background: no repeat;
    width: 394px;
    height: 169px;
    overflow: auto;
    color: #000000;
    font-size:12px;

 }

.partenaire
{

    background-image: url("http://i39.servimg.com/u/f39/15/69/89/25/page-d20.png") ;
    background: no repeat;
    width: 230px;
    height: 126px;
    overflow: auto;
}

.New
{
    background-image: url("http://www.servimg.com/u/f39/15/69/89/25/page-d22.png") ;
    background: no repeat;
    width: 193px;
    height: 162px;
    overflow: auto;
}

voici l'image découpé
Spoiler:


voici le lien ou je test ma page d'accueil, la ou ce trouve mon horreur
http://othelotest.forumgratuit.org/

j'utilise firefox et mon forum et en pbb2


ps; je n'est jamais réussi a avoir toutes mes images en png quand j'ai enregistrer l'image donc j'ai tous enregistrer moi même en png
merci a la personne qui voudra bien m'aidez.


Dernière édition par emillie le Jeu 20 Jan 2011, 14:45, édité 1 fois
MessageSujet: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 11:20
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



PA réactive Empty
Salut

Ceci devrait normalement fonctionner:

Code:
<html>
<head>
<title>page d'accueil complete</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
*
{
margin: 0px;
padding: 0px;
border: 0;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (page d'accueil complete.png) -->
<table id="Tableau_01" width="817" height="588" border="0" cellpadding="0" cellspacing="0">
  <tr>
      <td colspan="9">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d14.png" width="816" height="146" alt="" USEMAP="#navigation"></td>
  <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="146" alt=""></td>
  </tr>
  <tr>
      <td colspan="2" rowspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d15.png" width="65" height="248" alt=""></td>
      <td colspan="3" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d16.png')" width="394" height="169">
     JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920    JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920 
     JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920 
     </td>
      <td colspan="4" rowspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d17.png" width="357" height="248" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="169" alt=""></td>
  </tr>
  <tr>
      <td colspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d18.png" width="394" height="79" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="79" alt=""></td>
  </tr>
  <tr>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d19.png" width="45" height="193" alt=""></td>
      <td colspan="2" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d20.png')" width="230" height="126">
        je suis un part
      </td>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d21.png" width="124" height="193" alt=""></td>
      <td colspan="2" rowspan="2" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d22.png')" width="193" height="162">
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     </td>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d23.png" width="41" height="193" alt=""></td>
      <td rowspan="2" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d24.png')" width="126" height="162">
        JE SUIS LE STAFF</td>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d26.png" width="57" height="193" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="126" alt=""></td>
  </tr>
  <tr>
      <td colspan="2" rowspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d27.png" width="230" height="67" alt="" USEMAP="#vousnous"></td>
  </tr>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="36" alt=""></td>
  </tr>
  <tr>
      <td colspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d28.png" width="193" height="31" alt=""></td>
      <td>
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d29.png" width="126" height="31" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="31" alt=""></td>
  </tr>
  <tr>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="45" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="20" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="210" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="124" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="60" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="133" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="41" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="126" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="57" height="1" alt=""></td>
      <td></td>
  </tr>
</table>

<MAP NAME="vousnous">
<AREA SHAPE="rect" ALT="Plus" COORDS="45,0,110,21" HREF="http://lyceeothelo.1fr1.net/t582-les-partenaires-acceptes">
<AREA SHAPE="rect" ALT="vous" COORDS="110,0,176,21" HREF="http://lyceeothelo.1fr1.net/t27-modele-pour-les-demandes-de-partenariat">
</MAP>

<MAP NAME="navigation">
<AREA SHAPE="rect" ALT="reglement" COORDS="91,20,195,48" HREF="http://lyceeothelo.1fr1.net/t1662-reglement-du-forum">
<AREA SHAPE="rect" ALT="histoire" COORDS="203,23,306,49" HREF="http://lyceeothelo.1fr1.net/t1668-l-histoire-du-lycee-othelo">
<AREA SHAPE="rect" ALT="bestiaire" COORDS="313,23,418,49" HREF="http://lyceeothelo.1fr1.net/t1670-le-bestiaire-d-othelo">
<AREA SHAPE="rect" ALT="styles" COORDS="420,23,521,49" HREF="http://lyceeothelo.1fr1.net/t1086-les-styles">
<AREA SHAPE="rect" ALT="objectifs" COORDS="529,23,633,49" HREF="http://lyceeothelo.1fr1.net/f91-objectifs-et-concours">
</MAP>

<!-- End Save for Web Slices -->
</body>
</html>

James
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:10
Revenir en haut Aller en bas
http://lyceeothelo.1fr1.net/forum.htm
emillie
emillie
{ Membre }
{ Membre }

Féminin Messages : 60



PA réactive Empty
han sa fonctionne Oo mais j'ai l'impression qu'il y a un grand espace sur la droite du forum.

En tous cas merci beaucoup

http://othelotest.forumgratuit.org/

Spoiler:


Dernière édition par emillie le Jeu 20 Jan 2011, 13:21, édité 1 fois
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:17
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



PA réactive Empty
Je peux classer le topic ?
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:20
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



PA réactive Empty
Nan attend.
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:20
Revenir en haut Aller en bas
http://lyceeothelo.1fr1.net/forum.htm
emillie
emillie
{ Membre }
{ Membre }

Féminin Messages : 60



PA réactive Empty
je n'avais pas vu que sa avait répondu donc entre temps j'avais édité mon message pour voir l'erreur
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:23
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



PA réactive Empty
Oui j'ai vu sur ton forum.

Voilà corrigé:
Code:
<html>
<head>
<title>page d'accueil complete</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#Tableau_01 *
{
margin: 0px;
padding: 0px;
border: 0;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (page d'accueil complete.png) -->
<table id="Tableau_01" width="817" height="588" border="0" cellpadding="0" cellspacing="0">
  <tr>
      <td colspan="9">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d14.png" width="816" height="146" alt="" USEMAP="#navigation"></td>
  <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="146" alt=""></td>
  </tr>
  <tr>
      <td colspan="2" rowspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d15.png" width="65" height="248" alt=""></td>
      <td colspan="3" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d16.png')" width="394" height="169">
     JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920    JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920 
     JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920  JAMES1920 
     </td>
      <td colspan="4" rowspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d17.png" width="357" height="248" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="169" alt=""></td>
  </tr>
  <tr>
      <td colspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d18.png" width="394" height="79" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="79" alt=""></td>
  </tr>
  <tr>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d19.png" width="45" height="193" alt=""></td>
      <td colspan="2" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d20.png')" width="230" height="126">
        je suis un part
      </td>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d21.png" width="124" height="193" alt=""></td>
      <td colspan="2" rowspan="2" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d22.png')" width="193" height="162">
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     JE SUIS UNE NEWS <br />
     </td>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d23.png" width="41" height="193" alt=""></td>
      <td rowspan="2" style="background-image: url('http://i39.servimg.com/u/f39/15/69/89/25/page-d24.png')" width="126" height="162">
        JE SUIS LE STAFF</td>
      <td rowspan="3">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d26.png" width="57" height="193" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="126" alt=""></td>
  </tr>
  <tr>
      <td colspan="2" rowspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d27.png" width="230" height="67" alt="" USEMAP="#vousnous"></td>
  </tr>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="36" alt=""></td>
  </tr>
  <tr>
      <td colspan="2">
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d28.png" width="193" height="31" alt=""></td>
      <td>
        <img src="http://i39.servimg.com/u/f39/15/69/89/25/page-d29.png" width="126" height="31" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="1" height="31" alt=""></td>
  </tr>
  <tr>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="45" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="20" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="210" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="124" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="60" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="133" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="41" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="126" height="1" alt=""></td>
      <td>
        <img src="http://i34.servimg.com/u/f34/13/44/99/02/spacer10.gif" width="57" height="1" alt=""></td>
      <td></td>
  </tr>
</table>

<MAP NAME="vousnous">
<AREA SHAPE="rect" ALT="Plus" COORDS="45,0,110,21" HREF="http://lyceeothelo.1fr1.net/t582-les-partenaires-acceptes">
<AREA SHAPE="rect" ALT="vous" COORDS="110,0,176,21" HREF="http://lyceeothelo.1fr1.net/t27-modele-pour-les-demandes-de-partenariat">
</MAP>

<MAP NAME="navigation">
<AREA SHAPE="rect" ALT="reglement" COORDS="91,20,195,48" HREF="http://lyceeothelo.1fr1.net/t1662-reglement-du-forum">
<AREA SHAPE="rect" ALT="histoire" COORDS="203,23,306,49" HREF="http://lyceeothelo.1fr1.net/t1668-l-histoire-du-lycee-othelo">
<AREA SHAPE="rect" ALT="bestiaire" COORDS="313,23,418,49" HREF="http://lyceeothelo.1fr1.net/t1670-le-bestiaire-d-othelo">
<AREA SHAPE="rect" ALT="styles" COORDS="420,23,521,49" HREF="http://lyceeothelo.1fr1.net/t1086-les-styles">
<AREA SHAPE="rect" ALT="objectifs" COORDS="529,23,633,49" HREF="http://lyceeothelo.1fr1.net/f91-objectifs-et-concours">
</MAP>

<!-- End Save for Web Slices -->
</body>
</html>




James
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:26
Revenir en haut Aller en bas
http://lyceeothelo.1fr1.net/forum.htm
emillie
emillie
{ Membre }
{ Membre }

Féminin Messages : 60



PA réactive Empty
Merci beaucoup james mon sauveur, par contre, je peu savoir ce que tu a changer enfin je le vois, mais j'ai suivi le tuto et il disait d'enlever les images, histoire de savoir pour la prochaine fois. sinon encore merciiiiiiiiiiiiii tous plein
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:29
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



PA réactive Empty
Les images où tu auras du texte. Je les ai placé en background-image (image de fond) donc tu peux écrire dessus. Et pour les bordure je les ai enlevé grâce aux CSS.

Mais ton problème car j'ai déjà utilisé l'outil tranche et ça a fonctionné normalement sans tout ces problèmes.


James
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 13:51
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



PA réactive Empty
L'icône "résolu" est enclencher Wink Je classe.
MessageSujet: Re: PA réactive   PA réactive EmptyJeu 20 Jan 2011, 15:52
Revenir en haut Aller en bas
Contenu sponsorisé




PA réactive Empty
MessageSujet: Re: PA réactive   PA réactive Empty
Revenir en haut Aller en bas
 

PA réactive

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Infobulle sur image réactive
» Souci avec mon image réactive
»  Infobulle sur image réactive bis !
» Bannière réactive ? [Mapping ?]
» Créer une Image Réactive

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit