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

Mise en page CSS Discussion :

donner une classe à des <li>


Sujet :

CSS

  1. #1
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2013
    Messages
    66
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2013
    Messages : 66
    Par défaut donner une classe à des <li>
    bonsoir je suis en train de mettre en forme du texte, qui s'organise comme suis
    un titre (n'ayant rien d'autre a y mettre il est dans un div), puis dans une <lu> j'ai placer des sous titre chacun dans une <li> différente puis des <p> avec encore dans certain cas des <li> pour classer le contenu.
    pour ma mise en page j'ai donc affecté une class (sous-titre), au li de mes sous titre et la j'ai donc voulu dans ma feuille de style les mettre en gras et badaboum !! il ne réagisse pas alors que la class de mon titre par exemple elle fonctionne!

    les <li> ne sont t'il pas réceptifs au class ?

    merci pour les tuyaux

    cedcyr

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Montre-nous ton code !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par cedcyr Voir le message
    un titre ... il est dans un div...
    Un titre est censé être dans un <h1>, <h2>,... <h6>.
    puis dans une <lu>...
    Un <ul> !!!
    Pas étonnant que ça ne fonctionne pas...

  4. #4
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2013
    Messages
    66
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2013
    Messages : 66
    Par défaut pour faire suite
    voici mon code css :
    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
    /*partie centrale*/
    .contenu_sbs
    {
            position:relative;
            left:40px;
            top: 60px;
    	margin-left: 328px;
    	margin-right: 360px;
    	width:		calc(100% - (328px+220px));
    	width:	    -webkit-calc(100% - (328px+220px));
    	width:		-moz-calc(100% - (328px+220px));
    	list-style:	none;
    	font-style:oblique;
    	color: #343434;
    	font-size:	1.40em;
    }
    .liste
    {
    	list-style: none;
    }
    .titre
    {
    	font-size:	1.4em;
    	text-align: center;
    	font: bold;
    }
    .sous-titre
    {
    	font: bold;
    }
    et le html qui va avec :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div class="contenu_sbs">
    	<div class="titre">SBS (*): syst&egrave;me de branchement simplifi&eacute;.</div>
    	<ul class="liste">
    		<li class="sous-titre">Le produit : </li><p> Le Syst&egrave;me de Branchement Simplifi&eacute; SBS (*) a &eacute;t&eacute; d&eacute;velopp&eacute; pour permettre le branchement d'un  attelage aussi bien sur un v&eacute;hicule basique que sur un v&eacute;hicule multiplex&eacute;. Le bo&icirc;tier S.B.S. est conçu de telle sorte qu'il prot&egrave;ge les syst&egrave;mes électroniques du véhicule (BSI) de tout retour d&ucirc; à un d&eacute;faut  &eacute;lectrique sur la remorque. Le bo&icirc;tier S.B.S. est pr&eacute;programm&eacute; lors de sa production pour permettre le  branchement sans outil sp&eacute;cifique sur le v&eacute;hicule. L'utilisation de l'outil permet de s'affranchir de la  recherche des fonctions de chaque c&acirc;ble arrivant sur les feux de signalisation et permet donc un gain de temps appr&eacute;ciable. </p>
    		<li class="sous-titre">Le bo&icirc;tier S.B.S. est compatible avec : </li><p>
    		<li>- les v&eacute;hicules ayant la masse au ch&agrave;ssis et fonctionnant avec une tension de «12V»,</li><li>- les v&eacute;hicules &eacute;quip&eacute;s du contrôle des ampoules (check control),</li><li> - les v&eacute;hicules &eacute;quip&eacute;s de feux arri&egrave;res &agrave; leds utilisant un faible voltage,</li><li>- les v&eacute;hicules équipés de feux pilotés par voltage mixte (deux signaux sur le m&ecirc;me fil/ PWM),</li><li>- les v&eacute;hicules ayant les feux antibrouillard command&eacute;s par la masse (*) Syst&egrave;me brevet&eacute;</li></p>
    		<li class="sous-titre">Avantages techniques :</li><p><li>- branchement possible sans conna&icirc;tre les plans de c&acirc;blage de la voiture ; permet d'avoir un faisceau disponible imm&eacute;diatement lors de la sortie d'un nouveau mod&egrave;le de voiture.</li><li>- protection de l'&eacute;lectronique de la voiture contre tout court circuit sur la remorque,</li><li>- aucun signal ne remonte vers le v&eacute;hicule (rapport envoy&eacute; sur demande),</li><li>- pas de re-programmation de l'ordinateur de bord : il n'est pas n&eacute;cessaire de d&eacute;brancher la batterie du  v&eacute;hicule pour l'installation du bo&icirc;tier</li><li>- D&eacute;tection de deux niveaux de tension diff&eacute;rents sur le m&ecirc;me fi l (exemple : Veilleuse/antibrouillard ou  veilleuse/stop sur le m&ecirc;me fi l / PWM),</li><li>- programmation via un outil de configuration (plus de rep&eacute;rage de fils),</li><li>- possibilit&eacute; de couper un ou deux antibrouillards de la voiture lorsque la remorque est branch&eacute;e  (obligatoire dans certains pays europ&eacute;ens) - Versions XL et &eacute;lite</li><li>- possibilit&eacute; d'avertir le conducteur des d&eacute;fauts des clignotants de la remorque via un avertisseur sonore  (obligatoire dans certains pays europ&eacute;ens) - Versions &eacute;lite</li></p><li class="sous-titre">Avantages &eacute;conomiques :</li><p><li>- plus de stocks de faisceaux sp&eacute;cifi ques (une seule r&eacute;f&eacute;rence en stock),</li><li>- temps d'installation r&eacute;duit,</li><li>- d&eacute;garnissage limit&eacute; aux seuls feux arri&egrave;res de la voiture,</li><li>- montage et programmation par une seule personne,</li></p><li class="sous-titre">Homologation :</li><p><li>- validation technique tüv,</li><li>- r&eacute;pond à la norme CEM 2004-104 CE,</li></p><li class="sous-titre">Garantie :</li><p><li> - produit garanti deux ans ou 60 000 km pour toute utilisation conforme aux instructions de montage et  d'utilisation jointes au produit.</li></p>
    	</ul>
    </div>
    ce que je souhaite faire c'est mettre en gras les sous-titre mais la class sous-titre ne fonctionne pas.

    merci cedcyr

  5. #5
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mars 2013
    Messages
    66
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2013
    Messages : 66
    Par défaut j'ai trouvé !
    mon code était incomplet comme ca cela fonctionne nettement mieux
    merci

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    cela ne serait pas arrivé si tu faisais bon usage des balises.

    Si tu veux te faire peur essaies de valider ton code avec par exemple http://validator.w3.org/

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

Discussions similaires

  1. [JSP][STRUTS] Passer des objets à une classe action
    Par maphi dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 10/08/2005, 16h55
  2. Pouvoir gérer les actions des boutons dans une classe
    Par Cyborg289 dans le forum Composants
    Réponses: 2
    Dernier message: 08/07/2005, 12h08
  3. thread dédié à une classe pour lui "donner vie"
    Par Dje14 dans le forum Threads & Processus
    Réponses: 5
    Dernier message: 02/06/2005, 16h46
  4. Réponses: 2
    Dernier message: 27/03/2005, 16h09
  5. Réponses: 14
    Dernier message: 15/01/2004, 01h15

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