Forums Développement Multimédia

Aller au contenu

div premier plan / arrière plan

CODE HTML CSS

38 réponses à ce sujet

#1 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 00:46 AM

Bonsoir,

Je souhaite placer une photo principale sur toutes mes pages et par dessus, ma navigation générale.

Je parviens à créer mon div photo et superposer ma navigation mais dans DW, ma navigation est complètement masquée par la photo :) alors que dans le navigateur, c'est correct.

J'imagine donc que je m'y suis encore mal pris... ;)

Comment afficher ma navigation en premier plan aussi bien dans DW que dans le navigateur ?

Le code :

<div id="photo"><img src="img/im1.jpg" width="584" height="747" />
</div>

<div id="sidebar">
<ul class="nav">
<li><a href="lien1">RUBRIQUE 1</a></li>
<li><a href="lien1">RUBRIQUE 1</a></li>
<li><a href="lien2">RUBRIQUE 2</a></li>
</ul>

CSS

#sidebar {
float: left;
margin-left: 782px;
margin-top: -536px;
}

#photo {
float: left;
margin-top: -159px;
margin-left: 100px;
}


</div>

#2 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 29 October 2011 - 08:39 AM

Salut,

Il me semble que DW prévisualise les page web avec le moteur de rendu webkit, celui utilisé dans Safari et Chrome

As-tu testé avec ces navigateurs pour pré visualiser ton site, si ça se trouve, ça passe avec ie et firefox mais pas dans Safari et chrome

Pour la structure de ta page, pourquoi ne pas placer le menu dans une div et utiliser l'image en tant que background-image ?


<div id="header">
    <div id="sidebar">
        <ul class="nav">
            <li><a href="lien1">RUBRIQUE 1</a></li>
            <li><a href="lien1">RUBRIQUE 1</a></li>
            <li><a href="lien2">RUBRIQUE 2</a></li>
        </ul>
    </div>
</div>
 

note : pour placer du code sur le forum, tu peux utiliser le bouton avec les chevrons <> situé dans la barre d'édition, ça permet de le rendre plus lisible

Modifié par switcherdav, 29 October 2011 - 08:39 AM.

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#3 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 29 October 2011 - 08:54 AM

Bonjour Goudurisc,

si j'ai bien compris tu devrais privilégier le positionnement absolu avec du (z-index quand il est nécessaire).
idem pour les margin négatif, préfère leur le positionnement relatif quand c'est possible.
Le margin négatif est un contournement qui doit être réglé autrement.

HTML
<div id="sidebar">
<img id="photo" src="img/im1.jpg" width="584" height="747" />
<ul class="nav">
<li><a href="lien1">RUBRIQUE 1</a></li>
<li><a href="lien1">RUBRIQUE 1</a></li>
<li><a href="lien2">RUBRIQUE 2</a></li>
</ul>
</div>
 

CSS
#sidebar {
float: left;
left: 782px;  //A ajuster
top: -536px;  //A ajuster
position : relative; //Design la référence pour le positionnement absolu de #photo
}

#nav {
position : relative; //Pour que le z-index soit correctement pris en compte.
z-index: 1; //Plus le z-index est grand plus l'élément est proche du premier plan.
}

#photo {
position:absolu;
top: 0; left: 0; //A ajuster
z-index: 2; //Plus le z-index est grand plus l'élément est proche du premier plan.
}
 

Dernière chose tente de t'extirper de ce que te propose DW qui ne te permettra jamais de bien comprendre tout ces concepts. Aptana 3 est un excellent HTML/CSS éditeur basé sur Eclipse et qui mérite certainement ton attention :)

Si c'est par dessous le menu que tu voulais l'image (un background) alors tu sembles avoir d'énormes lacunes en HTML/CSS, et il va falloir penser à se former ;).

Bon courage :(

Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#4 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 10:54 AM

Merci beaucoup pour vos aides ! :)

switcherdav, hier soir j'avais fini effectivement par utiliser mon image en background mais je pensais que ce n'était pas la meilleure formule mais finalement, vous me confortez avec Ren. :D

Ren, ta solution fonctionne aussi parfaitement, DM m'a simplement fait corrigé "absolu" en absolute". J'avais tourné autour de cette solution sans trouver la bonne formule, ton explication est donc bienvenue ! sinon, j'avoue qu'une solution serait géniale mais c'est trop cher pour et je ne bénéficie d'aucune aide particulière. :(

J'ai maintnant, un autre petit soucis : ma première rubrique est "Accueil". A côté d'elle j'ai saisi en plus petit "English version".
Bien entendu, il faudrait que les deux intitulés aient un lien différent mais je n'y parviens pas. Les deux mots sont bien séparés par un espace mais quand je saisi un lien sur "Accueil", il est automatiquement reporté sur "English version" et inversement... ;)

#5 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 29 October 2011 - 11:13 AM

Je ne suis pas sûr de comprendre, tu aurais un morceau de code ou une page en ligne pour le soucis du menu ?

Tu cherches à obtenir quelque chose dans ce goût là ?

<li><a href="lien1">Accueil</a><a href="#">version anglaise</a></li>

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#6 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 12:39 PM

ce serait un peu ça. Pour l'instant j'ai :
<li><a href="index.php">ACCUEIL <span class="englishVersion">English version</span></a></li>
et je ne vois pas comment adapter mon code pour obtenir les deux liens en conservant les deux intitulés sur la même ligne. :)

#7 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 29 October 2011 - 14:30 PM

Un lien est un texte placé entre des balises <a> et </a>


<a>le texte de mon lien</a>
 

On indique vers quelle page pointe le lien par l'attribut href


<a href="pageDeMonLien.html">le texte de mon lien</a>
 

Donc, si tu veux 2 textes avec des liens différents, il faut que chaque texte soit entouré des balises dédiées

Dans le code que tu montres, il n'y a qu'un seul lien vers la page index.php qui sera appelé lorsque tu cliques sur l'ensemble de ton texte "ACCCUEIL English version"
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#8 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 14:47 PM

Oui, merci de me préciser ça mais j'ai toujours un pb. Mon code est donc maintenant :
<li><a href="index.php">ACCUEIL</a><a href="englishVersion.php" class="englishVersion">English version</a>

mais English version passe systématiquement à la ligne.

Pour complexifier encore, Je souhaite aussi ajouter un style inline (span), ce qui donnerait :
<li><a href="index.php">ACCUEIL</a>
      <a href="englishVersion.php" class="englishVersion">English version</a> </li>

mais le style n'est pas pris en compte :)

Modifié par Goudurisc, 29 October 2011 - 14:47 PM.


#9 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 29 October 2011 - 15:05 PM

Pour le retour à la ligne, il est possible que ce soit dû à la largeur de ta liste ou de son container qui est trop petit pour tout afficher

Pour l'autre partie, j'avoue ne pas saisir l'objectif visé, tu veux un décalage du lien vers la version anglaise ?

Si c'est compliqué à expliquer, fait un dessin :)

edit : un moyen de faire, en dehors d'utiliser les outils de parcours du DOM intégrés aux navigateurs, et de mettre un background-color sur ton container afin de voir la place qu'il occupe.

Modifié par switcherdav, 29 October 2011 - 15:07 PM.

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#10 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 15:12 PM

rien ne vaut une petite capture du projet à plat...

il faudrait donc que "English version" soit à la suite de "ACCUEIL" mais avec un lien et un style différent... :)

Fichier(s) joint(s)

  • Fichier joint  english.png   14.86 Ko   11 téléchargement(s)


#11 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 17:02 PM

...et tu as raison, mon texte est trop long, ce qui génère un retour. Et c'est bien parce que je ne peux pas appliquer mon style sur "English" (dont le corps est beaucoup plus réduit) que c'est trop long...

Bref, si je parviens à appliquer ce style, c'est tout bon, et c'est le dernier obstacle majeur pour mon projet, dur... :)

#12 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 29 October 2011 - 18:05 PM

Tu peux laisser ton span (englishVersion) et pour appliquer le style au texte entre les balises <a></a> faire

.englishVersion a {
font-size : 0.5em ;
}

Modifié par switcherdav, 29 October 2011 - 18:05 PM.

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#13 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 29 October 2011 - 18:15 PM

Voir le messageswitcherdav, le 29 October 2011 - 18:05 PM, dit :

Tu peux laisser ton span (englishVersion) et pour appliquer le style au texte entre les balises <a></a> faire

.englishVersion a {
font-size : 0.5em ;
}

Plutôt comme ça non ?
a.englishVersion {
    font-size : 0.5em ;
}
La class est appliquée au lien non à son conteneur ! :)

Aussi, le span est inutile et peut être supprimé.

<ul>
  <li><a href="index.php">ACCUEIL</a> <a href="englishVersion.php" class="englishVersion">English version</a> </li>
</ul>
li {
        list-style-type:none;
}
a {
        text-decoration:none;
        color:#999;
        font-size:1em;
}
a.englishVersion {
        font-size:.6em;
}


#14 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 20:05 PM

Salut edfred

Pour récapituler :

J'ai donc testé :
<li><a href="index.php">ACCUEIL</a><a href="englishVersion.php" class="englishVersion">English version</a>
 

et le css dans ma feuille de style, on est donc d'accord, ça ne marche pas puisque "English version" apparaît comme une rubrique supplémentaire

Si je dois directement insérer le style entre les balises <a></a> ça donnerait ? :
<li>
<a href="index.php">ACCUEIL</a> <a href="englishVersion.php" class=".englishVersion a { font-size : 0.5em ; }">English version</a>
</li>

Ça ne marche pas. J'espère que je ne vais pas devoir réer un div juste pour cette verrue :)

#15 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 29 October 2011 - 21:05 PM

...bien entendu, vous constaterez que je ne sais pas comment saisir exactement un css directement dans le div

Pour l'instant, je n'ai rien trouvé de clair sur les tutos...

#16 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 30 October 2011 - 10:56 AM

Merci edfred pour la correction, c'est effectivement bien plus clair de cette manière.

@Goudurisc, voici un lien utile pour le formatage HTML :
http://www.w3schools...ndard_style.asp
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#17 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 30 October 2011 - 11:24 AM

Super switcherdav ! :) je sais maintenant intégrer du css directement dans un div. J'avoue que j'avais toujours contourné ce pb et ce n'était quand même pas trop compliqué.

Par contre, dans mon pb du jour, si je suis parvenu à appliquer ce style et donc réduire suffisamment "English version", il passe encore à la ligne et apparaît donc comme une rubrique :

<li><a href="index.php">ACCUEIL</a> <a href="englishVersion.php" style="font-size: 12px;">English version</a>
        </li>

et le CSS :

#sidebar {
        margin-top: -662px;
        margin-right: 215px;
        width: 213px;
        float: right;
}
ul.nav {
        list-style: none;
}
ul.nav a, ul.nav a:visited {
        background: #FFF;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #626250;
        font-size: 17px;
        line-height: 22px;
        padding: 6px 5px 5px 15px;
        display: block;
        width: 198px;
        height: 47px;
        margin-bottom: 10px;
        text-decoration: none;
}
ul.nav a:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #A64273;
}

Fichier(s) joint(s)



#18 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 30 October 2011 - 13:38 PM

Dommage de l'intégrer directement dans l'HTML, tu pourrais le faire dans ta CSS.
ul.nav a.englishVersion {
font-size:12px;
/*placer après les propriétés déjà appliquées au liens, une CSS s'appliquant de haut en bas par le navigateur, il ne faut pas annuler celle-ci par une autre qui suivrait !*/
}


#19 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 30 October 2011 - 14:00 PM

ok edfred, je préfère personnellement que tout figure dans ma feuille css mais j'ai encore dû rater une manip... Celà dit il faudra aussi que je règle le retour à la ligne de "English version" alors qu'il n'y a même pas un <BR/>


        <li><a href="index.php">ACCUEIL</a> <a href="englishVersion.php">English version</a>
        </li>

css
ul.nav a.englishVersion {
        font-size: 12px;
        color: #626250;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration:none;
}
ul.nav a:hover.englishVersion {
        color: #A64273;
        text-decoration:none;
}


#20 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 30 October 2011 - 21:14 PM

Voir le messageGoudurisc, le 30 October 2011 - 14:00 PM, dit :

Celà dit il faudra aussi que je règle le retour à la ligne de "English version" alors qu'il n'y a même pas un <BR/>

Attention, on l'écrit <br /> en minuscule…
Il est parfaitement normal que ton item "English version" passe à la ligne si tu le déclare comme un bloc et non plus inline !!!

#21 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 30 October 2011 - 21:29 PM

En inline, ça donnerait ça ? :

<li><a href="index.php">ACCUEIL</a> <a href="englishVersion.php" class="englishVersion">English version</a>
        </li>

css
.englishVersion {
        font-size: 12px;
        color: #626250;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration:none;
}

...mais ça ne marche pas, grosse galère pour cette bricole :roll:

#22 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 31 October 2011 - 16:39 PM

Ça devrait fonctionner sans problème !
Indique toute ta CSS qu'on y jette un œil.

#23 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 October 2011 - 17:13 PM

Pour l'instant, j'ai créé un div juste pour ce petit bout de texte, pas top... :roll: Sinon, voici le code complet


<div id="sidebar">
      <ul class="nav">
        <li><a href="index.php">ACCUEIL</a> <a href="englishVersion.php">English version</a> </li>
        <li><a href="#">RUBRIQUE 2 </a></li>
        <li><a href="#">RUBRIQUE 3 </a></li>
      </ul>
    </div>
 


#sidebar {
        float: right;
        width: 200px;
        margin-right: 215px;
}
ul.nav {
        list-style: none;
}
ul.nav a, ul.nav a:visited {
        background: #FFF;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #626250;
        font-size: 17px;
        line-height: 22px;
        padding: 6px 5px 5px 15px;
        display: block;
        width: 198px;
        height: 47px;
        margin-bottom: 10px;
        text-decoration: none;
}
ul.nav a:hover {
        color: #A64273;
        text-decoration: none;
}
.englishVersion {
        font-size: 12px;
        color: #626250;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration:none;
}
.englishVersion a:hover {
        color: #A64273;
        text-decoration:none;
}
 


#24 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 31 October 2011 - 21:06 PM

Peut-être en passant la 2eme balise en float-right ?

<div class="sidebar">
    <ul class="nav">
        <li>
            <a href="lien1">Accueil</a> <a href="lien2"class="english-version">English version</a>
        </li>
        <li><a href="lien3">rubrique 2</a></li>
    </ul>
</div>

 .sidebar {
    width : 200px ;
    font-family : sans-serif ;
}
       
.nav {
    padding : 0 ;
    list-style : none ;
}
       
.nav a {
    text-decoration : none ;
}
       
.nav li {
    padding : 10px ;
}
       
.nav li:hover {
    background-color : #CFCFCF ;
}
       
.nav .english-version {
    float : right ;
    padding-top : 4px ;
    font-size : 10px ;
}

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#25 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 October 2011 - 22:34 PM

C'est sûr switcherdav, je vois bien que ton css est plus limpide que le mien. J'avoue que je ne pensais ps pouvoir bâtir ma nav avec des class, je retiens pour l'avenir...

En résultat, ça fonctionne, MERCI !!! mais en essayant de développer ton css, j'ai un dernier pb : je ne peux obtenir un texte blanc en survol de mes rubriques alors que la couleur blanche est clairement définie, soit avec :
.nav li:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #A64273;
}    

et pour mon css complet :
.sidebar {
        float : right;
        margin-right: 166px;
        margin-top: -662px;
}    
.nav {
    list-style : none ;
}
.nav a {
    text-decoration : none ;
        color: #626250;
}      
.nav li {
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #626250;
        font-size: 17px;
        line-height: 22px;
        padding : 10px ;
        display: block;
        width: 198px;
        height: 47px;
        margin-bottom: 10px;
        background: #FFF;
}
.nav li:hover {
        color: #FFF;
        text-decoration: none;
        background-color: #A64273;
}    
.nav .english-version {
        float : right;
        margin-top: 3px;
        margin-right: 4px;     
        font-size: 12px;
        color: #626250;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration:none;
}
.nav .englishVersion:hover {
        color: #A64273;
        text-decoration:none;
}


#26 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 31 October 2011 - 23:07 PM

Content que ça fonctionne mais prend tout de même le temps de tester sur plusieurs navigateurs, on ne sait jamais :roll:

Pour la couleur du lien, peut-être quelque chose dans ce goût là ?

.nav a:hover {
    color : #FFF ;
}

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#27 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 31 October 2011 - 23:18 PM

En survol, le rectangle prend bien le fond quand le curseur passe dessus mais il faut survoler précisément la typo pour qu'elle passe en blanc...

#28 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 01 November 2011 - 00:21 AM

Je regarde demain, tu passes tes lien en bloc alors que ce n'est absolument pas nécessaire !
Bonne nuit, elle porte conseil !

#29 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 November 2011 - 00:36 AM

Merci de cette précision, j'ai viré et effectivement, ça ne change rien
Bonne nuit à toi

#30 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 01 November 2011 - 09:49 AM

En utilisant cette syntaxe ça passe sous Chrome et Firefox (mac os) ... reste à voir sous ie ...

.nav li:hover a{
    color : red ;
}

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#31 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 November 2011 - 11:28 AM

Merci dcz.switcher mais dans ce cas, cc'est juste le fond du texte de mes rubriques qui prend la couleur et pas la totalité du fond de mon encadré rubrique... :roll:

#32 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 01 November 2011 - 11:38 AM

Tu utilises quel navigateur ?

Chez moi, j'obtiens ça au survol de la première rubrique : l'ensemble prend un fond gris et les textes deviennent rouges

Fichier(s) joint(s)


"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#33 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 November 2011 - 14:46 PM

Testé sur Mac Safari, Chrome, Firefox

Après retest, le fond apparaît bien en totalité mais il faut déplacer le curseur jusqu'au texte de la rubrique pour qu'il passe en blanc. Logiquement il faudrait que le fond et le texte change de couleur en même temps...

#34 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 01 November 2011 - 20:37 PM

Tu peux tester cette page et me dire ce que tu obtiens comme résultat ?

http://www.luma79.co...x/mediabox.html
"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#35 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 November 2011 - 21:01 PM

En récupérant ton css, j'ai pu adapter le mien et ça marche ! bravo ! :roll:

Bon j'avoue quand même que j'ai du mal a interpréter
.nav li:hover a {
au niveau du "a" ... et c'est lui qui change tout !

Sinon, sans chipoter non stop, le dernier petit effet consisterait à pouvoir éditer le survol de "English version" et en l'état mon code ne change rien :
.nav .english-version {
        float : right;
        margin-top: 3px;
        margin-right: 4px;     
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration:none;
}

.nav .englishVersion a {
        color: #626250;
        text-decoration:none;
}
.nav .englishVersion:hover {
        color: #626250;
        text-decoration:none;
}

S'il te reste encore un peu de patience ;)

#36 dcz.switcher

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 2532 messages

Posté 01 November 2011 - 21:06 PM

Vérifie bien le nom de la classe Image IPB

Dans ton CSS, tu utilises 2 noms différents :

.english-version

et

.englishVersion

"Ce que l'on conçoit bien s'énonce clairement et les mots pour le dire arrivent aisément"

embryon de site

#37 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 01 November 2011 - 21:20 PM

bon diou d' bon diou ! une grosse bourde qui s'est glissée au fur et à mesure de mes colmatages et autres tentatives !
Que te dire sinon un très grand merci !!! :roll:

#38 Eddy.vh

    Éternel apprenti.

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 1194 messages

Posté 02 November 2011 - 11:32 AM

Voir le messageedfred, le 01 November 2011 - 00:21 AM, dit :

Je regarde demain, tu passes tes lien en bloc alors que ce n'est absolument pas nécessaire !
Bonne nuit, elle porte conseil !

Navré W-E chargé, je n'ai pas eu le temps de me pencher sur ton problème. :(

#39 goudurisc

  • Members
  • PipPipPipPipPipPipPipPip
  • 674 messages

Posté 02 November 2011 - 12:09 PM

Pas de soucis edfred, l'essentiel est que je reparte avec la solution et dcz.switcher a assuré le bon relai technique :(
Je te remercie bien entendu pour le temps que tu passes à donner des coups de main sur ce forum !



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP