IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Affichage de liste à puce


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2011
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2011
    Messages : 79
    Par défaut Affichage de liste à puce
    Bonjour, la puce du premier élément de ma liste et située à droite de mon texte et non à gauche et les autres puces sont à gauche de mon texte, je ne comprend pas ...



    Voici mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    <table id="TableSoumission">
    	<tr>
    		<td>
    			<h2>Quai d'aluminium</h2>
    			<div id="yoxview_customAlu" class="thumbnails">
    				<a href="images/aluminium/alu1.jpg"><img src="images/aluminium/miniAlu1.jpg" alt="First" title="Quai flottant en aluminium" /></a>
    				<a href="images/aluminium/alu2.jpg"><img src="images/aluminium/miniAlu2.jpg" alt="First" title="Quai semi-flottant en aluminium" /></a>
    				<a href="images/aluminium/alu3.jpg"><img src="images/aluminium/miniAlu3.jpg" alt="First" title="Long quais flottant" /></a>
    			</div><br/>
    			<ul>
    				<li>Flotteur noir rempli de polystyrène</li>
    				<li>Plancher en cèdre rouge amovible</li>
    				<li>Plancher en composite</li>
    				<li>Différentes sections facilement déplaçable</li>
    				<li>Plusieurs accessoires disponibles</li>
    			</ul>
    		</td>
    		<td>
    			<h2>Quai sur poteaux</h2>
    			<div id="yoxview_customPoteaux" class="thumbnails">
    				<a href="images/poteaux/poteaux1.jpg"><img src="images/poteaux/miniPoteaux1.jpg" alt="First" title="Quai sur poteaux 1" /></a>
    				<a href="images/poteaux/poteaux2.jpg"><img src="images/poteaux/miniPoteaux2.jpg" alt="First" title="Quai sur poteaux 2" /></a>
    				<a href="images/poteaux/poteaux3.jpg"><img src="images/poteaux/miniPoteaux3.jpg" alt="First" title="Quai sur poteaux 3" /></a>
    			</div><br/>
    			<ul>
    				<li>Plancher en cèdre rouge amovible</li>
    				<li>Plancher en composite</li>
    				<li>Nivelage des sections facile </li>
    				<li>Très stable et facile à déplacer</li>
    				<li>Plusieurs accessoires disponibles</li>
    			</ul>						
    		</td>
    	</tr>
    	<tr>
    		<td>
    			<h2>Quai en bois</h2>
    			<div id="yoxview_customBois" class="thumbnails">
    				<a href="images/bois/bois1.jpg"><img src="images/bois/miniBois1.jpg" alt="First" title="Quai en bois 1" /></a>
    				<a href="images/bois/bois2.jpg"><img src="images/bois/miniBois2.jpg" alt="First" title="Quai en bois 2" /></a>
    				<a href="images/bois/bois3.jpg"><img src="images/bois/miniBois3.jpg" alt="First" title="Quai en bois 3" /></a>
    			</div><br/>
    			<ul>
    				<li>Plancher de bois Pro-nature</li>
    				<li>Plancher en cèdre</li>
    				<li>Disponible dans toutes les dimensions</li>
    				<li>Flotteur noir rempli de polystyrène</li>
    				<li>Plusieures accessoires disponibles</li>
    			</ul>
    		</td>
    		<td>
    			<h2>Accessoire pour quai</h2>
    			<div id="yoxview_customAcc" class="thumbnails">
    				<a href="images/Accessoire/acc2.jpg"><img src="images/Accessoire/miniAcc2.jpg" alt="First" title="Accessoire de quai 1" /></a>
    				<a href="images/Accessoire/pageaccessoires.jpg"><img src="images/Accessoire/miniAcc.jpg" alt="First" title="Accessoire de quai 2" /></a>
    				<a href="images/Accessoire/pagemontebateau.jpg"><img src="images/Accessoire/miniMonte.jpg" alt="First" title="Accessoire de quai 3" /></a>
    			</div><br/>
    			<ul>
    				<li>Élévateur à bateau / moto-marine</li>
    				<li>Flotteur</li>
    				<li>Échelle 3-4 marches plastic/aluminium</li>
    				<li>Banc</li>
    				<li>Support à kayak</li>
    			</ul>
    		</td>
    	</tr>
    </table>

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur en systèmes embarqués
    Inscrit en
    Octobre 2006
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur en systèmes embarqués
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 80
    Par défaut
    Bonsoir,
    Le problème ne vient sûrement pas de ton code HTML mais plutôt de la feuille de style qui sert à la mise en page. Peux-tu mettre le contenu de ton fichier CSS.

    Cordialement,
    Jean-Pierre.

  3. #3
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    Ça semble ressembler à un problème de flottement, essayez avec un clear:left.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2011
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2011
    Messages : 79
    Par défaut
    Citation Envoyé par rodolphebrd Voir le message
    Bonjour,

    Ça semble ressembler à un problème de flottement, essayez avec un clear:left.
    J'ai rajouter un clear:left dans mon css de TableSoumission cela marche sur firefox mais quand je vais sur google chrome cela change rien. Quoi que quand je vais dans le code source de mon css sur google chrome je ne vois pas ma modification "clear:left" et quand je vais dans le code source du css par firefox je voie ma modification "clear:left"

    C'est bizarre non ?

  5. #5
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    C'est pourquoi je ne me limite qu'à des suppositions à défaut de voir votre code css, ou une page en ligne.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2011
    Messages
    79
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2011
    Messages : 79
    Par défaut
    Citation Envoyé par rodolphebrd Voir le message
    C'est pourquoi je ne me limite qu'à des suppositions à défaut de voir votre code css, ou une page en ligne.
    Voici le site : http://www.quaisdunord.com

  7. #7
    Membre confirmé
    Homme Profil pro
    Développeur en systèmes embarqués
    Inscrit en
    Octobre 2006
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Développeur en systèmes embarqués
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 80
    Par défaut
    Citation Envoyé par lolaalol Voir le message
    Quoi que quand je vais dans le code source de mon css sur google chrome je ne vois pas ma modification "clear:left" et quand je vais dans le code source du css par firefox je voie ma modification "clear:left"

    C'est bizarre non ?
    Peut-être le cache à effacer ?

    Cordialement,
    Jean-Pierre

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Wordpress :affichage liste à puces
    Par parfait radin dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 13/01/2011, 23h02
  2. Problème d'affichage avec une liste à puces
    Par Maxence45 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 09/07/2007, 21h09
  3. [HTML] saut de ligne dans liste à puce.
    Par spirou dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 24/08/2005, 20h07
  4. [CSS]Changer l'interligne des éléments d'une liste à puces
    Par khany dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/03/2005, 13h57
  5. Réponses: 15
    Dernier message: 20/07/2004, 09h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo