5568 sujets

Sémantique web et HTML

Bonjour,
Je suis heureux d'avoir enfin mon code validé par
http://www.validome.org/

Par contre, j'ai encore une difficulté d'affichage sur IE.
Dans le div qui gère le contenu du centre de la page, je suis obligé de mettre dans un tableau du texte pour que celui s'affiche au premier coup dans Internet explorer.

<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<div class="texteorange" style="padding-left:14px;padding-bottom: 15px">
<a href="http://www.ruedesboulets.com/spip.php?rubrique3"><b>DERNIERS ALBUMS</b></a>
</div>
</td></tr></table>


le lien vers la page concernée
http://www.ruedesboulets.com

Merci d'avance. BS
Modifié par Rue des boulets (26 Oct 2006 - 12:01)
Salut

Quel était le problème, en fait ? Parce que là je ne vois aucun soucis sous IE Smiley ohwell

Au jugé, si le texte n'apparaissait qu'après rafraichissement de la page dans IE, ou en sélectionnant le texte, il peut s'agir du peek-a-boo bug (en) ...
Oui, il n'y a pas de problème car je mets le texte dans un tableau.
Je voudrais que le texte s'affiche sans ce tableau... lequel n'a aucun sens.
Merci d'avance. BS
Tiens, c'est marrant, j'aurais juré que que « Derniers albums » était un titre.

En fait non, c'est juste un bout de texte en gras parmi tous les autres textes de la page. Ce qui a l'avantage d'être plus drôle : comme ça, si on désactive la feuille de style, tous les textes sont collés et on arrive plus à comprendre la structure du contenu. C'est un peu comme un manifeste dadaiste, j'adore. Smiley smile

À part ça, quelle était le code (HTML, CSS) de la version qui ne marchait pas bien avec IE6 ?
Le code html est celui-ci :

<div class="texteorange" style="padding-left:14px;padding-bottom: 15px">
<a href="http://www.ruedesboulets.com/spip.php?rubrique3"><b>DERNIERS ALBUMS</b></a>
</div>


le code css

.texteorange, .texteorange a {
padding: 2px;
color: #FF6600;
text-decoration: none;
}
.texteorange a:hover {
background: #F5F3EB; 
}


????
Merci d'avance. BS
Bonjour,

Je ne vois pas de différence entre FF et IE, est-ce la bonne version que tu nous propose pour t'aider ?

Sinon, dans ton code ci-dessus, peut être serait-il bon d'utiliser une balise <hn> respectueuse des standards, en tapant le texte "Derniers albums" en minuscules et stylisé en majuscule via la CSS, au lieu d'utiliser une balise <b> dépréciée par le W3C et qui n'a plus de sens sémantique lorsque la CSS est désactivée.
Modifié par Mikachu (26 Oct 2006 - 13:00)
Le problème ne se voyait pas car j'ai laissé le tableau.

Par contre, je veux bien testé un moment (1 ou 2 heures).
Je viens donc de retirer le tableau, les majuscules, les balises html et j'ai utilisé le code suivant

<h1>
<a href="spip.php?rubrique3">Derniers albums</a>
</h1>


Sur IE, il faut jouer avec l'ascenceur pour que derniers albums s'affiche.
Comme d'hab, je ne comprends pas.
http://www.ruedesboulets.com
Merci d'avance. BS
Modifié par Rue des boulets (26 Oct 2006 - 13:44)
J'arrête le test et remets le code avec tableau.
Je me demande si ce problème n'est pas généré par SPIP, le CMS que j'utilise.
Cordialement. BS
Modifié par Rue des boulets (26 Oct 2006 - 15:23)