mes balises <li> ne sont pas accepté

par **Akei** » 10 avr. 2008, 11:33

Hello,
Rajoute un petit padding.

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.

par **hakazizi** » 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.

par **hakazizi** » 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

par **Aureusms** » 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.

par **Hywan** » 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

.

par **Aureusms** » 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
}

par **hakazizi** » 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;
}

par **Hywan** » 24 mars 2008, 13:46

Et si tu apprenais le CSS

?
Tu trouveras d'innombrable ressource sur Internet, je te laisse chercher

.

par **hakazizi** » 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>

par **Hywan** » 23 mars 2008, 17:11

A tout hasard...

document type does not allow element "LI" here; missing one of "UL", "OL", "DIR", "MENU" start-tag

Quel heureux hasard :'D.

par **hakazizi** » 23 mars 2008, 14:01

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

par **Truc** » 23 mars 2008, 13:54

A tout hasard...

document type does not allow element "LI" here; missing one of "UL", "OL", "DIR", "MENU" start-tag

par **hakazizi** » 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

mes balises <li> ne sont pas accepté

Répondre

Étendre la vue Revue du sujet : mes balises <li> ne sont pas accepté

mes balises <li> ne sont pas accepté