"Sémantic" du menu

Forum.en1heure.com Index du Forum
 
Rechercher S'enregistrer Profil Se connecter pour vérifier ses messages privés Connexion
 

"Sémantic" du menu

Voir le sujet suivant
Voir le sujet précédent
Poster un nouveau sujetRépondre au sujet
Auteur Message
k



Inscrit le: 02 Mar 2005
Messages: 8
Localisation: W 63°/N 47°

MessagePosté le: Sam Mar 05, 2005 9:01 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

À l'heure actuelle le menu est composé comme suit :
Code:
<div class="block_sommaire_gauche">
<p><a href="./index.php">Accueil</a></p>
<ul>
<li>Lien</li>
<li>Lien</li>
</ul>
<p><a href="./contact.php">Contact</a></p>
</div>


Il serait intéressant de s'orienter vers quelque chose comme cela :
Code:
<dl class="block_sommaire_gauche">
<dt><a href="./index.php">Accueil</a></dt>
<ul>
<li>Lien</li>
<li>Lien</li>
</ul>
<dt><a href="./contact.php">Contact</a></dt>
</dl>


C'est juste une suggestion (j'ai utilisé le terme sémantic, mais je suis loin d'être un connaisseur)
Par contre, cela offrirais beaucoup plus de faciliter pour la création de templates
Ce sur quoi je penche à l'heure actuelle.

Mais peut-être, il y a t'il eu déjà des changement à ce niveau pour la 0.40 ?
(sans être forcément ceux citer au-dessus)
Voir le profil de l'utilisateurEnvoyer un message privé
S-Kape
Modérateur Linux
Modérateur Linux


Inscrit le: 01 Mai 2004
Messages: 662

MessagePosté le: Sam Mar 05, 2005 9:18 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

en fait c'est quoi exactement ces balises ?
j'ai jamais vu ça lol

mais bon si c'est vraiment intéressant je pourrai le mettre dans la prochaine beta, j'ai pas encore regardé au niveau du code Wink

_________________
Apple PowerBook G4 1,67 Ghz 15,2" (1440x960) 2x512 Mo SoDIMM DDR-PC4200 Mac OS X.4.6 Tiger
AMD Athlon 64 3800+ / MSI K8N-Neo4 Platinium / Thermalright XP-90 / 2x1Go DDR-PC3200 Crucial / GeForce 6600GT o/c
Voir le profil de l'utilisateurEnvoyer un message privéEnvoyer l'e-mailMSN Messenger
vanquish
Administrateur


Inscrit le: 26 Mar 2004
Messages: 1552
Localisation: /var/www/

MessagePosté le: Dim Mar 06, 2005 6:32 am | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

Bonjour,
En effet c'est mieux et sémantique mais j'avais rencontré de gros bugs avec IE lors de l'application de styles Sad
A voir !

_________________
La liberté n'a pas de prix
Voir le profil de l'utilisateurEnvoyer un message privéEnvoyer l'e-mail
Monique



Inscrit le: 27 Déc 2004
Messages: 27
Localisation: Belgique (à côté de Mons)

MessagePosté le: Dim Mar 06, 2005 11:25 am | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

Bonjour,

J'avoue que je n'étais pas vraiment satisfaite du code pour le menu... Wink
Je me suis donc orientée vers une simple liste (que je préfère aux listes de définitions pour les menus). Moi aussi j'ai pas mal ramé pour obtenir un résultat correct avec IE.
Ce n'est pas aussi beau que dans Firefox mais les utilisateurs d'IE s'en contenteront !
La page test et sa feuille de style

_________________
Amicalement,
Monique
en campagne pour des sites de qualité, conformes et accessibles...
Voir le profil de l'utilisateurEnvoyer un message privé
vanquish
Administrateur


Inscrit le: 26 Mar 2004
Messages: 1552
Localisation: /var/www/

MessagePosté le: Dim Mar 06, 2005 12:05 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

J'avais le même résultat que toi Monique, le problème est qu'Itseasy est distribué et doit donc fonctionner partout.
Donc si quelqu'un a une solution miracle c'est génial, sinon je ne vois pas vraiment comment faire d'autre.

_________________
La liberté n'a pas de prix
Voir le profil de l'utilisateurEnvoyer un message privéEnvoyer l'e-mail
Monique



Inscrit le: 27 Déc 2004
Messages: 27
Localisation: Belgique (à côté de Mons)

MessagePosté le: Dim Mar 06, 2005 12:50 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

Tu supprimes le .block_sommaire_gauche li li:before évidemment Rolling Eyes

et tu remplaces ces deux règles
Code:
.block_sommaire_gauche li {
      list-style-position: inside;
      list-style-type: none;
      margin: 0 0 0 1em;
      padding: 0.3em 0 0.3em 0;
   }
.block_sommaire_gauche li li {
      list-style-position: inherit;
      list-style-type: circle;
      margin-left: 0;
      margin-left: 20px;
   }

et c'est bon, non ?
Le décalage du sous-menu est moins important avec IE mais il est bien là...

_________________
Amicalement,
Monique
en campagne pour des sites de qualité, conformes et accessibles...
Voir le profil de l'utilisateurEnvoyer un message privé
loico



Inscrit le: 26 Fév 2005
Messages: 9

MessagePosté le: Dim Mar 06, 2005 6:05 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

j'y connais pas mal et g jamais vu ca... encore un ruc qui permet de grapiller de la place non? (lol)
Voir le profil de l'utilisateurEnvoyer un message privé
Monique



Inscrit le: 27 Déc 2004
Messages: 27
Localisation: Belgique (à côté de Mons)

MessagePosté le: Dim Mar 06, 2005 6:21 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

loico a écrit:
encore un ruc qui permet de grapiller de la place non? (lol)

Que veux-tu dire par "grapiller de la place" ?

_________________
Amicalement,
Monique
en campagne pour des sites de qualité, conformes et accessibles...
Voir le profil de l'utilisateurEnvoyer un message privé
asteroid



Inscrit le: 19 Nov 2004
Messages: 80

MessagePosté le: Mar Mar 22, 2005 4:39 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

Alors au risque de te décevoir, k, la "sémantique" (de la même façon que tu l'enetends) n'est pas respecté si on utilise dt, dd, dl.

Il aurait fallu utilisé <menu><li>...</li></menu> mais cette balise va disparaitre.
<ol> étant réservé aux listes numérotées, il en découle :
Citation:

Explication: (source : http://fr.selfhtml.org/html/texte/listes.htm)
<dl> introduit une liste de définitions (dl = definition list = liste de définitions).
<dt> introduit une expression à définir (dt = definition (list) term = terme dans la liste de définitions).
<dd> introduit la définition d'une expression (dd = definition (list) definition = définition dans la liste de définitions).
</dl> termine la liste


Voiàl pour la petite explications, et on peut conclure par un : l'actuel couple <ul><li> est en fait tout à fait sa place

_________________
××××××××××××××××××××××××××××××××××
Free Your engine, Free Your Mind, Get A Slackware

http://pagesperso.laposte.net/asteroid/ <-- Le blog pour IE juqu'à fin Avril
Voir le profil de l'utilisateurEnvoyer un message privéAdresse AIM
vanquish
Administrateur


Inscrit le: 26 Mar 2004
Messages: 1552
Localisation: /var/www/

MessagePosté le: Mar Mar 22, 2005 5:32 pm | Sujet du message :

"Sémantic" du menu

Répondre en citantRevenir en haut

De toutes façons la chose la plus valable serait
Code:
<ul>
<li>
<li>
<ul>
<li>
<li>
</ul>
</ul>


Une liste dans une liste !

_________________
La liberté n'a pas de prix
Voir le profil de l'utilisateurEnvoyer un message privéEnvoyer l'e-mail
Montrer les messages depuis:      
Poster un nouveau sujetRépondre au sujet

Voir le sujet suivant
Voir le sujet précédent

Rappel du sujet de la page : "Sémantic" du menu



 Sauter vers:   

Vous ne pouvez pas poster 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
Vous ne pouvez pas voter dans les sondages de ce forum
Liste des membres

Powered by phpBB © 2001, 2002 phpBB Group | Traduction par : phpBB-fr.com
Hébergement : Venigo, hebergement site web

Thème En1heure.com par Vanquish.
surinvitation | club privé | musique rock gratuite | vente privée | recettes de cuisine | fiche technique auto | photos de lille | voyage privé | nice
Toutes les heures sont au format GMT - 1 Heure
Hé bin vous lisez vraiment tout jusqu'au bout vous ! Salut :o)