mes balises <li> ne sont pas accepté

Mammouth du PHP | 558 Messages

23 mars 2008, 13:00

je ne comprend pas pourquoi je ne peut pas mettre de balise <li> a cette endroit.
avez vous une idée?
ci dessous le lien qui vous donnera la reponse et egalement le code numeroté http://validator.w3.org/check?uri=http% ... =1&group=0
merci

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

23 mars 2008, 13:54

A tout hasard... 8-|
document type does not allow element "LI" here; missing one of "UL", "OL", "DIR", "MENU" start-tag

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

Mammouth du PHP | 558 Messages

23 mars 2008, 14:01

merci truc je vient d'ajouter la balise <ul> et ma page est enfin validé :D :D :D

ViPHP
ViPHP | 4674 Messages

23 mars 2008, 17:11

A tout hasard... 8-|
document type does not allow element "LI" here; missing one of "UL", "OL", "DIR", "MENU" start-tag
Quel heureux hasard :'D.
« Un handicap est le résultat d'une rencontre entre une déficience ou différence et une incapacité de la société à répondre à celle-ci. »

Hoa : http://hoa-project.net (sur @hoaproject).

Mammouth du PHP | 558 Messages

24 mars 2008, 11:45

désoler mais j'ai encore un petit soucis.
comment faire pour être a gauche car la le texte contenu dans les balises <li> est centré mais toujours en respectant le w3c.
merci.
voir
http://www.larosedelorient.com
menu de gauche
mes balises <li> sont contenu dans des balises <ul>.
merci
j'ai essayer plusieurs chose.
<td align="left">
<p align="left">
<div align="left">
ce sont les seul balise d'alignement que je connaissent.
cela reste sans effet c'est toujours centré.
le code.
    <td class="muret" width="15%" valign="top">
<br>
<ul>
<?php
if($typ==NULL)
{
echo'
<li><a href="c-vetements-page-1.php"><b>V&ecirc;tements</b></a></li>
<li><a href="c-accessoires-page-1.php"><b>Accessoires</b></a></li>
';
}
if($typ=='vetements') { include("robes.php"); }
if($typ=='accessoires') { include("accessoires.php"); }
?>
</ul>
<a href="http://www.larosedelorient.com/" title="la rose de l'orient V&ecirc;tement traditionnelles de l'orient" rel="sidebar" onClick="addToFavorites(this);return(false);"><b>Ajouter &agrave; vos favoris</b></a>
</td>
dans robes.php
<li><a href="c-accessoires-page-1.php"><b>Accessoires</b></a></li>
<li><b>V&ecirc;tements</b></li><br>
- <a href="t-vetements-costumes_bellydance-page-1.php"><b>costumes bellydance</b></a><br>
- <a href="t-vetements-robes_traditionnelles-page-1.php"><b>Robes traditionnelles</b></a><br>
- <a href="t-vetements-robes_de_fiancailles-page-1.php"><b>robes de fiancailles</b></a><br>
- <a href="t-vetements-robes_de_soiree-page-1.php"><b>robes de soirée</b></a>
dans accessoire.php
<li><a href="c-vetements-page-1.php"><b>V&ecirc;tements</b></a></li>
<li><b>Accessoire</b></li><br>
- <a href="t-accessoires-boucles_d_oreilles-page-1.php"><b>boucles d'oreilles</b></a><br>
- <a href="t-accessoires-colliers-page-1.php"><b>colliers</b></a><br>
- <a href="t-accessoires-bracelets-page-1.php"><b>bracelets</b></a>

ViPHP
ViPHP | 4674 Messages

24 mars 2008, 13:46

Et si tu apprenais le CSS :) ?
Tu trouveras d'innombrable ressource sur Internet, je te laisse chercher ;-).
« Un handicap est le résultat d'une rencontre entre une déficience ou différence et une incapacité de la société à répondre à celle-ci. »

Hoa : http://hoa-project.net (sur @hoaproject).

Mammouth du PHP | 558 Messages

24 mars 2008, 14:15

je ne sait pas par ou commencé.
il y a tellement d'informations.
j'ai essayé.

Code : Tout sélectionner

<li class="l1"> css li.l1 { text-align: left; }
et

Code : Tout sélectionner

<ul class="l1"> ul.l1 { text-align: left; }
et toujours pareil...
je continue a faire des essaies j'essaye tout et n'importe quoi...
et je ne m'en sort pas.
A force d'essyer tout et n'importe quoi j'ai trouvé sa qui fonctionne si quelqu'un a mieux je suis preneur.

Code : Tout sélectionner

<ul class="l1"> ul.l1 { margin-left: 15px; }

ViPHP
ViPHP | 1996 Messages

24 mars 2008, 16:48

Pas loin mais une petite erreur dans l'appel du CSS:

Code : Tout sélectionner

<ul class="essai"> <li>coucou</li> <li>coucou3</li> </ul>

là j'applique aux "li" de la classe "essai" mais cette classe peut être n'importe quoi en balise HTML.

Code : Tout sélectionner

css .essai li{ text-align: left; margin-left : 35px; //marge }
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

ViPHP
ViPHP | 4674 Messages

24 mars 2008, 17:54

Attention si tu fais margin-left xx px; il va te créer une marge à gauche (et pas un pas, padding, attention à la nuance). Cela aura pour effet de pousser les <li> vers la gauche mais cela n'alignera pas le texte à gauche ! Fais attention à ça.

Il y a une solution plus simple que celle proposée par Aureusms (ça se prononce comme ça ?) qui n'introduit pas la notion de sélecteur mais te permet de bien comprendre la notion de classe :

Code : Tout sélectionner

CSS : .right { text-align: right; } .center { text-align: center; } HTML : <ul> <li>texte à gauche</li> <li class="right">texte à droite</li> <li class="center">texte au centre</li> </ul>
Le code d'Aureusms dit : pour toutes les classes essai qui comporte un élément de liste (li = list item) en enfant ou sous-enfant ou -- de manière plus générale -- [sous-..-]enfant, alors on lui applique ce style.

Jette un œil aux sites http://openweb.eu.org et http://alsacreations.com :).
« Un handicap est le résultat d'une rencontre entre une déficience ou différence et une incapacité de la société à répondre à celle-ci. »

Hoa : http://hoa-project.net (sur @hoaproject).

ViPHP
ViPHP | 1996 Messages

24 mars 2008, 18:38

Attention si tu fais margin-left xx px; il va te créer une marge à gauche (et pas un pas, padding, attention à la nuance). Cela aura pour effet de pousser les <li> vers la gauche mais cela n'alignera pas le texte à gauche ! Fais attention à ça.

Il y a une solution plus simple que celle proposée par Aureusms (ça se prononce comme ça ?) qui n'introduit pas la notion de sélecteur mais te permet de bien comprendre la notion de classe :

Le code d'Aureusms dit : pour toutes les classes essai qui comporte un élément de liste (li = list item) en enfant ou sous-enfant ou -- de manière plus générale -- [sous-..-]enfant, alors on lui applique ce style.

Jette un œil aux sites http://openweb.eu.org et http://alsacreations.com :).
lol oui ca se prononce comme cela (cela vient de staphylococcus aureus, aureusms c'est plus court non ?)
Pour le margin-left j'avais même pas vu qu'il voulais faire cela, je voulais juste montrer un exemple.
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr

Mammouth du PHP | 558 Messages

25 mars 2008, 13:08

Pas loin mais une petite erreur dans l'appel du CSS:

Code : Tout sélectionner

<ul class="essai"> <li>coucou</li> <li>coucou3</li> </ul>

là j'applique aux "li" de la classe "essai" mais cette classe peut être n'importe quoi en balise HTML.

Code : Tout sélectionner

css .essai li{ text-align: left; margin-left : 35px; //marge }
A part une ligne en plus sa ne change rien à ce qu'il y a déjà.
merci quand meme

Mammouth du PHP | 558 Messages

10 avr. 2008, 11:17

A force d'essyer tout et n'importe quoi j'ai trouvé sa qui fonctionne si quelqu'un a mieux je suis preneur.

Code : Tout sélectionner

<ul class="l1"> ul.l1 { margin-left: 15px; }
cela fonctionne trèbie sous ie mais je vient de me rendre compte que sous le renard de feu c'est toujours centré.
je ne comprend pas je croyais que le css était une norme aplliqué par les navigateurs sans distinction.

Eléphant du PHP | 78 Messages

10 avr. 2008, 11:33

Hello,
Rajoute un petit padding.

Code : Tout sélectionner

ul.l1 { text-align: left; list-style: inside disc; padding: 0; }
L'idéal je pense c'est de mettre les margin et padding à 0 ensuite c'est toi qui mettra tes espacements.

Code : Tout sélectionner

*, html { margin :0; padding: 0 }
Voila.