5568 sujets

Sémantique web et HTML

Salut,

J'ai un petit problême de positionnement, je n'arrive pas a le résoudre, si quelqu'un a une idée...
Voici la différence :
http://www.oeufs-kinder-surprise.com/prob.jpg

Le code sur la page html :
<div class="cadre_bas_menu_collection"><img src="image_index/rubrique_bas.gif" width="130" height="7" alt="" /></div>


Et le code dans la feuille de style...
.cadre_bas_menu_collection
{ FLOAT:left; MARGIN-TOP:0px; WIDTH:130px; HEIGHT:7px; BORDER:0px; }


Voila ce div est dans un div central et devrait se positioner juste en-dessou du div au-dessu de lui (c'est pas si compliqué que ca Smiley lol )

Sous IE pas de souci, sous mozilla, je vous laisse jugé...

Merci bien de m'aider Smiley smile

Vincent
Modifié le 08 Feb 2005 - 22:36
Heuuuuuu, c'est pas très propre comme code ça ... Déjà, tu ne dois pas mettre une balise <img /> pour un objet qui sert au design !
Remplaces le donc par :

background-image:url(tonimage.jpg);

dans ton CSS


Ensuite, pour une meilleure lisibilité de ta page, essais d'indenter ton code, et de mettre les balises en miniscules Smiley smile !
Kevin a écrit :

Heuuuuuu, c'est pas très propre comme code ça ... Déjà, tu ne dois pas mettre une balise <img /> pour un objet qui sert au design !

Ah oui ? Je pensais bêtement qu'en mettant un attribut vide alt="" c'était sans conséquences pour les navigateurs vocaux ou en mode texte... Smiley hum

Bien sûr dans un monde idéal, les éléments de présentation devraient se définir via CSS, mais attention aux "tu ne dois pas".
Par expérience, il y aura toujours un original pour nous reprendre dans le détour (moi par exemple) Smiley cligne
Administrateur
Pour répondre à la question posée (ben oui, tout le monde te tape dessus, mais ne répond pas à ta question Smiley langue ), je pense qu'il s'agit :
- soit d'un problème de marge (de la liste par exemple)
- soit d'un problème de taille de police (essaye en mettant un font-size:1px dans ton dernier div)

Dans les deux cas, je pense que la Méthodologie devrait t'aider Smiley smile
Stephan a écrit :

Ah oui ? Je pensais bêtement qu'en mettant un attribut vide alt="" c'était sans conséquences pour les navigateurs vocaux ou en mode texte... Smiley hum

Bien sûr dans un monde idéal, les éléments de présentation devraient se définir via CSS, mais attention aux "tu ne dois pas".
Par expérience, il y aura toujours un original pour nous reprendre dans le détour (moi par exemple) Smiley cligne


Quand je dis "tu ne dois pas" , je devrais toujours fais un truc genre :
W3C a écrit :
Tout élément du design doit être défini par un élément CSS


ou quelque chose de ce genre, avec les vraies citations .. évidemment, j'ai la flemme Smiley cligne !

Raphaël , je pense que le problème que tu résouds avec le font-size:1px; est un problème seulement sur IE, enfin, il me semble .

Je pencherais aussi pour un problème de marges, entre autres s'il y'a des éléments blocs type <li> ou <p> dans le div du dessus.
@Kevin (oui Raphael je suis HS mais je tiens à préciser)

Lu comme ça :
Kevin a écrit :

Quand je dis "tu ne dois pas" , je devrais toujours fais un truc genre :

W3C a écrit :
Tout élément du design doit être défini par un élément CSS


ou quelque chose de ce genre, avec les vraies citations .. évidemment, j'ai la flemme Smiley cligne !

J'ai tendance à dire que c'est faux. Rien n'oblige à définir un élément via CSS.

Merci de donner un lien vers la source lorsque tu fais une citation. Hors contexte, ça veux dire un peu n'importe quoi.

W3C a écrit :

Stephan a toujours raison !

Si si ! Il l'a dit ! [ smiliequisifflote ]
Modifié le 08 Feb 2005 - 21:39
Oui oui, mais là (oui Raphaël , je suis le modo Smiley langue ) , c'était un exemple au pif, et comme j'ai dis, j'ai la flemme de chercher là ... mais à l'avenir, je ferais citation + lien, ca te va Smiley smile ?!

[ Ça me va ! Dans ton exemple (au pif), j'ai vraiment cru que tu citais le w3c Smiley biggol ]

Donc :

Jamais le W3C n' a écrit :
Tout élément du design doit être défini par un élément CSS

--
Stephan
Modifié le 08 Feb 2005 - 22:42
Salut,

Bon voila a quoi j'en suis arrivé et ca marche correctement sur les deux navigateurs :
.cadre_bas_menu
{ 
FLOAT:left;
 MARGIN-TOP:0px; 
WIDTH:130px; 
HEIGHT:7px; 
BORDER:0px; 
BACKGROUND-IMAGE:URL("image_index/rubrique_bas.gif"); 
BACKGROUND-REPEAT:no-repeat; }


Ne pas oublié le no-repeat, sans, sous IE j'ai une répétition 3 fois de l'image, vraiment bizzard.
Merci pour votre aide c'est tout bon Smiley smile

Vincent
Modifié le 08 Feb 2005 - 22:35