Contenu | Rechercher | Menus

Annonce

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

Pages : 1

#1 Le 05/12/2008, à 21:40

jofab

TABLE et IMG en HTML

Bonjour,
bon je ne considere pas le HTML comme de la programmation mais c'est le topic le plus proche que j'ai trouvé... Je m'excuse par avance si la question est déplacé smile...
J'ecris une petite page HTML : cette page doit contenir une liste verticale de vignettes avec une petite description à droite de chaque vignette.

J'ai simplement (et naivement) fait pour chaque vignette :

<TABLE >
 <TR>
  <TD width=10%>
   <A HREF="monimage1.png"><IMG SRC="monimage1.png" alt="affiche" width=85%></A>
  </TD>
  <TD align="left" >
   <U>Mon tralala</U><BR>encore du tralala...
  </TD>
 </TR>
</TABLE>

Sous ubuntu+Mozilla Firefox je n'ai aucun pb. J'ai regardé par hazard ce que ca donne sous windows xp+ie et la, l'image est immense. Si je comprends bien (mais je n'en suis pas certain), sous mozilla le calcul c'est 85% de la taille de la case (soit 85% de 10% de la taille de la page) et sous ie c'est 85% de la taille de la page ?
Qui des deux a raison et qui a tord ? Comment faire pour solutionner proprement ce problème ?
J'ai essayé avec des div mais je n'ai pas reussi et je n'ai pas envie de mettre des tailles fixes...

merci pour votre aide...
Jo

Hors ligne

#2 Le 05/12/2008, à 23:08

zedtux

Re : TABLE et IMG en HTML

Première chose à savoir: IE ne respecte pas les standards, Firefox, lui, oui !
( et pour les pointilleux, IE ne respecte pas TOUT les standard ! )

Ensuite, pourquoi créer un tableau pour chaque vignette !? Pourquoi ne pas faire un seule et unique tableau ?
Cela réglera peut-être ton problème.

Pour ce qui est du troll... HTML reste de la programmation. Tu tappe du code pour obtenir un résultat. big_smile

RECOLLER VOS FICHIERS XTM AVEC TUXTREMSPLIT !!
Adhérant April numéro 4985 [Rejoindre l'April moi aussi !].

Hors ligne

#3 Le 06/12/2008, à 09:30

kouskous

Re : TABLE et IMG en HTML

Et puis les tableaux saimal
Utilise des blocs <div> tongue

#!/usr/bin/killall
« « J'aime kouskous » — kouskous. »  — kouskous.

Hors ligne

#4 Le 06/12/2008, à 12:04

jofab

Re : TABLE et IMG en HTML

merci pour réponses.

Je voulais pas troller, j'etais vraiment pas certain de poser la question sur le bon topic...

Pourquoi creer un tableau par vignette ? c'est simplement que je veux avoir un fond de page d'une couleur et des bandeaux avec un fond different pour les vignettes. Mais de toutes facons, je ne suis pas certain que que cela change qqc car c'est un probleme de largeur : Toute la colone va avoir le meme problème...

Pour ce qui est du div, je veux bien l'utiliser mais je n'arrive pas au resultat que je souhaite...

Hors ligne

#5 Le 06/12/2008, à 15:43

zedtux

Re : TABLE et IMG en HTML

Effectivement les div sont mieux.

Pour changer le fond des vignettes il existe la propriété class, que tu met dans les <tr>.

RECOLLER VOS FICHIERS XTM AVEC TUXTREMSPLIT !!
Adhérant April numéro 4985 [Rejoindre l'April moi aussi !].

Hors ligne

#6 Le 06/12/2008, à 16:03

jofab

Re : TABLE et IMG en HTML

Pour changer le fond des vignettes il existe la propriété class, que tu met dans les <tr>

Ca m'oblige à mettre une ligne vide entre deux vignettes pour séparer mes vignettes mais peu importe, ca ne change pas mon probleme de taille d'image car la largeur de la cellule et de l'image ne seront toujours pas la meme sous firefox & sous ie...

Effectivement les div sont mieux.

Je veux bien mettre un div mais je n'y arrive pas. J'ai mis un div général pour un bandeau horizontal et j'ai coupe ce bandeau par deux div mais la ca foire car je les declare en float left et float right et du coup ils ne font plus partie du flow et donc la hauteur n'est pas la bonne...
Je dois mal m'y prendre...

Hors ligne

#7 Le 06/12/2008, à 16:26

Phixme

Re : TABLE et IMG en HTML

Essaye ça en xhtml (css):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Ma page de test</page>

<style type="text/css">
/* deparametrages */
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
}
img {
    display: block;
    border: none;
}
.clear {
    clear: left;
}

/* styles de ma page */
body {
    width: 100%;
    font-family: arial, verdana, sans-serif;
    background: red;
}
.clear {
    padding-bottom: 10px;
}
.img {
    width: 10%;
    float: left;
    background: blue;
}
.img img {
    width: 85%;
}
.texte {
    width: 90%;
    float: left;
}
.texte h1 {
    font-size: 14px;
}
.texte p {
    font-size: 12px;
    text-align: justify;
}
</style>
</head>

<body>
<div class="clear">
<div class="img">
    <p><img title="" src="monimage1.png" alt="affiche" /></p>
</div>

<div class="texte">
    <h1>Mon tralala 1</h1>
    <p>encore du tralala 1...</p>
</div>
</div>

<div class="clear">
<div class="img">
    <p><img title="" src="monimage2.png" alt="affiche" /></p>
</div>

<div class="texte">
    <h1>Mon tralala 2</h1>
    <p>encore du tralala 2...</p>
</div>
</div>
</body>
</html>

Mais je reste convaincu qu'utiliser des pourcentages pour des images c'est pas pratique car il faut penser aux résolutions des vignettes qui elles resteront toujours les mêmes.

Si tu as une erreur avec mon code pour ie6 dis le moi en css ça ira 20 fois plus vite pour gérer les différences entre ie6 et les navigateurs w3c.

PHX

Dernière modification par Phixme (Le 06/12/2008, à 16:55)

Acer Aspire One Archlinux

Hors ligne

#8 Le 06/12/2008, à 17:05

jofab

Re : TABLE et IMG en HTML

Merci Phixme pour ta solution, je vais la tester et je te dirai...
Jo

Hors ligne

Pages : 1