Nous sommes actuellement le 29 Mars 2024, 04:00

Le fuseau horaire est UTC-5 heures [Heure d’été]




Publier un nouveau sujet Répondre au sujet  [ 2 message(s) ] 
Auteur Message
 Sujet du message: CSS Position de background
MessagePublié: 09 Déc 2008, 11:20 
Hors-ligne
Référence
Référence
Avatar de l’utilisateur

Inscription : 06 Jan 2002, 22:38
Message(s) : 5949
Localisation : Quebec
J'essaye de faire de placer une image de background dans un td qui doit se repeter sur l'axe des Y. Jusque là, pas grande difficulté. Par contre, je voudrais que je le repeat ne parte qu'à genre 300px du top et va jusqu'au bas. J'ai essayé ça comme code :
Code :
td.gauche {
  background-image: url(../images/tampon_gauche.png);
   background-repeat: repeat-y;
   background-position: 320px 300px;
}


Il me le mets bien à 320px de la gauche mais il me le faut sur toute la hauteur et non pas juste à partir de 300px.

Si je fais un no-repeat, le haut de mon image ce place bien mais elle ne se repete pas.

Voici le ste : http://www.evolutiongraphique.com/hd/entreprise.php

Le but, c'est que sur la gauche, la petite partie de ligne se rende jusqu'à la fin du texte. je pense que j'aurais pas le choix de faire 2 TD et un rowspan.

Merci de votre aide.

_________________
Herakles Informatique Inc
Collaborateur pour HardGamers


Haut
 Profil  
Répondre en citant  
 Sujet du message: Re: CSS Position de background
MessagePublié: 09 Déc 2008, 13:16 
Hors-ligne
Référence
Référence
Avatar de l’utilisateur

Inscription : 06 Jan 2002, 22:38
Message(s) : 5949
Localisation : Quebec
Bon, suite de l'évolution de la chose, j'ai mis un beau rowspan. Voici le code :
Code :
<tr>
          <td valign="top" class="topgauche">
            <img src="images/silhouette.png">
            <p class="gauche">
              <a href="contact.php" class="gauche">Contactez</a> nos spécialistes<br>au 418 653-1661 ou au <a href="mailto:info@hdrecherche.ca" class="gauche">info@hdrecherche.ca</a>
            </p> 
          </td>
          <td valign="top" rowspan="2">
            <!-- Contenu sur la droite -->
          </td>
        </tr>
        <tr>
          <td class="gauche" valign="top"><img src="images/ligne_hori_gauche.png"></td>
        </tr>


Et voici le CSS :
Code :
td.topgauche {
  width: 335px;
  margin: 0px;
  padding: 0px;
}

td.gauche {
  position: relative;
  background-image: url(../images/tampon_gauche.png);
   background-repeat: repeat-y;
   background-position: 320px;
  width: 335px;
  height: 125px;
}


Mon soucis à présent, c'est que je suis obligé de spécifier mon height pour le td.gauche car mon td.topgauche à l'air de s'en battre les roubignolles gravent. Idéalement, faudrait qui face 300px de haut et le td.gauche prennent le reste de la place mais il veut rien savoir :(

_________________
Herakles Informatique Inc
Collaborateur pour HardGamers


Haut
 Profil  
Répondre en citant  
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 2 message(s) ] 

Le fuseau horaire est UTC-5 heures [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 6 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum

Recherche de:
Aller vers :  
cron
Propulsé par phpBB® Forum Software © phpBB Group
Traduction et support en françaisHébergement de site