HTML changement LI la taille ou de l'image

Donné un solitaire <li /> j'ai besoin d'augmenter sa taille. Font-size fonctionne uniquement sous firefox, c'est à dire juste le montre comme même taille.

Puis-je changer la LI taille d'une autre manière, ou de l'image? Veuillez noter (et je sais que c'est mauvais), il n'y a pas de UL élément, il n'est pas valide balisage comme il fait partie d'un système plus ancien qui, du fait de la conception de l'UL ne peuvent pas être ajoutés facilement.

InformationsquelleAutor Tom Gullen | 2010-11-08
  1. 2

    <li> éléments sont des éléments inline, donc ils auront l'intérieur des éléments de la largeur. Vous pouvez définir la propriété d'affichage à "inline-block" et définir une largeur. Je suppose que cela va résoudre votre problème.

    • Encore de la difficulté avec cela, j'ai encore besoin de le texte vers la droite pour être affichés correctement, pouvez-vous donner un exemple s'il vous plaît?
    • c'est un peu floues. vous souhaitez aligner le texte à droite??
    • Je veux juste le LI fonctionnement normal, mais la forme de disque plus grand en quelque sorte, votre réponse me laisse un peu confus, j'ai peur!
    • si vous voulez li fonctionne normalement, vous devriez l'utiliser dans une liste non ordonnée (<ul> élément). Par défaut, les formes les listes sont différentes entre les navigateurs. Si vous ne voulez pas que cela arrive, vous devriez set-list-style-image d'une propriété css à l'image que vous voulez.
    • Ou utiliser travées avec votre propre image prédéfinie créé à votre image préférée logiciel de montage 🙂
    InformationsquelleAutor ward87
  2. 1

    <li> est un élément inline, vous pouvez utiliser display: inline-block; de l'avoir accepter de largeur, de hauteur, de fond, de positionnement et d'autres règles, tout en conservant son inline flux.

    Aussi, vous pouvez essayer d'utiliser <span> avec une image d'un point placé à la gauche du texte au lieu de l'invalidité de balisage. 

    .liSpan
{
   display: inline-block;
   background-image: images/dot.png;
   background.position: left;
   padding-left: 25px;
}

    Ou quelque chose de semblable 🙂

    • Merci, d'avoir de la difficulté encore, le texte à la droite de celui-ci ne s'affiche pas correctement lorsqu'il s'enroule sur plusieurs lignes!
    • Qu'entendez-vous par "Ne s'affiche pas correctement?" Quel est l'effet que vous souhaitez réaliser? Je pense que vous pourriez être après background-position: center left; bien.
    InformationsquelleAutor Kyle
  3. 0

    Essayez de régler la hauteur de la ligne, ou du rembourrage pour augmenter la hauteur.

    .liSpan
{
    line-height: 2em;
    padding: 1em 0;
}
    InformationsquelleAutor Damien